:root { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; color:#1b2c3b; background:#f4f6f8; line-height:1.55; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:32px 20px; }
.card { width:100%; max-width:460px; padding:36px; border-radius:24px; background:#fff; border:1px solid #e4eaf0; box-shadow:0 18px 70px #263f5710; }
.brand { display:grid; place-items:center; width:44px; height:44px; background:#e7f2ed; color:#226749; border-radius:14px; font-size:27px; font-weight:700; }
.eyebrow { color:#648276; font-size:12px; letter-spacing:.08em; margin:22px 0 6px; }
h1 { font-size:28px; letter-spacing:-.04em; margin:0; }
h2 { font-size:22px; margin:12px 0; }
.intro { margin:10px 0 26px; color:#687887; font-size:14px; }
label { display:block; font-size:13px; font-weight:600; margin:16px 0 7px; }
input,select,button { width:100%; font:inherit; border-radius:10px; }
input,select { padding:12px 13px; border:1px solid #ccd6de; color:inherit; background:#fff; }
input:focus,select:focus,button:focus-visible { outline:3px solid #add5bf; outline-offset:2px; }
button { cursor:pointer; margin-top:18px; padding:12px 14px; border:1px solid #226749; color:#fff; background:#226749; font-weight:600; }
button:hover:not(:disabled) { background:#1b573d; }
button:disabled { opacity:.55; cursor:wait; }
.secondary { color:#226749; background:#f0f7f3; }
.secondary:hover:not(:disabled) { background:#e4f0e9; }
#verify-form { border-top:1px solid #e6ebef; margin-top:24px; padding-top:4px; }
#code { font-variant-numeric:tabular-nums; font-size:24px; letter-spacing:.26em; }
.hint,footer { color:#778590; font-size:12px; }
#message { margin:18px 0 0; color:#426853; font-size:13px; overflow-wrap:anywhere; }
#message.error { color:#a23535; }
#account-panel { padding:16px 0; text-align:center; }
#account-email { overflow-wrap:anywhere; }
.success-mark { color:#226749; font-size:32px; }
footer { border-top:1px solid #edf0f3; padding-top:20px; margin-top:24px; }
[hidden] { display:none !important; }
@media(max-width:480px) { .card { padding:26px; } }