:root{color-scheme:dark;font:16px/1.6 'Chivo',system-ui,sans-serif;background:#0B0C0E;color:#F4F3F0}
body{margin:0;padding:24px}
.acct-head{max-width:680px;margin:5vh auto 0;padding-inline:clamp(20px,5vw,40px);display:flex;align-items:center;gap:12px}
.acct-head img.mark{width:30px;height:auto}
.acct-head img.wordmark{width:118px;height:auto}
/* A member's club on the pages their emails link to (coach-mode.md §28). */
.acct-head .acct-club{display:flex;align-items:center;color:inherit;font-weight:800;text-decoration:none}
.acct-head .club-logo{display:block;height:32px;width:auto;max-width:200px}
main{max-width:680px;margin:24px auto 5vh;padding:clamp(20px,5vw,40px);background:#131519;border:1px solid #24272D;border-radius:6px}
h1{font-family:'Archivo','Arial Narrow',sans-serif;font-weight:800;font-stretch:112%;line-height:1.15;letter-spacing:-.01em}
a{color:#FD5C5C}
a:hover{color:#F4F3F0}
label{display:block;margin:18px 0}
input:not([type=checkbox]),select,textarea{box-sizing:border-box;display:block;width:100%;padding:12px;border:1px solid #3A3D43;border-radius:8px;background:#0B0C0E;color:inherit;font:inherit}
input[type=checkbox]{width:20px;height:20px;vertical-align:middle}
button{padding:14px 20px;border:0;border-radius:8px;background:#FA0005;color:white;font:inherit;font-weight:700;cursor:pointer}
button:hover{background:#FF2A20}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #FD5C5C;outline-offset:3px}
.notice{padding:14px;border-left:4px solid #FA0005;background:#1A1D22;border-radius:0 4px 4px 0}
.error{color:#FD5C5C}
small{color:#9BA0A8}