.bg-pattern{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-pattern svg{width:100%;height:100%;position:absolute;inset:0}.bg-pattern:after{content:"";background:radial-gradient(100% 80%,transparent 15%,rgba(7,20,16,.78) 70%,rgba(7,20,16,.97) 100%),radial-gradient(55% 55% at 75% 25%,rgba(14,158,120,.07) 0%,transparent 65%),radial-gradient(40% 40% at 20% 85%,rgba(14,158,120,.05) 0%,transparent 65%);position:absolute;inset:0}.page{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.page>nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--teal-border);background:rgba(7,20,16,.88);justify-content:space-between;align-items:center;height:64px;padding:0 6%;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo img{object-fit:contain;width:auto;height:38px}.nav-logo-name{font-family:var(--font-display);color:var(--gold);letter-spacing:.04em;font-size:1.25rem}.hero{flex:1;align-items:center;gap:48px;min-height:calc(100vh - 132px);padding:72px 6% 80px;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(180deg, transparent, var(--gold) 50%, transparent);opacity:.32;border-radius:2px;width:2px;height:110px;position:absolute;top:50%;left:6%;transform:translateY(-50%)}.hero-content{flex:1;max-width:540px;padding-left:26px;animation:.7s both fadeUp}.hero-badge{background:var(--gold-faint);border:1px solid var(--gold-border);color:var(--gold);letter-spacing:.13em;text-transform:uppercase;border-radius:20px;align-items:center;gap:8px;margin-bottom:22px;padding:5px 14px;font-size:.68rem;font-weight:800;animation:.7s 50ms both fadeUp;display:inline-flex}.live-dot{background:var(--green-live);width:6px;height:6px;box-shadow:0 0 8px var(--green-live);border-radius:50%;flex-shrink:0;animation:1.6s ease-in-out infinite livePulse}.hero h1{font-family:var(--font-display);letter-spacing:-.5px;color:#fff;margin-bottom:18px;font-size:clamp(2.6rem,5vw,3.9rem);font-weight:400;line-height:1.08;animation:.7s .1s both fadeUp}.hero h1 em{background:linear-gradient(125deg, var(--gold) 0%, #f59e0b 45%, var(--teal-glow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-desc{color:var(--muted);max-width:420px;margin-bottom:36px;font-size:1.04rem;line-height:1.74;animation:.7s .15s both fadeUp}.store-btns{flex-wrap:wrap;gap:12px;margin-bottom:40px;animation:.7s .2s both fadeUp;display:flex}.store-btn{background:var(--teal-faint);border:1.5px solid var(--teal-border);color:#fff;border-radius:14px;align-items:center;gap:10px;padding:11px 20px;text-decoration:none;transition:background .2s,border-color .2s,transform .18s,box-shadow .18s;display:inline-flex}.store-btn:hover{background:rgba(14,158,120,.2);border-color:rgba(14,158,120,.45);transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,158,120,.2)}.store-btn-icon{align-items:center;font-size:1.5rem;line-height:1;display:flex}.store-btn-icon svg{width:26px;height:26px}.store-btn-label{flex-direction:column;display:flex}.store-btn-label small{opacity:.55;font-size:.59rem;font-weight:600;line-height:1}.store-btn-label strong{font-size:.9rem;font-weight:900;line-height:1.4}.hero-stats{gap:28px;animation:.7s .25s both fadeUp;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-val{font-family:var(--font-display);color:var(--gold);font-size:1.5rem;line-height:1}.stat-lbl{color:rgba(200,240,220,.35);text-transform:uppercase;letter-spacing:.1em;font-size:.63rem;font-weight:700}.hero-visual{aspect-ratio:1;flex:none;justify-content:center;align-items:center;width:clamp(220px,36%,400px);animation:.7s 80ms both fadeUp;display:flex;position:relative}.logo-glow{background:radial-gradient(circle,rgba(14,158,120,.2) 0%,rgba(245,200,66,.06) 45%,transparent 68%);border-radius:50%;animation:5s ease-in-out infinite breathe;position:absolute;inset:-30%}.board-ring{pointer-events:none;border-radius:50%;position:absolute}.board-ring-outer{border:1px solid rgba(14,158,120,.18);animation:55s linear infinite spinCW;inset:-16%}.board-ring-outer:before,.board-ring-outer:after{content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.board-ring-outer:before{background:rgba(14,158,120,.55);left:-4px;box-shadow:0 0 6px rgba(14,158,120,.6)}.board-ring-outer:after{background:rgba(245,200,66,.5);right:-4px;box-shadow:0 0 6px rgba(245,200,66,.5)}.board-ring-inner{border:1px dashed rgba(245,200,66,.13);animation:38s linear infinite spinCCW;inset:-6%}.hero-logo{z-index:2;object-fit:contain;filter:drop-shadow(0 28px 60px rgba(14,158,120,.38))drop-shadow(0 6px 20px rgba(0,0,0,.55));width:90%;height:auto;animation:5.5s ease-in-out infinite float;position:relative}footer{border-top:1px solid var(--teal-border);background:#040a07;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:20px 6%;display:flex}.footer-brand{align-items:center;gap:9px;text-decoration:none;display:flex}.footer-brand img{object-fit:contain;width:auto;height:26px}.footer-brand span{font-family:var(--font-display);color:var(--gold);letter-spacing:.03em;font-size:.95rem}footer small{color:rgba(200,240,220,.22);font-size:.72rem}.footer-links{gap:18px;display:flex}.footer-links a{color:rgba(200,240,220,.32);font-size:.72rem;font-weight:700;text-decoration:none;transition:color .18s}.footer-links a:hover{color:var(--gold)}.not-found-section{flex:1;justify-content:center;align-items:center;padding:100px 6%;display:flex}.not-found-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.not-found-num{font-family:var(--font-display);letter-spacing:4px;color:var(--text);font-size:clamp(100px,15vw,160px);line-height:1}.not-found-num span{color:var(--gold)}.not-found-disc{width:80px;height:80px;margin:8px 0}.not-found-label{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);border:1px solid var(--teal-border);border-radius:100px;padding:5px 14px;font-size:.68rem;font-weight:800}.not-found-msg{color:var(--muted);max-width:360px;margin-top:4px;font-size:1rem;line-height:1.75}.not-found-link{letter-spacing:.04em;color:#fff;background:linear-gradient(135deg, var(--teal), var(--teal-mid));border-radius:30px;margin-top:12px;padding:12px 28px;font-size:.84rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-block;box-shadow:0 4px 20px rgba(14,158,120,.4)}.not-found-link:hover{transform:translateY(-1px);box-shadow:0 7px 26px rgba(14,158,120,.58)}@media (width<=768px){.hero{text-align:center;flex-direction:column-reverse;gap:36px;min-height:auto;padding-top:52px;padding-bottom:60px}.hero:before{display:none}.hero-content{max-width:100%;padding-left:0}.hero-desc{max-width:100%}.store-btns,.hero-stats{justify-content:center}.hero-visual{width:58%;max-width:240px}footer{text-align:center;flex-direction:column;align-items:center;gap:10px}}@media (width<=400px){.store-btns{flex-direction:column;align-items:center}.store-btn{justify-content:center;width:200px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#071410;--teal:#0e9e78;--teal-mid:#0b7a5c;--teal-glow:#1dca96;--teal-faint:rgba(14,158,120,.12);--teal-border:rgba(14,158,120,.22);--gold:#f5c842;--gold-faint:rgba(245,200,66,.1);--gold-border:rgba(245,200,66,.22);--text:#ddf0e8;--muted:rgba(200,240,220,.48);--green-live:#4ade80;--font-display:"Fredoka One", cursive;--font-body:"Nunito", sans-serif;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes breathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spinCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCCW{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}