:root{color-scheme:light;--forest:#173f35;--mint:#e4eee7;--peach:#f5d3be;--paper:#fbfaf6;--muted:#486258}
*{box-sizing:border-box}
body{margin:0;background:var(--mint);color:var(--forest);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.05rem;line-height:1.65}
.account{width:min(100% - 2rem,48rem);margin:clamp(1rem,6vw,5rem) auto;padding:clamp(1.25rem,5vw,3.5rem);background:var(--paper);border:1px solid #173f3520;border-radius:1.5rem;box-shadow:0 1rem 4rem #173f3509}
.brand{display:inline-block;margin-bottom:2rem;font-weight:750;font-size:1.25rem;letter-spacing:.04em;text-decoration:none}
h1{font-size:clamp(1.85rem,6vw,3rem);line-height:1.15;letter-spacing:-.04em;margin:0 0 1.5rem}
h2{font-size:1.25rem;line-height:1.3;margin:2rem 0 .75rem}
p,ul{margin:.8rem 0}
a{color:inherit;text-underline-offset:.2em;overflow-wrap:anywhere}
form{margin-top:1.5rem}
button,.button{display:inline-block;max-width:100%;border:2px solid var(--forest);border-radius:999px;padding:.8rem 1.4rem;background:var(--forest);color:var(--paper);font:inherit;font-weight:650;text-align:center;text-decoration:none;cursor:pointer}
button:hover,.button:hover{background:#245545}
button:disabled{background:#d3ded7;border-color:#d3ded7;color:#45574c;cursor:not-allowed}
:focus-visible{outline:3px solid var(--forest);outline-offset:4px}
.note{color:var(--muted);font-size:.95rem}
.notice{padding:1rem 1.25rem;background:var(--peach);border-radius:.75rem}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}