@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--ink:#071020;--blue:#315dff;--lime:#d8ff32;--muted:#64718a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7ff;color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif}a,button{font:inherit}button{cursor:pointer}.nav{height:76px;justify-content:space-between;padding:0 max(22px,calc((100vw - 1160px)/2));border-bottom:1px solid #dce3f3;background:#ffffffd9;position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.logo,.nav{display:flex;align-items:center}.logo{gap:5px;color:var(--ink);text-decoration:none;font-weight:1000;font-size:23px;letter-spacing:-1.4px}.logo>span:first-child{font-size:28px;margin-right:4px}.green{color:#6dce00}.navlinks{display:flex;gap:25px}.navlinks a{font-size:12px;font-weight:700;text-decoration:none;color:#37415b}.wallet{border:2px solid var(--ink);background:var(--lime);padding:12px 17px;border-radius:12px;font-weight:900;font-size:12px;box-shadow:3px 3px 0 var(--ink)}.hero{background:radial-gradient(ellipse at 72% 48%,#204dff 0,transparent 36%),linear-gradient(120deg,#071020,#0a1d42 70%,#12184c);color:#fff;padding:62px max(22px,calc((100vw - 1160px)/2)) 48px;display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9eb5ff6b 1px,transparent 0);background-size:24px 24px;opacity:.25;pointer-events:none}.heroText{position:relative;z-index:2}.how>small,.openText>small,.section small,.tag{font-size:10px;font-weight:900;letter-spacing:.16em;color:#91f1ff}.hero h1{font-size:clamp(44px,6vw,76px);line-height:.93;letter-spacing:-.07em;margin:25px 0 20px;font-weight:1000}.hero h1 span{color:var(--lime)}.heroText>p{max-width:450px;color:#d0dcf8;font-size:15px;line-height:1.65}.features{display:flex;gap:22px;margin:25px 0}.features div{display:flex;flex-direction:column;gap:5px;color:var(--lime);font-size:18px}.features b{font-size:9px;color:#fff;letter-spacing:.04em}.features small{font-size:10px;color:#b9c7e4}.cta{display:inline-flex;border:2px solid #f3ff9b;background:var(--lime);color:#091020;border-radius:14px;padding:15px 25px;font-weight:1000;font-size:13px;text-decoration:none;box-shadow:0 0 25px #caff4266}.cta,.heroArt{align-items:center;justify-content:center}.heroArt{min-height:330px;position:relative;display:flex}.mascot{font-size:clamp(90px,13vw,160px);filter:drop-shadow(0 0 22px #20f9ff);transform:rotate(-10deg);z-index:1}.heroPack{position:absolute;right:6%;top:6%;height:280px;width:190px;transform:rotate(9deg);border:3px solid #5bf7ff;border-radius:20px;background:linear-gradient(145deg,#003b86,#07102b 55%,#0bffbd);box-shadow:0 0 35px #00d9ff,inset 0 0 22px #82ffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.packIcon{font-size:55px}.heroPack strong{font-size:24px;letter-spacing:-1.5px}.heroPack strong span{color:var(--lime)}.heroPack small{font-size:8px;letter-spacing:.13em}.coin{position:absolute;width:67px;height:67px;display:grid;place-items:center;background:linear-gradient(135deg,#fff49a,#ffb52c);border:3px solid #fff0a1;border-radius:50%;box-shadow:0 0 22px #ffbb4d;font-size:35px}.c1{left:5%;top:15%}.c2{left:14%;bottom:7%}.c3{right:0;bottom:18%;color:#071020;font-size:35px}.neonNote{position:absolute;right:0;top:44%;font-weight:1000;font-size:16px;line-height:1.3;color:#64f5ff;text-shadow:0 0 13px #20e8ff;transform:rotate(8deg)}.how,.section{max-width:1160px;width:calc(100% - 42px);margin:auto;padding:48px 0}.sectHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.sectHead small{color:var(--blue)}h2{font-size:clamp(27px,4vw,39px);letter-spacing:-.06em;margin:7px 0 0}.sectHead p{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.card{display:flex;flex-direction:column;text-align:left;border:2px solid #dfe5f3;background:#fff;border-radius:19px;padding:11px;min-width:0;transition:.2s;box-shadow:0 5px 0 #10152c08;color:var(--ink)}.card:hover{transform:translateY(-4px)}.card.chosen{border-color:var(--blue);box-shadow:0 0 0 3px #315cff17,4px 5px 0 #315cff20}.cardTag{font-size:8px;letter-spacing:.12em;font-weight:1000;color:#64718a;padding:3px 3px 10px}.packPicture{height:185px;position:relative;border:2px solid #11172c;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#071020}.packPicture:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#ffffff9c 1px,transparent 2px);background-size:15px 15px;opacity:.4}.packPicture .shine{position:absolute;inset:0;background:linear-gradient(125deg,transparent,#ffffff80,transparent);transform:translateX(-100%);animation:shine 4s infinite}.card.lime .packPicture,.lime .packPicture{background:linear-gradient(135deg,#a8ff65,#20e68c)}.blue .packPicture,.card.blue .packPicture{background:linear-gradient(135deg,#6ceaff,#345bff)}.card.purple .packPicture,.purple .packPicture{background:linear-gradient(135deg,#e3a0ff,#873dff)}.card.gold .packPicture,.gold .packPicture{background:linear-gradient(135deg,#fff17a,#ff8c21)}.face{font-size:55px;filter:drop-shadow(2px 4px 0 #10152c55);z-index:1}.packPicture strong{z-index:1;font-size:18px;line-height:.85;letter-spacing:-.8px;text-align:center;color:#fff;text-shadow:2px 2px #071020}.packPicture small{z-index:1;font-size:8px;letter-spacing:.1em;font-weight:1000}.cardInfo{padding:13px 3px 5px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.cardInfo h3{font-size:16px;margin:0}.cardInfo p{font-size:11px;color:var(--muted);margin:0 0 7px}.cardInfo .sol{font-size:20px}.cardInfo>small{font-size:10px;color:var(--muted)}.select{border-top:1px solid #e8edf7;margin-top:10px;padding:12px 3px 2px;width:100%;font-size:9px;font-weight:1000;letter-spacing:.08em;color:var(--blue)}@keyframes shine{60%,to{transform:translateX(100%)}}.opener{max-width:1160px;width:calc(100% - 42px);margin:0 auto 45px;padding:35px;border-radius:27px;background:#e5ebff;display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:30px;gap:30px;align-items:center}.openText h2{font-size:clamp(36px,5vw,54px);line-height:.95;margin:12px 0}.openText>p{font-size:13px;color:#596680;line-height:1.65}.chosenLine{display:flex;gap:12px;align-items:center;margin:20px 0}.chosenLine>span{width:49px;height:49px;border:2px solid var(--ink);border-radius:14px;background:var(--lime);display:grid;place-items:center;font-size:28px}.chosenLine div{display:flex;flex-direction:column;gap:4px}.chosenLine b{font-size:13px}.chosenLine small{font-size:10px;color:var(--muted)}.openText .cta{width:100%;max-width:300px;cursor:pointer}.openText .cta:disabled{opacity:.7}.disclaimer{display:block;font-size:9px;color:#66718a;letter-spacing:.1em;margin-top:12px}.stage{min-height:340px;position:relative;overflow:hidden;border:2px solid #10152c;border-radius:22px;display:grid;place-items:center;color:#071020}.stage,.stage.blue{background:linear-gradient(145deg,#b5f6ff,#315dff)}.stage.lime{background:linear-gradient(145deg,#f2ffc0,#9bff43)}.stage.purple{background:linear-gradient(145deg,#f2caff,#9958ff)}.stage.gold{background:linear-gradient(145deg,#fff0b0,#ff9c30)}.bigPack{width:175px;height:235px;border:3px solid #e8ffff;border-radius:18px;background:linear-gradient(145deg,#113cff,#06132d 55%,#10eeb6);box-shadow:0 0 30px #00eaff,8px 9px 0 #071020;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#fff;transform:rotate(-6deg)}.bigPack>span{font-size:62px}.bigPack b{font-size:28px;line-height:.85;text-align:center;letter-spacing:-1px}.bigPack small{font-size:9px;letter-spacing:.12em}.stage label{position:absolute;bottom:17px;font-size:9px;font-weight:1000;letter-spacing:.14em}.wobble .bigPack{animation:wobble .13s infinite}@keyframes wobble{50%{transform:rotate(6deg) scale(1.03)}}.win{display:flex;flex-direction:column;align-items:center;text-align:center}.win>small{font-size:9px;letter-spacing:.1em;font-weight:900}.win>span{font-size:70px;margin-top:15px}.win h2{font-size:35px}.win p{font-size:11px}.win button{border:0;border-radius:10px;background:#071020;color:#fff;padding:12px 15px;font-size:10px;font-weight:900}.live{max-width:1160px;width:calc(100% - 42px);margin:0 auto 40px;border:1px solid #d6e0f4;border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr repeat(3,1fr);grid-gap:12px;gap:12px;align-items:center;background:#fff}.live h2{font-size:19px}.live>div:first-child small{font-size:10px;color:var(--muted)}.winrow{display:flex;align-items:center;gap:9px;border:1px solid #e6ebf6;border-radius:12px;padding:8px}.winrow>span{font-size:24px}.winrow div{display:flex;flex-direction:column;gap:3px;min-width:0}.winrow b{font-size:11px}.winrow small{font-size:8px;color:var(--muted)}.winrow strong{font-size:10px;color:#4eaa00;margin-left:auto}.how{border-top:1px solid #dce3f3}.how>small{color:var(--blue)}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:25px}.steps article{background:#fff;border:1px solid #dce3f3;border-radius:17px;padding:21px}.steps article>b{color:var(--blue);font-size:11px}.steps h3{font-size:16px;margin:14px 0 6px}.steps p{font-size:11px;line-height:1.6;color:var(--muted)}footer{border-top:1px solid #dce3f3;padding:24px max(22px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{max-width:650px;font-size:10px;line-height:1.6;color:var(--muted)}@media(max-width:800px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:42px}.heroArt{min-height:300px}.heroPack{right:17%;height:240px;width:160px}.mascot{position:absolute;left:8%;top:22%;font-size:100px}.grid{grid-template-columns:repeat(2,1fr)}.opener{padding:22px}.live,.opener{grid-template-columns:1fr}.winrow{min-height:60px}.steps{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:450px){.nav{padding:0 14px}.logo{font-size:19px}.wallet{font-size:10px;padding:10px}.hero{padding-left:17px;padding-right:17px}.hero h1{font-size:47px}.features{gap:12px}.features small{font-size:8px}.how,.section{width:calc(100% - 28px);padding:35px 0}.packPicture{height:150px}.card{padding:8px}.face{font-size:43px}.packPicture strong{font-size:15px}.cardInfo h3{font-size:14px}.cardInfo .sol{font-size:18px}.live,.opener{width:calc(100% - 28px)}.stage{min-height:300px}.heroArt{min-height:265px}.heroPack{right:10%;height:220px;width:145px}.mascot{font-size:80px}.neonNote{font-size:12px}}