:root{--bg: #1b1f2a;--fg: #f2f4f8;--muted: #9aa3b5;--accent: #ffd23f}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:grid;place-items:center}main{text-align:center;padding:24px 16px;max-width:560px}h1{font-size:clamp(2.2rem,8vw,3.4rem);margin:16px 0 8px;letter-spacing:-.02em}h1 span{color:var(--accent)}.tagline{font-size:1.15rem;margin:0 0 8px}.features{color:var(--muted);margin:0 0 32px}.swatches{display:flex;justify-content:center;gap:6px}.swatches i{width:28px;height:28px;border:2px solid #fff;border-radius:4px}button{font:inherit;font-weight:700;font-size:1.25rem;padding:14px 40px;border:0;border-radius:999px;background:var(--accent);color:#1b1f2a;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.08)}button:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}#status{color:var(--muted);font-size:.9rem;min-height:1.4em;margin-top:16px}.buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}button.secondary{background:transparent;color:var(--fg);border:2px solid var(--fg)}button[hidden]{display:none}.legal{margin-top:28px;font-size:1rem}.legal a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.legal a:hover{color:var(--accent)}