:root{color-scheme:light;--ink:#172c41;--teal:#075b61;--muted:#4d666c;--line:#c9dddd}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 15% 10%,#d8ece9,transparent 65%),#f4f9f8;font:16px/1.65 system-ui,"Microsoft YaHei",sans-serif;padding:clamp(16px,7vh,64px) 16px}
.account-card{width:min(100%,520px);margin:auto;background:#fff;border:1px solid var(--line);border-top:5px solid var(--teal);border-radius:17px;box-shadow:0 18px 55px #173c4814;padding:clamp(20px,5vw,38px)}
.account-kicker{margin-top:22px;color:var(--teal);font-size:.85rem;font-weight:700;letter-spacing:.08em}
h1{margin:0 0 14px;font-size:clamp(1.6rem,5vw,2.15rem);line-height:1.25}
a{color:var(--teal);text-underline-offset:3px}
.account-links{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.94rem}
form+form{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}
label{display:grid;gap:4px;margin:12px 0;font-weight:600}
input,button{font:inherit;border-radius:7px;min-height:44px;padding:8px 12px;border:1px solid #7d9999}
input{width:100%;background:#fff;color:inherit}
button{background:var(--teal);border-color:var(--teal);color:white;font-weight:650;cursor:pointer}
button:hover{background:#06474b}
:focus-visible{outline:3px solid #128087;outline-offset:3px}
.muted{color:var(--muted);overflow-wrap:anywhere}
.notice{background:#e8f4ef;border-left:3px solid var(--teal);padding:10px 13px;overflow-wrap:anywhere}