@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03070c;color:#eef8ff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 72% 15%,#0876bd35,transparent 30%),linear-gradient(145deg,#02050a,#06111b 55%,#02070c)}body:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.13;background-image:linear-gradient(#7dd2ff18 1px,transparent 1px),linear-gradient(90deg,#7dd2ff18 1px,transparent 1px);background-size:80px 80px}a{color:inherit}.loader{position:fixed;z-index:999;inset:0;background:#02060a;display:grid;place-items:center;transition:opacity .7s,visibility .7s}.loader div{font-weight:900;letter-spacing:5px;font-size:24px}.loader b,.logo b,em{color:#58c4ff;font-style:normal}.loader i{position:absolute;bottom:0;left:0;height:2px;background:#58c4ff;animation:load 1.2s forwards}@keyframes load{to{width:100%}}body.ready .loader{opacity:0;visibility:hidden}#snow{position:fixed;inset:0;z-index:50;pointer-events:none}.nav{height:82px;position:fixed;z-index:100;top:0;left:0;right:0;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#02070bbb;backdrop-filter:blur(20px);border-bottom:1px solid #7bd3ff18}.logo{text-decoration:none;font-weight:900;letter-spacing:4px}.nav nav{display:flex;gap:34px}.nav nav a,.discord{font-size:10px;font-weight:800;letter-spacing:1.5px;text-decoration:none;color:#8da6b6}.nav a:hover{color:#63c7ff}.discord{padding:12px 18px;border:1px solid #397ca155}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 7vw 90px;overflow:hidden}.hero:after{content:"";position:absolute;right:-8vw;top:8%;width:55vw;height:85%;border:1px solid #57c4ff18;transform:skew(-13deg);background:linear-gradient(130deg,transparent,#118bd018)}.aurora{position:absolute;width:60vw;height:40vw;right:-10%;top:12%;background:#009dff18;filter:blur(80px);transform:rotate(-20deg)}.hero-copy{position:relative;z-index:2;max-width:900px}.kicker{font-size:10px;letter-spacing:3px;color:#66c8ff;font-weight:800}.hero h1,.rules-hero h1{font-size:clamp(70px,10vw,155px);line-height:.76;letter-spacing:-8px;margin:35px 0;font-weight:900}.hero h1 em,.rules-hero h1 em{color:transparent;-webkit-text-stroke:1px #62c9ff;text-shadow:0 0 55px #118bc733}.hero-copy p,.rules-hero p{max-width:620px;color:#8298a7;line-height:1.9;font-size:15px}.actions{display:flex;gap:14px;margin-top:38px}.cta,.ghost{padding:17px 23px;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1px}.cta{background:#59c5ff;color:#031019;box-shadow:0 0 40px #199ee83b}.cta span{margin-left:30px}.ghost{border:1px solid #294759;color:#9eb8c7}.hero-mark{position:absolute;right:7vw;bottom:12vh;font-size:110px;font-weight:900;color:#ffffff08}.hero-mark span{font-size:11px;color:#5fc9ff}.scroll{position:absolute;bottom:35px;left:7vw;font-size:8px;letter-spacing:2px;color:#526b7a}.scroll i{display:inline-block;width:70px;height:1px;background:#4dbbfa;margin-left:15px;vertical-align:middle}.manifest{padding:150px 8vw;display:grid;grid-template-columns:1fr 3fr;border-top:1px solid #163042}.num{font-size:9px;letter-spacing:2px;color:#4ba9db}.manifest h2,.join h2{font-size:clamp(48px,7vw,100px);line-height:.9;letter-spacing:-5px;margin:0}.manifest p{max-width:560px;margin:35px 0 0;color:#78909f;line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8vw 150px;gap:1px}.features article{min-height:310px;padding:40px;background:#07111aaa;border:1px solid #183243;transition:.4s}.features article:hover{transform:translateY(-10px);background:#0a1a27;border-color:#55bdf5}.features span{font-size:10px;color:#4ebaf3}.features h3{margin-top:120px;font-size:20px}.features p{color:#718997;font-size:13px;line-height:1.7}.join{margin:0 6vw 120px;padding:80px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;background:linear-gradient(120deg,#07131e,#092a40aa);border:1px solid #28536c}.connect{padding:30px;background:#02080dcc;border:1px solid #1d4054}.connect small{color:#547589;font-size:9px;letter-spacing:2px}.connect code{display:block;margin:18px 0;font-size:24px;color:#bfeaff}.connect button{width:100%;padding:16px;background:#55c1fb;border:0;font-weight:900;cursor:pointer}.connect p{font-size:10px;color:#526b7a}footer{padding:35px 6vw;border-top:1px solid #153043;display:flex;justify-content:space-between;color:#526c7b;font-size:9px;letter-spacing:1px}footer b{color:#69c9ff}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}
.rules-page{padding:82px 0 100px}.rules-hero{min-height:78vh;padding:130px 8vw 80px;display:flex;flex-direction:column;justify-content:center}.rules-hero h1{font-size:clamp(65px,9vw,130px)}.rule-nav{position:sticky;top:82px;z-index:20;display:flex;gap:5px;padding:12px 6vw;background:#030a10ee;backdrop-filter:blur(15px);border-block:1px solid #173344;overflow:auto}.rule-nav a{white-space:nowrap;padding:11px 15px;text-decoration:none;font-size:9px;color:#7993a3;border:1px solid #173344}.rule-nav a:hover{color:#65c9ff;border-color:#348bb9}.rule-block{padding:110px 8vw;display:grid;grid-template-columns:1fr 2.4fr;gap:70px;border-bottom:1px solid #132b3a}.rule-head{position:sticky;top:170px;align-self:start}.rule-head span{font-size:11px;color:#58bdf4}.rule-head h2{font-size:clamp(35px,4vw,62px);line-height:1;margin:18px 0}.rule-block ol{list-style:none;padding:0;margin:0}.rule-block li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #17303e}.rule-block li b{color:#55c1fa;font-size:11px}.rule-block li p{margin:0;color:#a2b3bd;line-height:1.7;font-size:14px}
@media(max-width:800px){.nav nav{display:none}.hero h1,.rules-hero h1{letter-spacing:-4px}.hero{padding-inline:6vw}.manifest,.join,.rule-block{grid-template-columns:1fr}.features{grid-template-columns:1fr}.join{margin:0 20px 80px;padding:35px}.rule-block{padding:70px 6vw;gap:30px}.rule-head{position:static}.rule-nav{top:82px}.rules-hero{padding-inline:6vw}footer{gap:15px;flex-direction:column}.hero-mark{display:none}}
/* V3 — cinematic interaction layer */
:root{--ice:#61caff;--deep:#02070c}
body{cursor:none}
.cursor,.cursor-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:1000;border-radius:50%}
.cursor{width:34px;height:34px;border:1px solid #6bcfff88;transition:width .2s,height .2s,border-color .2s;transform:translate(-50%,-50%)}
.cursor-dot{width:4px;height:4px;background:#b9eaff;box-shadow:0 0 12px #55c7ff;transform:translate(-50%,-50%)}
body.hovering .cursor{width:54px;height:54px;border-color:#bcecff}
.page-wipe{position:fixed;inset:0;z-index:900;pointer-events:none;background:linear-gradient(110deg,#02070c 30%,#0a4264 50%,#02070c 70%);transform:translateX(-110%);transition:transform .65s cubic-bezier(.77,0,.18,1)}
body.leaving .page-wipe{transform:translateX(0)}
.nav{border-radius:0 0 24px 24px;margin:0 2vw;width:96vw}
.hero{clip-path:polygon(0 0,100% 0,100% 94%,92% 100%,0 100%)}
.orb{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid #65caff22;box-shadow:inset 0 0 80px #178ac522,0 0 80px #0d8ed522;animation:float 8s ease-in-out infinite}
.orb-a{width:340px;height:340px;right:12%;top:25%}.orb-b{width:90px;height:90px;right:35%;top:20%;animation-delay:-3s}
@keyframes float{50%{transform:translateY(-25px) rotate(12deg)}}
.crosshair{position:absolute;right:18%;top:43%;width:120px;height:120px;border:1px solid #72d2ff22;border-radius:50%;animation:spin 18s linear infinite}
.crosshair:before,.crosshair:after{content:"";position:absolute;background:#72d2ff44}.crosshair:before{width:160px;height:1px;left:-20px;top:59px}.crosshair:after{height:160px;width:1px;top:-20px;left:59px}
@keyframes spin{to{transform:rotate(360deg)}}
.cta,.ghost,.discord,.connect button{position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.cta:before,.connect button:before{content:"";position:absolute;top:-50%;left:-80%;width:35%;height:200%;background:#fff5;transform:rotate(20deg);transition:left .55s}.cta:hover:before,.connect button:hover:before{left:130%}
.features{gap:18px}.features article{position:relative;overflow:hidden;border-radius:28px 6px 28px 6px;transform-style:preserve-3d;will-change:transform;background:linear-gradient(145deg,#091722cc,#051019aa)}
.features article:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#4fc5ff12;right:-70px;top:-70px;filter:blur(10px)}
.feature-icon,.rule-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #4bbcf055;background:#0a2130aa;box-shadow:0 0 30px #0b9ee522;transform:rotate(45deg);border-radius:14px}
.feature-icon svg,.rule-icon svg{width:28px;height:28px;fill:none;stroke:#72d3ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg)}
.features article h3{margin-top:70px}.features article>span{position:absolute;right:28px;top:28px}
.manifest{position:relative}.manifest:after{content:"";position:absolute;right:5%;bottom:10%;width:180px;height:180px;border:1px dashed #52bff633;border-radius:50%;animation:spin 25s linear infinite}
.join{border-radius:42px 8px 42px 8px;position:relative;overflow:hidden}.join:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-130px;bottom:-150px;border:40px solid #5ac8ff0a}
.connect{border-radius:22px 5px 22px 5px;backdrop-filter:blur(20px)}
.rule-block{position:relative}.rule-block:nth-of-type(even){background:linear-gradient(90deg,transparent,#0a1d2a66,transparent)}
.rule-head{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.rule-icon{margin-bottom:12px}
.rule-block li{border-radius:18px;padding:24px 22px;transition:.3s;margin:5px 0;border-bottom:0;background:#07121a66}
.rule-block li:hover{background:#0b1d29cc;transform:translateX(8px);box-shadow:-3px 0 #59c6ff}
.rule-nav{border-radius:0 0 24px 24px}
@media(max-width:800px){body{cursor:auto}.cursor,.cursor-dot,.crosshair{display:none}.nav{margin:0;width:100%;border-radius:0}.features article{border-radius:22px 5px}.hero{clip-path:none}}