*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#000;font-family:Courier New,monospace}#root{height:100%;width:100%}.container{width:100vw;height:100vh;background:#000;position:relative}.diagonal-split{width:100%;height:100%;position:relative}.clickable-section{position:absolute;text-decoration:none;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.top-left{top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a 50%,transparent 50%);z-index:2;clip-path:polygon(0 0,100% 0,0 100%)}.bottom-right{top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 50%,#001100 50%);z-index:1;clip-path:polygon(100% 0,100% 100%,0 100%)}.top-left:hover{background:linear-gradient(135deg,#0f0f0f 50%,transparent 50%);box-shadow:inset 0 0 100px #00ff001a}.bottom-right:hover{background:linear-gradient(135deg,transparent 50%,#002200 50%);box-shadow:inset 0 0 100px #00ff001a}.section-content{display:flex;flex-direction:column;align-items:center;color:#0f0;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:2px;z-index:10;position:relative}.top-left .section-content{position:absolute;top:25%;left:20%}.bottom-right .section-content{position:absolute;bottom:25%;right:20%}.section-title{font-size:24px;font-weight:700;margin-bottom:8px;text-shadow:0 0 10px #00ff00}.section-subtitle{font-size:14px;color:#0c0;font-weight:400;letter-spacing:1px;text-shadow:0 0 5px #00cc00}.clickable-section:hover .section-title{text-shadow:0 0 20px #00ff00,0 0 30px #00ff00}.clickable-section:hover .section-subtitle{text-shadow:0 0 10px #00cc00,0 0 15px #00cc00}.matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);animation:matrix-flow 20s linear infinite}.matrix-rain:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(0,255,0,.1) 1px,transparent 1px),radial-gradient(circle at 80% 80%,rgba(0,255,0,.1) 1px,transparent 1px),radial-gradient(circle at 40% 60%,rgba(0,255,0,.1) 1px,transparent 1px);background-size:50px 50px,30px 30px,70px 70px;animation:matrix-dots 15s linear infinite}@keyframes matrix-flow{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}@keyframes matrix-dots{0%{opacity:.1}50%{opacity:.3}to{opacity:.1}}@media (max-width: 768px){.section-title{font-size:20px}.top-left .section-content{top:20%;left:15%}.bottom-right .section-content{bottom:20%;right:15%}}@media (max-width: 480px){.section-title{font-size:16px;letter-spacing:1px}.top-left .section-content{top:15%;left:10%}.bottom-right .section-content{bottom:15%;right:10%}}