:root { color-scheme: dark; --bg:#11120f; --cream:#f2efdf; --muted:#aaa997; --lime:#d7ff69; --line:#34372a; }
    * { box-sizing:border-box }
    body { margin:0; min-height:100svh; display:grid; place-items:center; padding:24px; background:var(--bg); color:var(--cream); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
    .card { width:min(100%, 760px); position:relative; overflow:hidden; border:1px solid var(--line); border-radius:22px; padding:clamp(28px,7vw,64px); background:radial-gradient(ellipse at 85% 4%, #343a1e 0, transparent 34%), #171812; box-shadow:0 24px 100px #0008; }
    .top { display:flex; justify-content:space-between; align-items:center; gap:16px; color:var(--muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
    .status { display:inline-flex; align-items:center; gap:8px; }
    .dot { width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 14px #d7ff69aa; }
    .stamp { border:1px solid var(--line); border-radius:99px; padding:8px 11px; white-space:nowrap; }
    .spark { position:absolute; right:11%; top:18%; color:var(--lime); font-size:76px; opacity:.9; transform:rotate(12deg); user-select:none; }
    h1 { max-width:620px; margin:68px 0 18px; font-family: ui-sans-serif, system-ui, sans-serif; font-size:clamp(48px,10vw,92px); line-height:.94; letter-spacing:-.075em; }
    h1 span { color:var(--lime); }
    .intro { max-width:490px; margin:0; color:#c4c2b4; font:17px/1.65 ui-sans-serif, system-ui, sans-serif; }
    .actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:34px; }
    button { border:0; border-radius:11px; padding:14px 18px; background:var(--lime); color:#171812; font:700 14px ui-monospace, monospace; cursor:pointer; transition:transform .15s, background .15s; }
    button:hover { transform:translateY(-2px); background:#e4ff9a; }
    button:active { transform:translateY(1px) scale(.98); }
    .counter { color:var(--muted); font-size:13px; }
    .counter strong { color:var(--cream); font-size:17px; }
    .thanks { margin-top:54px; padding-top:20px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:12px; line-height:1.7; }
    .thanks a { color:var(--cream); text-decoration:none; }
    .thanks a:hover { color:var(--lime); }
    @media(max-width:500px) { .top { align-items:flex-start; flex-direction:column; } h1 { margin-top:62px; } .spark { right:9%; top:20%; font-size:58px; } .thanks { flex-direction:column; gap:4px; } }
    @media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }