*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#00d4ff;--cyan-dim:#00d4ff80;--pink:#ff3c6e;--purple:#a855f7;--dark:#050a18;--dark-2:#0a1228;--white:#fff;--glass:#08122a99;--glass-border:#00d4ff1a;--glass-border-hover:#00d4ff59;--radius:18px;--radius-sm:12px;--glow:0 0 12px #00d4ff80, 0 0 40px #00d4ff33;--glow-sm:0 0 8px #00d4ff66;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}html{background:var(--dark);scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;height:100%}body{min-height:100svh;color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root{min-height:100svh}.logo-scene{perspective:900px;flex-shrink:0;width:clamp(110px,26vw,170px);height:clamp(110px,26vw,170px)}.logo-3d{width:100%;height:100%;transform-style:preserve-3d;animation:9s ease-in-out infinite logo-rotate;position:relative}@keyframes logo-rotate{0%{transform:rotateY(0)rotateX(0)}25%{transform:rotateY(14deg)rotateX(-7deg)}50%{transform:rotateY(0)rotateX(0)}75%{transform:rotateY(-14deg)rotateX(7deg)}to{transform:rotateY(0)rotateX(0)}}.logo-face{backface-visibility:hidden;background:radial-gradient(circle at 30% 30%,#00d4ff1f,#0000 70%);border:2px solid #00d4ff40;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 36px #00d4ff33,0 0 72px #00d4ff14,inset 0 0 50px #00d4ff0f}.logo-face img{object-fit:cover;filter:drop-shadow(0 0 14px #00d4ff80);border-radius:50%;width:90%;height:90%}.logo-ring-outer{filter:blur(2px);background:conic-gradient(#0000 55%,#00d4ff8c 78%,#0000 100%);border-radius:50%;animation:5.5s linear infinite spin;position:absolute;inset:-16px}.logo-ring-inner{filter:blur(1.5px);background:conic-gradient(from 180deg,#0000 60%,#a855f759 82%,#0000 100%);border-radius:50%;animation:8s linear infinite reverse spin;position:absolute;inset:-10px}@keyframes spin{to{transform:rotate(360deg)}}.logo-reflection{filter:blur(8px);background:radial-gradient(at 50% 0,#00d4ff2e,#0000 70%);flex-shrink:0;width:clamp(80px,20vw,140px);height:18px;margin:-6px auto 0}@media (height<=580px){.logo-scene{width:80px;height:80px}.logo-reflection{display:none}}.glitch-wrap{text-align:center}.glitch{letter-spacing:clamp(.22em,1.2vw,.38em);text-transform:uppercase;color:var(--white);font-family:Orbitron,monospace;font-size:clamp(1.1rem,4vw,2rem);font-weight:700;animation:5s infinite glitch-shake;display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-t);position:absolute;inset:0}.glitch:before{color:var(--cyan);clip-path:polygon(0 20%,100% 20%,100% 38%,0 38%);animation:5s infinite glitch-1}.glitch:after{color:var(--pink);clip-path:polygon(0 62%,100% 62%,100% 78%,0 78%);animation:5s infinite glitch-2}@keyframes glitch-shake{0%,90%,to{transform:none}91%{transform:skew(-3deg)translate(2px)}93%{transform:skew(3deg)translate(-2px)}95%{transform:none}}@keyframes glitch-1{0%,90%,to{opacity:0;transform:none}91%{opacity:.8;transform:translate(-3px)}93%{opacity:.8;transform:translate(3px)}95%{opacity:0}}@keyframes glitch-2{0%,90%,to{opacity:0;transform:none}92%{opacity:.8;transform:translate(3px)}94%{opacity:.8;transform:translate(-3px)}96%{opacity:0}}.ticker{border-top:1px solid #00d4ff12;border-bottom:1px solid #00d4ff12;flex-shrink:0;width:100vw;padding:clamp(7px,1.2vh,11px) 0;position:relative;overflow:hidden}.ticker:before,.ticker:after{content:"";z-index:2;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.ticker:before{background:linear-gradient(to right, var(--dark), transparent);left:0}.ticker:after{background:linear-gradient(to left, var(--dark), transparent);right:0}.ticker-track{white-space:nowrap;animation:28s linear infinite ticker-scroll;display:flex}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ti{letter-spacing:.18em;text-transform:uppercase;color:#ffffff40;align-items:center;padding:0 clamp(14px,2.4vw,28px);font-family:Orbitron,monospace;font-size:clamp(.5rem,1vw,.66rem);font-weight:700;display:inline-flex}.ti-cyan{color:var(--cyan)}.ti-dot{background:var(--cyan);width:4px;height:4px;box-shadow:0 0 6px var(--cyan);border-radius:50%;flex-shrink:0;display:inline-block}.features{flex-direction:column;align-items:center;gap:clamp(12px,1.8vh,18px);width:100%;display:flex}.features-label{letter-spacing:.45em;color:#00d4ff66;text-transform:uppercase;font-family:Orbitron,monospace;font-size:clamp(.5rem,1.1vw,.65rem);font-weight:700}.features-grid{grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.8vw,16px);width:min(820px,92vw);display:grid}@media (width<=560px){.features-grid{grid-template-columns:1fr;gap:10px;width:min(360px,92vw)}.feature-card{flex-direction:row!important;gap:14px!important;padding:16px!important}.feature-body{text-align:left!important;align-items:flex-start!important}}.feature-card{background:var(--glass);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:clamp(8px,1.2vh,12px);padding:clamp(16px,2.8vh,24px) clamp(14px,1.8vw,20px);transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.feature-card:after{content:"";background:linear-gradient(to right, transparent, var(--cyan), transparent);opacity:.45;height:1px;animation:3.5s ease-in-out infinite card-scan;position:absolute;top:0;left:-100%;right:-100%}.feature-card:nth-child(2):after{animation-delay:-1.2s}.feature-card:nth-child(3):after{animation-delay:-2.3s}@keyframes card-scan{0%,to{opacity:0;transform:translate(-60%)}50%{opacity:.5;transform:translate(60%)}}.feature-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#00d4ff0d 0%,#0000 60%);position:absolute;inset:0}.feature-card:hover,.feature-card:active{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 14px 40px #00d4ff1a}.feature-icon{background:#00d4ff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,6.5vw,52px);height:clamp(40px,6.5vw,52px);display:flex;box-shadow:0 0 18px #00d4ff14}.feature-icon svg{width:clamp(18px,3vw,24px);height:clamp(18px,3vw,24px);stroke:var(--cyan);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px var(--cyan))}.feature-body{flex-direction:column;align-items:center;gap:4px;display:flex}.feature-title{letter-spacing:.1em;text-transform:uppercase;color:var(--white);font-family:Orbitron,monospace;font-size:clamp(.54rem,1.2vw,.76rem);font-weight:700}.feature-desc{color:#ffffff4d;text-align:center;font-size:clamp(.58rem,1vw,.72rem);font-weight:500;line-height:1.6}.feature-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);opacity:.55;font-size:clamp(.46rem,.9vw,.6rem);font-weight:700}@media (height<=650px) and (width>=541px){.features{display:none}}.social{flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(8px,1.4vh,14px);display:flex}.social-label{letter-spacing:.45em;color:#00d4ff66;text-transform:uppercase;font-family:Orbitron,monospace;font-size:clamp(.5rem,1.1vw,.65rem);font-weight:700}.social-row{flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.8vw,14px);display:flex}.social-btn{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(10px);color:#00d4ff8c;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:clamp(44px,7vw,52px);min-width:44px;height:clamp(44px,7vw,52px);min-height:44px;text-decoration:none;transition:border-color .22s,box-shadow .22s,color .22s,transform .2s;display:flex}.social-btn:hover,.social-btn:active{border-color:var(--cyan);color:var(--white);transform:translateY(-2px);box-shadow:0 0 20px #00d4ff40}.social-btn:active{transform:translateY(0)}.social-btn svg{width:clamp(17px,2.6vw,21px);height:clamp(17px,2.6vw,21px)}.scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#0000000a 3px 4px);position:fixed;inset:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 30%,#000000bf 100%);position:fixed;inset:0}.corner{z-index:5;pointer-events:none;width:clamp(16px,3.5vw,34px);height:clamp(16px,3.5vw,34px);position:fixed}.corner:before,.corner:after{content:"";background:var(--cyan);box-shadow:var(--glow-sm);position:absolute}.corner:before{width:100%;height:2px;top:0;left:0}.corner:after{width:2px;height:100%;top:0;left:0}.corner-tl{top:clamp(8px,1.8vw,16px);left:clamp(8px,1.8vw,16px)}.corner-tr{top:clamp(8px,1.8vw,16px);right:clamp(8px,1.8vw,16px);transform:scaleX(-1)}.corner-bl{bottom:clamp(8px,1.8vw,16px);left:clamp(8px,1.8vw,16px);transform:scaleY(-1)}.corner-br{bottom:clamp(8px,1.8vw,16px);right:clamp(8px,1.8vw,16px);transform:scale(-1)}.page{z-index:10;padding:calc(var(--sat) + clamp(28px, 4vh, 50px)) clamp(16px, 5vw, 40px) calc(var(--sab) + clamp(36px, 5vh, 56px));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,3vh,24px);width:100%;min-height:100svh;display:flex;position:relative}.brand-block{text-align:center;line-height:1.1}.brand{letter-spacing:.08em;color:var(--white);text-shadow:var(--glow);margin:0;font-family:Orbitron,monospace;font-size:clamp(2rem,7vw,3.8rem);font-weight:900}.brand em{color:var(--cyan);font-style:normal}.sub-brand{letter-spacing:clamp(.24em,1vw,.52em);color:#00d4ff8c;text-transform:uppercase;margin-top:6px;font-family:Orbitron,monospace;font-size:clamp(.55rem,1.5vw,.88rem);font-weight:600}.divider{align-items:center;gap:10px;width:min(360px,72vw);display:flex}.div-line{background:linear-gradient(90deg,#0000,#00d4ff59,#0000);flex:1;height:1px}.div-gem{background:var(--cyan);width:7px;height:7px;box-shadow:var(--glow-sm);flex-shrink:0;transform:rotate(45deg)}.tagline{letter-spacing:clamp(.2em,.9vw,.42em);color:#ffffff4d;text-transform:uppercase;text-align:center;font-family:Inter,sans-serif;font-size:clamp(.68rem,1.7vw,1rem);font-weight:600}.tagline b{color:var(--cyan);text-shadow:0 0 8px var(--cyan);font-weight:700}.footer{bottom:calc(var(--sab) + clamp(6px, 1vh, 10px));text-align:center;z-index:10;letter-spacing:.18em;color:#ffffff1a;text-transform:uppercase;pointer-events:none;font-family:Inter,sans-serif;font-size:clamp(.46rem,.9vw,.58rem);font-weight:500;position:fixed;left:0;right:0}@media (height<=580px){.divider{display:none}.page{gap:10px}}@media (width<=520px){.page{gap:clamp(14px,3vh,22px)}.brand{font-size:clamp(1.8rem,9vw,2.6rem)}}