:root{--bg:#FAF8F6;--card:#fff;--text:#1f1f1f;--muted:#5c5c5c;--orange:#F46816;--green:#5E9E2F;--line:#ece7e2}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
main{max-width:560px;margin:0 auto;padding:32px 16px 24px}
.logo{display:block;margin:0 auto 12px;width:84px;height:84px}
h1{font-size:1.7rem;text-align:center;margin:0 0 4px;letter-spacing:-.01em}
.sub{text-align:center;color:var(--muted);margin:0 0 28px}
.btn{display:block;text-decoration:none;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 0 12px;font-weight:600;transition:transform .1s}
.btn:hover{transform:translateY(-1px)}
.btn small{display:block;font-weight:400;color:var(--muted);margin-top:2px}
.btn.primary{background:linear-gradient(90deg,var(--orange),#f59a2b);color:#fff;border:0}
.btn.primary small{color:#fff;opacity:.9}
.btn[aria-disabled=true]{opacity:.55;pointer-events:none}
footer{text-align:center;font-size:.85rem;color:var(--muted);padding:24px 16px 40px}
footer a{color:var(--muted);margin:0 8px}
.doc h1{text-align:left;margin-bottom:16px}
.doc h2{font-size:1.1rem;margin:28px 0 6px}
.doc p,.doc li{color:#333}
.doc a{color:var(--green)}
.back{display:inline-block;margin-bottom:16px;color:var(--muted);text-decoration:none}