:root{--bg-start: #0f172a;--bg-end: #111827;--primary: #2563eb;--primary-strong: #1d4ed8;--muted: #6b7280;--surface: #ffffff;--border: #e5e7eb;--text: #0f172a;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.12),transparent 25%),radial-gradient(circle at 80% 10%,rgba(14,165,233,.14),transparent 26%),linear-gradient(160deg,var(--bg-start),var(--bg-end));color:var(--text)}.page{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,56px)}.card{width:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px #0000001f;padding:clamp(18px,4vw,28px);text-align:center;display:flex;flex-direction:column;gap:14px}.eyebrow{display:inline-flex;align-self:center;padding:6px 12px;border-radius:999px;background:#2563eb14;color:var(--primary);font-weight:600;font-size:13px;letter-spacing:.02em;text-transform:uppercase}.title{margin:4px 0;font-size:1.8rem}.subtitle{margin:0;color:var(--muted);line-height:1.5}.primary{margin-top:8px;border:none;padding:14px 18px;border-radius:12px;background:linear-gradient(120deg,var(--primary),var(--primary-strong));color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,opacity .2s ease}.primary:disabled{opacity:.7;cursor:not-allowed}.primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 30px #2563eb40}.result{margin-top:10px;padding:14px;border-radius:12px;background:#f0f9ff;border:1px solid #e0f2fe;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.result strong{font-size:1.2rem;color:#059669}.result-text{display:flex;flex-direction:column;gap:4px}.secondary{border:1px solid var(--primary);background:#fff;color:var(--primary);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;transition:transform .1s ease,box-shadow .2s ease,color .2s ease,background .2s ease}.secondary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb2e;background:#2563eb0f}.status{margin:6px 0 0;font-size:.95rem;color:var(--muted);word-break:break-word}.footer{padding:14px 0 20px;text-align:center;color:#e5e7eb;font-size:.95rem}.footer a{color:#bfdbfe;font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width: 540px){.card{border-radius:14px;padding:16px;gap:10px}.title{font-size:1.45rem}.subtitle{font-size:.98rem}.primary{width:100%;font-size:1rem}.result{flex-direction:column;align-items:flex-start}.secondary{width:100%;text-align:center}}