@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";:root{--ink:#16181d;--muted:#6b7785;--accent:#00aae8;--accent-deep:#0086c4;--soft:#e5f6fd;--line:#d5e2ea;--paper:#f4f8fb;--card:#fff;color:var(--ink);background:var(--paper);font-family:Outfit,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.brand-logo{width:auto;height:58px;display:block}.brand span{color:var(--accent)}.kicker{color:var(--accent-deep);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:700}h1,h2{letter-spacing:-.04em;font-family:Sora,Outfit,sans-serif;font-weight:560;line-height:1.02}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.95rem 1.2rem;font-weight:600}.btn:hover{background:var(--accent-deep)}.btn:disabled{opacity:.55;cursor:progress}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.alert{color:#8f2f26;background:#fde8e6;border-radius:14px;padding:.75rem .9rem}.gate{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.gate-hero{border-right:1px solid var(--line);background:radial-gradient(70% 50% at 20% 0,#00aae829,#0000 55%),#fff;flex-direction:column;justify-content:flex-end;padding:8vh 7vw;display:flex}.gate-hero h1{max-width:9ch;margin:1.5rem 0 .8rem;font-size:clamp(3rem,5vw,4.6rem)}.gate-hero p{color:var(--muted);max-width:28rem;font-size:1.15rem}.gate-card{background:var(--card);border:1px solid var(--line);border-radius:28px;align-self:center;width:min(420px,100% - 3rem);margin:2rem auto;padding:1.6rem 1.4rem 1.4rem;box-shadow:0 24px 60px #2418160f}.gate-card h2{margin:0 0 1rem;font-size:2rem}.gate-card label,.picker label{gap:.35rem;margin:.85rem 0;font-size:.82rem;font-weight:600;display:grid}input{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;padding:.9rem 1rem;font-size:1.05rem}input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #00aae824}.gate-card .btn{width:100%;margin-top:.4rem}.desk{min-height:100vh;padding:1.2rem 5vw 3rem}.desk-bar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.who{color:var(--muted);align-items:center;gap:.8rem;display:flex}.link{color:var(--ink);cursor:pointer;background:0 0;border:0;font-weight:600}.picker{width:min(760px,100%);margin:0 auto}.picker-intro h1{margin:0 0 1.2rem;font-size:clamp(2.4rem,5vw,3.6rem)}fieldset{border:0;margin:0 0 1.3rem;padding:0}legend{margin-bottom:.7rem;font-weight:700}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7rem;display:grid}.pick{text-align:left;border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:.8rem;padding:.9rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.pick strong,.pick small{display:block}.pick small{color:var(--muted);margin-top:.15rem;font-weight:500}.pick-mark{background:var(--paper);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-family:Sora,Outfit,sans-serif;font-size:1.35rem;display:grid}.pick.on{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 36px #00aae824}.pick.on .pick-mark{background:var(--accent);color:#fff}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:.7rem 1rem;font-weight:600}.chip.on{background:var(--soft);color:var(--accent-deep);border-color:var(--accent)}.mail{border-radius:18px;padding:1.05rem 1.1rem;font-size:1.2rem}.ask{min-width:220px;margin-top:.2rem}.ask:disabled{animation:1.1s infinite pulse}.stage-result{text-align:center;border:1px solid var(--line);background:#fff;border-radius:32px;width:min(720px,100%);margin:4vh auto 0;padding:2.4rem 1.4rem 2rem;animation:.45s both rise;box-shadow:0 30px 80px #24181614}.stage-result h1{margin:0 0 .6rem;font-size:clamp(2rem,4vw,3rem)}.digits{letter-spacing:.04em;color:var(--accent);justify-content:center;gap:.35rem;margin:.4rem 0 1.2rem;font-family:Sora,Outfit,sans-serif;font-size:clamp(3.2rem,8vw,5.4rem);display:flex}.digits span{animation:.45s both pop;display:inline-block}.stage-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.expire{color:var(--accent-deep);margin:1rem 0 .2rem;font-weight:700}.mail-note{color:var(--muted);margin:0}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.7}}@media (width<=860px){.gate{grid-template-columns:1fr}.gate-hero{border-right:0;border-bottom:1px solid var(--line);padding:2.2rem 1.3rem 1.6rem}.gate-hero h1{max-width:none;font-size:2.7rem}}@media (prefers-reduced-motion:reduce){.digits span,.stage-result,.ask:disabled{animation:none}}