:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f1ec;--card:#fff;--text:#1f2933;--muted:#697386;--primary:#243b53;--primary-hover:#102a43;--danger:#b42318;--border:#dde3ea}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #fff7ed, var(--background));color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;width:100%;max-width:520px;padding:32px;box-shadow:0 24px 80px #0f172a1f}.topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}h1{margin:0 0 16px;font-size:clamp(2rem,6vw,3rem);line-height:1.05}.muted{color:var(--muted);margin:0 0 24px;line-height:1.6}.form{gap:16px;display:grid}label{color:var(--primary);gap:8px;font-size:.95rem;font-weight:700;display:grid}input{border:1px solid var(--border);font:inherit;border-radius:12px;padding:13px 14px}button,.download{background:var(--primary);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:999px;justify-content:center;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-flex}button:hover,.download:hover{background:var(--primary-hover)}.secondary{border:1px solid var(--border);color:var(--primary);background:0 0;padding:9px 14px}.secondary:hover{background:#f8fafc}.error{color:var(--danger);background:#fff1f0;border:1px solid #ffccc7;border-radius:12px;margin:0 0 20px;padding:12px 14px}code{color:var(--primary);background:#eef2f7;border-radius:6px;padding:2px 6px}
