:root{--bg:#f8fafc;--dot:#e2e8f0;--card:#fff;--ink:#0f172a;--muted:#475569;--subtle:#64748b;--line:#e2e8f0;--brand:#f97316;--brand-dark:#ea580c;--brand-soft:#fff7ed;--bad:#b91c1c;--bad-bg:#fef2f2;--bad-line:#fecaca;--warn:#9a3412;--warn-line:#fed7aa}
*{box-sizing:border-box}
html{background-color:var(--bg);background-image:radial-gradient(var(--dot) 1.2px,transparent 1.2px);background-size:20px 20px;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem 2rem}
.brand{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:1.25rem}
.logo{height:56px;width:auto;display:block}
.stage{font:600 .7rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);background:var(--brand-soft);border:1px solid var(--warn-line);border-radius:999px;padding:.3rem .6rem}
.card{width:100%;max-width:30rem;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgb(15 23 42/.04),0 12px 32px rgb(15 23 42/.06);padding:2rem}
.card.wide{max-width:48rem}
h1{font-size:1.45rem;line-height:1.3;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}
h2{font-size:1.05rem;font-weight:700;margin:1.75rem 0 .5rem}
p{margin:.6rem 0}
.lead{color:var(--muted);margin:0 0 1.5rem}
.account{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg);margin:0 0 1.5rem}
.account p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.4}
.account b{display:block;color:var(--ink);font-weight:600;word-break:break-all}
.avatar{flex:none;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}
.label{font-weight:600;margin:0 0 .5rem}
ul.checks{list-style:none;padding:0;margin:0}
ul.checks li{position:relative;padding-left:1.9rem;margin:.55rem 0}
ul.checks li::before{content:"";position:absolute;left:0;top:.2rem;width:1.25rem;height:1.25rem;border-radius:999px;background:var(--brand-soft)}
ul.checks li::after{content:"";position:absolute;left:.45rem;top:.42rem;width:.32rem;height:.6rem;border:solid var(--brand-dark);border-width:0 2px 2px 0;transform:rotate(45deg)}
.fine{font-size:.85rem;color:var(--subtle);border-top:1px solid var(--line);padding-top:1rem;margin-top:1.5rem}
.actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}
button{font:inherit;font-weight:600;font-size:.95rem;line-height:1.2;border-radius:10px;padding:.8rem 1rem;cursor:pointer;border:1px solid #cbd5e1;background:#fff;color:var(--ink);width:100%}
button:hover{background:var(--bg)}
button.primary{background:var(--brand);border-color:var(--brand);color:#fff}
button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
label{display:block;font-weight:600;font-size:.9rem;margin:1rem 0 .4rem}
input[type=password]{width:100%;font:1rem ui-monospace,SFMono-Regular,Menlo,monospace;padding:.7rem .8rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink)}
.error,.warn{border:1px solid var(--bad-line);background:var(--bad-bg);color:var(--bad);border-radius:10px;padding:.75rem 1rem;margin:1rem 0;font-size:.95rem}
.warn{border-color:var(--warn-line);background:var(--brand-soft);color:var(--warn);margin-top:0}
.meta{color:var(--subtle);font-size:.9rem}
.meta b{color:var(--ink);font-weight:600}
a{color:var(--brand-dark);text-decoration:none}
a:hover{text-decoration:underline}
code{font:.85em ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f5f9;border:1px solid var(--line);padding:.1em .35em;border-radius:6px;word-break:break-all}
ul.plain{padding-left:1.2rem}
table{border-collapse:collapse;width:100%;font-size:.9rem}
th,td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}
.draft{border:1px dashed var(--bad);color:var(--bad);border-radius:10px;padding:.5rem .8rem;margin-bottom:1rem;font-weight:600;font-size:.85rem}
footer{margin-top:1.5rem;font-size:.85rem;color:var(--subtle);text-align:center}
footer a{color:var(--subtle)}