:root{--brand: #ff732b;--ink: #0f0f0f;--muted: #535862;--line: #e9eaeb;--surface: #ffffff;--wash: #fff5ef}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:radial-gradient(ellipse 80% 50% at 50% -10%,#ffd7c2 0%,transparent 55%),linear-gradient(180deg,#fffaf7,#fff 45%,#f7f7f8)}#app{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 20px 48px}.card{width:min(420px,100%);text-align:center}.mark{width:72px;height:72px;margin:0 auto 20px;border-radius:20px;display:block;object-fit:cover;box-shadow:0 12px 30px #ff732b47}h1{margin:0 0 8px;font-size:28px;line-height:1.15;letter-spacing:-.03em}.lead{margin:0 auto 28px;max-width:32ch;color:var(--muted);font-size:15px;line-height:1.45}.actions{display:grid;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:999px;border:none;text-decoration:none;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand);color:#fff}.btn-secondary{background:var(--ink);color:#fff}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.hint{margin:20px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.badge{display:inline-block;margin-bottom:16px;padding:6px 12px;border-radius:999px;background:var(--wash);color:var(--brand);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.home .lead{max-width:36ch}
