:root{--bg:#0b1f1c;--bg-mid:#12352f;--ink:#f3f7f4;--muted:#a8c0b8;--accent:#d8f36a;--accent-ink:#13241c;--line:#f3f7f429;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit}.page{background:radial-gradient(1000px 520px at 12% -10%, #d8f36a2e, transparent 55%), radial-gradient(900px 480px at 90% 10%, #4aa08c47, transparent 50%), linear-gradient(160deg, var(--bg) 0%, var(--bg-mid) 48%, #0a1815 100%);min-height:100vh;position:relative;overflow:hidden}.page:before{content:"";pointer-events:none;background-image:linear-gradient(#f3f7f40a 1px,#0000 1px),linear-gradient(90deg,#f3f7f40a 1px,#0000 1px);background-size:48px 48px;animation:18s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 85%);mask-image:linear-gradient(#000000b3,#0000 85%)}.glow{aspect-ratio:1;filter:blur(8px);width:42vw;max-width:520px;animation:pulse 7s var(--ease) infinite;pointer-events:none;background:radial-gradient(circle,#d8f36a38,#0000 68%);border-radius:50%;position:absolute;top:18%;right:-8%}.shell{z-index:1;flex-direction:column;width:min(1080px,100% - 40px);min-height:100vh;margin:0 auto;padding:28px 0 40px;display:flex;position:relative}.top{animation:rise .6s var(--ease) both;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.brand span{color:var(--accent)}.pill{border:1px solid var(--line);color:var(--muted);letter-spacing:.02em;padding:6px 12px;font-size:.82rem}.hero{flex:1;align-content:center;gap:22px;max-width:720px;padding:8vh 0 6vh;display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-.04em;animation:rise .7s var(--ease) 80ms both;margin:0;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:800;line-height:.98}.hero p{max-width:36rem;color:var(--muted);animation:rise .7s var(--ease) .16s both;margin:0;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.55}.actions{animation:rise .7s var(--ease) .24s both;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{appearance:none;cursor:pointer;transition:transform .2s var(--ease), background-color .2s var(--ease), border-color .2s var(--ease);border:1px solid #0000;border-radius:0;padding:12px 18px}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{border-color:var(--ink)}.count{color:var(--muted);font-size:.95rem}.count strong{color:var(--accent);font-family:var(--font-display);font-size:1.15rem}.foot{border-top:1px solid var(--line);color:var(--muted);animation:rise .7s var(--ease) .32s both;padding-top:16px;font-size:.88rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(48px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
