:root{--bg:#06101f;--blue:#2079ff;--cyan:#70d7ff;--muted:#94a8c7;--line:#aecdff29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f9ff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.glow{position:fixed;width:50vw;height:50vw;border-radius:50%;filter:blur(110px);opacity:.15;pointer-events:none}.glow-a{top:-28vw;right:-20vw;background:#1374ff}.glow-b{bottom:5vh;left:-28vw;background:#1651bc}.header{height:94px;max-width:1240px;margin:auto;padding:0 28px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font:800 24px 'Barlow Condensed';letter-spacing:.12em}.brand img{width:37px;height:37px;object-fit:contain}.header nav{display:flex;gap:29px;align-items:center}.header nav a,.header nav button,footer button{border:0;background:none;color:#acbdd6;font:600 11px Inter;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer}.header nav a:hover,.header nav button:hover,footer button:hover{color:white}.header small{color:var(--cyan);font-size:8px}.discord{padding:12px 16px;border:1px solid var(--line);border-radius:5px;color:white;text-decoration:none;font-size:12px;font-weight:700}.discord:hover{background:#102951;border-color:#3c9fff}.menu{display:none}.hero{min-height:calc(100vh - 94px);max-width:1240px;margin:auto;padding:90px 28px 78px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.eyebrow{margin:0 0 17px;display:flex;gap:9px;align-items:center;color:#75bfff;font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.eyebrow b{width:24px;height:2px;background:var(--cyan)}h1,h2,h3{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;line-height:.86;letter-spacing:-.025em;text-transform:uppercase}h1{font-size:clamp(76px,10vw,142px)}em{color:var(--blue);font-style:normal;text-shadow:0 0 36px #1673ff6b}.lead{max-width:445px;margin:26px 0 31px;color:var(--muted);font-size:14px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:49px;padding:0 20px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:12px;font-weight:700}.button svg{width:20px;fill:currentColor}.primary{color:#051326;background:linear-gradient(110deg,#72d6ff,#267aff);box-shadow:0 9px 30px #1673ff47}.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.ghost{border:1px solid var(--line);color:white}.ghost:hover{background:#10294b}.hero-logo{width:min(40vw,470px);aspect-ratio:1;position:relative;justify-self:center;display:grid;place-items:center}.hero-logo img{position:relative;z-index:1;width:58%;mix-blend-mode:screen;filter:drop-shadow(0 20px 28px #020713);animation:float 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid #4b9aff4d;border-radius:50%;animation:spin 14s linear infinite}.one{width:90%;height:60%;transform:rotate(-28deg)}.two{width:78%;height:100%;border-color:#2079ff30;animation-direction:reverse;animation-duration:20s}.hero-logo p{position:absolute;right:-35px;bottom:5%;color:#82a4d2;font-size:8px;letter-spacing:.23em;writing-mode:vertical-rl}.hero-foot{position:absolute;left:28px;right:28px;bottom:28px;display:flex;gap:8px;align-items:center;color:#7792ba;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.hero-foot>span:last-child{margin-left:auto}.dot{width:7px;height:7px;border-radius:50%;background:#61f0b2;box-shadow:0 0 11px #61f0b2}.about,.socials{max-width:1240px;margin:auto;padding:150px 28px}.section-title h2,.social-heading h2,.join h2{font-size:clamp(47px,6vw,86px)}.stats{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats article{padding:32px 20px 32px 0}.stats article+article{padding-left:32px;border-left:1px solid var(--line)}.stats strong{display:block;color:#e6f3ff;font:700 clamp(52px,6vw,83px)/1 'Barlow Condensed'}.stats span{color:#86a0c6;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.about-text{max-width:570px;margin:50px 0 0;color:#b0c1d9;font-size:16px;line-height:1.8}.features{max-width:1240px;margin:auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{position:relative;min-height:425px;padding:42px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#0d2449,#07172e)}.feature:after{content:"";position:absolute;right:-42px;bottom:-130px;width:330px;height:330px;border:1px solid #67c7ff34;border-radius:50%;box-shadow:0 0 0 40px #67c7ff09,0 0 0 80px #67c7ff06}.feature.maps{background:linear-gradient(135deg,#102958,#0d6cdf)}.feature.maps:after{width:250px;height:250px;right:-50px;bottom:-55px;border:32px solid #a5e5ff45;box-shadow:none}.feature p{position:relative;z-index:1;margin:0;color:#79c9ff;font-size:10px;font-weight:700;letter-spacing:.16em}.feature h3{position:relative;z-index:1;margin-top:61px;font-size:clamp(47px,5vw,72px)}.feature>span{position:relative;z-index:1;display:block;max-width:355px;margin-top:20px;color:#a9bcda;font-size:13px;line-height:1.7}.text-button{position:relative;z-index:1;margin-top:20px;padding:0;border:0;background:none;color:white;font-size:12px;font-weight:700;cursor:pointer}.text-button b{color:#78d6ff;margin-left:7px}.feature small{position:absolute;right:27px;top:29px;padding:7px 9px;border:1px solid #bee9ff5e;color:#e1f6ff;font-size:8px;font-weight:700;letter-spacing:.12em}.socials{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social{min-height:82px;padding:13px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;background:#0a1931;color:white;text-align:left;font-size:12px;font-weight:700;cursor:pointer}.social:hover{transform:translateY(-3px);border-color:#449cff;background:#102751}.social i{width:37px;height:37px;display:grid;place-items:center;border-radius:5px;background:#1b3b70;color:#91d8ff;font-style:normal;font-size:11px}.social b{margin-left:auto;color:#68c8ff;font-size:15px}.join{max-width:1184px;margin:0 auto 115px;padding:65px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;border:1px solid #247ee9;border-radius:10px;background:linear-gradient(105deg,#0a3f9e,#135ccc)}.join:after{content:"LODA";position:absolute;right:-23px;bottom:-52px;color:#fff1;font:800 180px/1 'Barlow Condensed';letter-spacing:-.07em}.join>*{position:relative;z-index:1}.join .eyebrow{color:#b5e6ff}.join .eyebrow b{background:#b5e6ff}footer{max-width:1240px;margin:auto;padding:30px 28px 42px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer p{color:#6f87ac;font-size:9px;letter-spacing:.12em}footer .brand{font-size:19px}footer .brand img{width:29px;height:29px}.toast{position:fixed;z-index:20;bottom:28px;left:50%;padding:13px 18px;border:1px solid #3b9bff;border-radius:6px;background:#102c58;color:#e9f6ff;font-size:12px;box-shadow:0 10px 35px #0008;opacity:0;transform:translate(-50%,100px);transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.header{height:75px;padding:0 20px}.header nav{display:none;position:absolute;top:64px;left:20px;right:20px;padding:24px;flex-direction:column;align-items:flex-start;gap:20px;border:1px solid var(--line);border-radius:8px;background:#0a1830}.header nav.open{display:flex}.top-discord{display:none}.menu{display:flex;flex-direction:column;gap:5px;padding:8px;border:0;background:none}.menu i{width:22px;height:2px;background:#bce3ff}.hero{min-height:auto;padding:75px 20px 90px;display:block}.hero-logo{position:absolute;right:-84px;top:20px;width:250px;opacity:.42}.hero-copy{position:relative;z-index:1}.hero-foot{left:20px;right:20px}.hero-foot>span:last-child{display:none}.about,.socials{padding:100px 20px}.stats{margin-top:45px}.stats article{padding:22px 10px 22px 0}.stats article+article{padding-left:12px}.stats strong{font-size:48px}.stats span{font-size:8px}.features{padding:0 20px;grid-template-columns:1fr}.feature{padding:31px;min-height:375px}.feature h3{margin-top:45px}.socials{grid-template-columns:1fr;gap:42px}.join{margin:0 20px 75px;padding:38px 30px;align-items:flex-start;flex-direction:column}footer{padding:25px 20px 36px}footer p{display:none}}
/* Final homepage refinements */
.brand{gap:11px!important;font-size:22px!important;letter-spacing:.1em!important;white-space:nowrap}.brand img{width:42px!important;height:42px!important;transition:transform .35s ease,filter .35s ease}.brand:hover img{transform:rotate(16deg) scale(1.14);filter:drop-shadow(0 0 10px #63ceff)}
.header nav{gap:12px!important;margin-left:auto!important;margin-right:25px!important}.header nav a,.header nav button{padding:11px 12px!important;border:1px solid transparent!important;border-radius:4px!important;color:#c1d1e8!important;font-size:12px!important;font-weight:700!important}.header nav a:hover,.header nav button:hover{color:#fff!important;border-color:#4b9eff66!important;background:#12305d!important}.header small{margin-left:4px}.discord{padding:14px 20px!important;border-color:#64c8ff!important;background:linear-gradient(120deg,#1a78e8,#3157c9)!important;font-size:13px!important;font-weight:800!important;box-shadow:0 7px 22px #176be24d}.discord:hover{filter:brightness(1.13);transform:translateY(-1px)}
.hero-logo p{display:none!important}.social i{width:40px!important;height:40px!important;border-radius:7px!important;background:linear-gradient(145deg,#285ca2,#123361)!important;font-size:0!important}.social i svg{width:21px;height:21px;fill:#9de0ff}.join:after{display:none!important}.contact{color:#93c8ff;text-decoration:none;font-size:11px;font-weight:600}.contact:hover{color:white}
@media(max-width:760px){.brand{font-size:17px!important}.brand img{width:35px!important;height:35px!important}.header nav{margin-right:0!important}.contact{display:none}}
/* Social cards are real links, not placeholder buttons. */
a.social{text-decoration:none}
/* Merch preview */
.merch{max-width:1184px;min-height:500px;margin:0 auto 115px;padding:68px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;position:relative;overflow:hidden;border:1px solid #378cff70;border-radius:10px;background:radial-gradient(circle at 80% 50%,#1767c066 0,transparent 34%),linear-gradient(118deg,#081937,#0b2c61)}.merch-copy{position:relative;z-index:2}.merch h2{font-size:clamp(53px,6vw,88px)}.merch-copy>p:not(.eyebrow):not(.drop-tag){max-width:390px;margin:24px 0;color:#a9c0e0;font-size:13px;line-height:1.75}.drop-tag{display:inline-block;margin:0 0 22px;padding:7px 10px;border:1px solid #6bc9ff72;border-radius:3px;color:#92dfff;font-size:9px;font-weight:700;letter-spacing:.14em}.merch-visual{height:380px;position:relative;display:grid;place-items:center}.merch-rings,.merch-rings:before,.merch-rings:after{position:absolute;border:1px solid #79ceff45;border-radius:50%;content:""}.merch-rings{width:315px;height:315px;box-shadow:0 0 0 42px #70c9ff0b,0 0 0 84px #70c9ff08}.merch-rings:before{inset:28px}.merch-rings:after{inset:64px;border-color:#70c9ff24}.jersey{width:190px;height:264px;position:relative;z-index:1;padding-top:52px;clip-path:polygon(20% 0,35% 8%,65% 8%,80% 0,100% 17%,84% 38%,84% 100%,16% 100%,16% 38%,0 17%);background:linear-gradient(135deg,#0d162b,#164d93 52%,#071326);border-radius:10px;filter:drop-shadow(0 19px 17px #0009);text-align:center;overflow:hidden}.jersey:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 34%,#71d7ff26 35%,transparent 40%)}.jersey-logo{position:relative;z-index:1;display:block;margin:auto;width:45px;height:45px}.jersey-logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.jersey strong{position:relative;z-index:1;display:block;margin-top:18px;font:800 31px 'Barlow Condensed';letter-spacing:.08em}.jersey small{position:relative;z-index:1;display:block;margin-top:2px;color:#95d9ff;font:700 7px Inter;letter-spacing:.18em}.jersey>b{position:absolute;bottom:12px;left:0;right:0;color:#a9dfff1f;font:800 82px/.8 'Barlow Condensed'}.preview-label{position:absolute;bottom:1px;right:9%;color:#83a7d4;font-size:8px;letter-spacing:.19em}.merch .text-button{margin-top:0}@media(max-width:760px){.merch{grid-template-columns:1fr;margin:0 20px 75px;padding:39px 30px;gap:9px}.merch-visual{height:300px;transform:scale(.82);margin:-24px 0}.preview-label{right:0}.merch h2{font-size:58px}}
/* Optional interactive background effect */
body>header,body>main,body>footer{position:relative;z-index:1}.pointer-aura{position:fixed;z-index:0;left:0;top:0;width:310px;height:310px;pointer-events:none;opacity:0;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#43b7ff2e 0, #2079ff14 32%,transparent 70%);filter:blur(8px);transition:opacity .28s ease}.pointer-aura.active{opacity:1}.pointer-pulse{position:fixed;z-index:0;width:16px;height:16px;pointer-events:none;border:1px solid #83daff9e;border-radius:50%;transform:translate(-50%,-50%);animation:pointer-pulse .75s ease-out forwards}@keyframes pointer-pulse{to{width:175px;height:175px;opacity:0;border-color:#459dff00}}
/* Moving geometric cursor trail. */
.cursor-trail{position:fixed;z-index:0;width:20px;height:2px;pointer-events:none;border-radius:10px;background:linear-gradient(90deg,transparent,#94e3ff,#2e81ff);transform:translate(-50%,-50%) rotate(var(--angle));box-shadow:0 0 8px #4fc4ff;animation:trail-fade .62s ease-out forwards}@keyframes trail-fade{to{opacity:0;transform:translate(calc(-50% + var(--drift-x)),calc(-50% + var(--drift-y))) rotate(var(--angle)) scaleX(.12)}}
/* Mouse-responsive background grid: replaces the cursor trail. */
.motion-grid{position:fixed;z-index:0;inset:-45px;pointer-events:none;opacity:.22;background-image:linear-gradient(#3998ff1b 1px,transparent 1px),linear-gradient(90deg,#3998ff1b 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 35%,#000 0,transparent 70%);transform:perspective(700px) rotateX(54deg) translate(var(--grid-x),var(--grid-y));transform-origin:center 45%;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
/* Prevent routine selection/dragging; this is a presentation choice, not copy protection. */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}
/* Mouse-responsive contour field: replaces the grid. */
.motion-field{position:fixed;z-index:0;inset:-100px;pointer-events:none;opacity:.2;background:repeating-radial-gradient(ellipse 78% 46% at 50% 58%,transparent 0 34px,#2988ff2c 35px 36px,transparent 37px 70px);mask-image:radial-gradient(ellipse at 52% 40%,#000 0,transparent 68%);transform:translate(var(--field-x),var(--field-y)) rotate(-10deg) scale(1.13);transition:transform .9s cubic-bezier(.2,.8,.2,1)}