:root{--bg: #ffffff;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: rgba(2, 6, 23, .08);--accent: #16a34a;--accent-2: #4ade80;--ring: rgba(22, 163, 74, .16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.hero{padding:40px 20px 10px;text-align:center;position:relative;overflow:hidden;min-height:100vh;display:grid;align-items:center}.split{display:grid;grid-template-columns:1fr;align-items:center;gap:24px;max-width:1200px;margin:0 auto}.split-visual img{width:100%;max-width:720px;height:auto;display:block;margin:0 auto}.split-content{display:grid;justify-items:center;text-align:center;gap:8px}.countdown-wrap{margin-top:8px}.hero-grid{display:grid;grid-template-columns:1fr;align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:12px 0 8px}.hero-copy{display:grid;justify-items:center;gap:8px}.hero-visual img{width:100%;max-width:760px;height:auto;display:block;margin:0 auto}.logo{width:120px;height:auto;object-fit:contain;filter:none}.title{margin:16px 0 6px;font-size:clamp(22px,3.2vw,36px);letter-spacing:.2px}.subtitle{margin:0;color:var(--muted);font-size:clamp(14px,2.2vw,18px)}.hero:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:320px;z-index:0;background:radial-gradient(120px 120px at 20% 60%,rgba(74,222,128,.18),transparent 70%),radial-gradient(160px 160px at 70% 40%,rgba(22,163,74,.12),transparent 70%),radial-gradient(220px 220px at 40% -10%,rgba(34,197,94,.1),transparent 60%);filter:blur(.5px)}.hero>*{position:relative;z-index:1}.content{display:grid;place-items:center;padding:20px}.section{padding:32px 16px 48px}.card{max-width:900px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:clamp(16px,3vw,28px);box-shadow:0 10px 30px #0206170f}.section-title{margin:0 0 12px;font-size:clamp(18px,2.6vw,24px);color:var(--text)}.actions{margin-top:16px;display:flex;gap:12px;justify-content:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:9999px;padding:10px 16px;font-weight:600;font-size:14px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 6px 16px #2563eb2e;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2563eb38}.btn:active{transform:translateY(0);filter:saturate(.95)}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.countdown{display:flex;align-items:stretch;gap:clamp(10px,2vw,16px);background:var(--card);border:1px solid var(--border);padding:clamp(16px,3vw,28px);border-radius:16px;box-shadow:0 10px 30px #0206170f}.time-box{min-width:clamp(70px,14vw,120px);display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;background:linear-gradient(180deg,#02061705,#02061700);border:1px solid var(--border);border-radius:12px;padding:clamp(10px,2.4vw,16px)}.num{font-variant-numeric:tabular-nums;font-size:clamp(28px,7vw,56px);font-weight:700;line-height:1;color:var(--text);text-shadow:none;animation:fadeUp .4s ease both}.label{margin-top:8px;font-size:clamp(10px,2.2vw,14px);color:var(--muted);letter-spacing:1px;text-transform:uppercase}.sep{align-self:center;color:var(--accent);font-size:clamp(24px,6vw,48px);line-height:1;opacity:.6}.done-msg{margin-left:12px;align-self:center;color:#16a34a;font-weight:600}.time-meta{margin-top:8px;font-size:12px;color:var(--muted);text-align:center}.footer{text-align:center;padding:24px 16px 32px;color:var(--muted);font-size:13px}@media (max-width: 420px){.countdown{gap:10px}.time-box{min-width:64px}.sep{margin:0 4px}}@media (min-width: 860px){.split{grid-template-columns:1fr 1fr;text-align:center;gap:40px;padding:8px 0}.split-content{justify-items:center}.logo{justify-self:center}}.progress{position:relative;display:block;width:100%;margin-top:16px}.progress-track{position:relative;height:6px;width:100%;background:#02061714;border-radius:9999px;overflow:hidden;box-shadow:inset 0 1px 1px #0206170f}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 0 3px var(--ring) inset;border-radius:inherit;transition:width .6s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}