:root{color-scheme:dark;--bg:#030b16;--blue:#143c61;--cyan:#69b7ee;--muted:#91a8bc;--line:#214361}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 12%,#12314e 0%,#071827 35%,var(--bg) 78%);color:#f5faff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.grid-bg{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#2d89c70a 1px,transparent 1px),linear-gradient(90deg,#2d89c70a 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent 88%)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0 3px,#83c9ff0a 4px 5px)}.shell{position:relative;max-width:570px;margin:0 auto;padding:24px 22px 30px}.topline{display:flex;align-items:center;gap:8px;color:#a5c7e5;font:600 10px Inter,Arial;letter-spacing:1.8px;border-bottom:1px solid var(--line);padding-bottom:17px}.topline-right{margin-left:auto;color:#4c7192}.status-dot{width:6px;height:6px;background:#69b7ee;border-radius:50%;box-shadow:0 0 10px #69b7ee}header{text-align:center;padding:44px 0 27px}.logo-frame{display:grid;place-items:center;width:106px;height:106px;margin:auto auto 27px;border:1px solid #3177ad;border-radius:22px;background:linear-gradient(140deg,#102d4a,#07101d);box-shadow:0 0 0 7px #1c7dc411,0 0 40px #69b7ee25;overflow:hidden}.logo-frame img{width:100%;height:100%;object-fit:contain;padding:12px}.logo-fallback{font:900 44px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px}.logo-fallback span{color:var(--cyan);font-size:22px;vertical-align:top}.eyebrow{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:3.4px;margin:0 0 9px}h1{font:900 clamp(42px,11vw,69px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.5px;margin:0;overflow-wrap:anywhere}.glitch{position:relative;text-shadow:2px 2px 0 #0066bb}.glitch:after{content:attr(data-text);position:absolute;inset:0;color:#71d5ff;opacity:0;clip-path:inset(30% 0 46% 0);animation:glitch 8s infinite}@keyframes glitch{0%,94%,98%,100%{opacity:0;transform:none}95%{opacity:.7;transform:translate(-3px,1px)}96%{opacity:.5;transform:translate(3px,-1px)}97%{opacity:0}}.subtitle{font-size:13px;color:#72c9ff;font-weight:700;letter-spacing:1.6px;margin:15px 0 12px}.intro{font-size:12px;line-height:1.9;color:#9bb0c5;max-width:355px;margin:auto}.links{display:grid;gap:12px}.link-card{display:flex;align-items:center;gap:16px;min-height:75px;padding:13px 18px;border:1px solid #234b6c;border-radius:12px;background:linear-gradient(105deg,#10263cdd,#0a1728ee);color:white;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.link-card:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#69b7ee13 50%,transparent 80%);transform:translateX(-110%);transition:transform .55s}.link-card:hover:before,.link-card:focus-visible:before{transform:translateX(110%)}.link-card:hover,.link-card:focus-visible{transform:translateY(-2px);border-color:#69b7ee;box-shadow:0 0 20px #69b7ee25;outline:none}.icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #2b628d;border-radius:10px;color:#69b7ee;background:#0d3554;font-weight:800;font-size:24px}.icon.in{font-size:19px}.link-copy{display:flex;flex-direction:column;gap:5px}.link-copy strong{font-size:14px;letter-spacing:.2px}.link-copy small{color:#829fbb;font-size:11px}.arrow{margin-left:auto;font-size:22px;color:#6bb9ec}.join{margin-top:7px;border-color:#2589d7;background:linear-gradient(110deg,#0e4674,#10233a)}.join .icon{background:#0e66a7;border-color:#4cbeff}.notice{height:25px;text-align:center;color:#78cfff;font-size:11px;padding-top:9px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:38px;border-top:1px solid var(--line);padding-top:20px;font-size:9px;letter-spacing:1px;color:#66849d}footer span:first-child{color:#50a8df}footer p{width:100%;text-align:center;color:#45637c;margin:19px 0 0}@media(max-width:390px){.shell{padding:19px 16px 25px}header{padding-top:35px}h1{font-size:43px}.link-card{min-height:70px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* 3D logo: ONE unshifted image, physically plausible depth, neon only inside its alpha silhouette */
.logo-scene{width:min(270px,76vw);height:245px;margin:0 auto 14px;display:grid;place-items:center;perspective:900px;isolation:isolate}
.logo-model{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-8deg);animation:logoTilt 9s ease-in-out infinite;}
.logo-original,.logo-neon,.logo-shine{position:absolute;inset:0;width:100%;height:100%;}
.logo-original{object-fit:contain;filter:drop-shadow(1px 2px 0 #143550) drop-shadow(2px 4px 0 #102b43) drop-shadow(4px 8px 4px #010711bb) drop-shadow(0 0 7px #5cbaf955);}
/* Alpha mask keeps light strictly on the visible gear and circuitry, not the rectangular image */
.logo-neon,.logo-shine{pointer-events:none;mask-image:url('logo-clean.png');-webkit-mask-image:url('logo-clean.png');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.logo-neon{background:#69b7ee;mix-blend-mode:screen;opacity:.08;animation:neonCore 3.8s ease-in-out infinite;}
.logo-shine{background:linear-gradient(105deg,transparent 20%,#8bdfff00 36%,#c4f4ffb8 49%,#77d3ff66 53%,transparent 67%);background-size:260% 100%;background-position:140% center;mix-blend-mode:screen;animation:lightTravel 5.5s ease-in-out infinite;}
.logo-model::after{content:"";position:absolute;inset:12% 12%;z-index:-1;background:radial-gradient(ellipse,#5dbdff30,transparent 67%);filter:blur(26px);animation:haloBreath 4s ease-in-out infinite;}
@keyframes logoTilt{0%,100%{transform:rotateX(6deg) rotateY(-7deg)}50%{transform:rotateX(2deg) rotateY(7deg)}}
@keyframes neonCore{0%,100%{opacity:.07;filter:brightness(1)}50%{opacity:.35;filter:brightness(1.7)}}
@keyframes lightTravel{0%,16%{background-position:140% center;opacity:0}25%{opacity:.95}58%{background-position:-130% center;opacity:.95}68%,100%{background-position:-130% center;opacity:0}}
@keyframes haloBreath{50%{opacity:.55}}
@media(max-width:390px){.logo-scene{height:210px;width:240px}}
@media(prefers-reduced-motion:reduce){.logo-model,.logo-neon,.logo-shine,.logo-model::after{animation:none!important}.logo-shine{opacity:0}}