body,html{margin:0;padding:0;width:100%;height:100%;background-color:#020617;color:#e2e8f0;overflow:hidden;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.gateway-container{display:flex;width:100vw;height:100vh;flex-direction:row;background:#020617}.portal{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;text-decoration:none;color:#e2e8f0;transition:flex .8s cubic-bezier(.19,1,.22,1),filter .8s cubic-bezier(.19,1,.22,1)}.gateway-container:has(#portal-web:hover) #portal-web{flex:1.5}.gateway-container:has(#portal-web:hover) #portal-studio{filter:brightness(.2) grayscale(1)}.gateway-container:has(#portal-studio:hover) #portal-studio{flex:1.5}.gateway-container:has(#portal-studio:hover) #portal-web{filter:brightness(.2) grayscale(1)}.portal-web{background:radial-gradient(circle at center,#0f172a,#020617)}.portal-web:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(16,185,129,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,185,129,.08) 1px,transparent 1px);background-size:60px 60px;z-index:0;opacity:.2;transition:opacity .8s ease,transform .8s ease}.portal-web:hover:before{opacity:.6;transform:scale(1.05)}.portal-web .content{position:relative;z-index:10;font-family:Share Tech Mono,monospace;text-align:center;padding:2rem;transition:transform .8s cubic-bezier(.19,1,.22,1)}.portal-web h2{font-size:clamp(2rem,4vw,4rem);color:#10b981;margin:0;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px rgba(16,185,129,0);transition:all .5s cubic-bezier(.19,1,.22,1)}.portal-web:hover h2{text-shadow:0 0 40px rgba(16,185,129,.5)}.terminal-prompt{opacity:0;transform:translateY(20px);color:#10b981;font-size:clamp(.8rem,1.5vw,1.2rem);letter-spacing:.3em;margin-top:2rem;transition:all .8s cubic-bezier(.19,1,.22,1)}.portal-web:hover .terminal-prompt{opacity:1;transform:translateY(0);animation:textFlicker 3s infinite alternate}@keyframes textFlicker{0%,to{opacity:1}5%{opacity:.5}10%{opacity:1}95%{opacity:1}98%{opacity:.8}}.portal-studio{background-color:#020617}.portal-studio:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,#1e0f2dcc,#020617 70%);z-index:1;opacity:.8;transition:opacity .8s ease}.portal-studio:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;z-index:2;pointer-events:none;mix-blend-mode:overlay}.portal-studio:hover:after{opacity:1}.portal-studio .content{position:relative;z-index:10;text-align:center;padding:2rem;transition:transform .8s cubic-bezier(.19,1,.22,1)}.portal-studio h2{font-family:Inter,sans-serif;font-weight:900;font-size:clamp(2.5rem,5vw,6rem);letter-spacing:-.05em;color:#f8fafc;margin:0;text-transform:uppercase;line-height:.9;transition:all .8s cubic-bezier(.19,1,.22,1);text-shadow:0 10px 30px rgba(0,0,0,.8)}.portal-studio:hover h2{transform:scale(1.03);text-shadow:0 20px 50px rgba(0,0,0,.9),0 0 40px rgba(139,92,246,.3);letter-spacing:-.02em}#studio-video-container{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity 1.5s ease;pointer-events:none}.nexus{position:absolute;top:0;bottom:0;left:50%;width:0px;z-index:50;pointer-events:none;display:flex;align-items:center;justify-content:center}.nexus-line{position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:#ffffff1a;transition:background .8s ease}.nexus-logo{background:#0f172a;padding:1rem 2rem;border:1px solid rgba(255,255,255,.1);font-family:Share Tech Mono,monospace;font-size:14px;letter-spacing:.5em;color:#e2e8f0;transition:all .8s cubic-bezier(.19,1,.22,1);backdrop-filter:blur(10px);text-transform:uppercase;position:relative}.gateway-container:has(#portal-web:hover)~.nexus .nexus-logo{border-color:#10b98166;box-shadow:0 0 40px #10b98126;color:#10b981}.gateway-container:has(#portal-web:hover)~.nexus .nexus-line{background:linear-gradient(to bottom,transparent,rgba(16,185,129,.4),transparent)}.gateway-container:has(#portal-studio:hover)~.nexus .nexus-logo{border-color:#8b5cf666;box-shadow:0 0 40px #8b5cf626;color:#c4b5fd}.gateway-container:has(#portal-studio:hover)~.nexus .nexus-line{background:linear-gradient(to bottom,transparent,rgba(139,92,246,.4),transparent)}@media (max-width: 768px){.gateway-container{flex-direction:column}.nexus{inset:50% 0 auto;width:100%;height:0px}.nexus-line{inset:50% 0 auto;height:1px;width:100%;transform:translateY(-50%)}.portal{flex:1!important}}.glitch-active{animation:masterGlitch .8s cubic-bezier(.25,.46,.45,.94) forwards;pointer-events:none}@keyframes masterGlitch{0%{filter:contrast(1);transform:scale(1)}20%{filter:contrast(2) hue-rotate(90deg);transform:scale(1.02) skew(2deg)}40%{filter:contrast(.5) invert(1);transform:scale(.98) skew(-2deg)}60%{filter:contrast(3) invert(0) sepia(1);transform:scale(1.05) translate(10px)}80%{filter:contrast(2);transform:scale(1);opacity:1}to{filter:contrast(1) blur(20px);opacity:0;transform:scale(1.1)}}