/* Account presentation shares the learning world's sky; form behavior is unchanged. */
:root{color-scheme:light;--account-ink:#21304c;--account-muted:#64708b;--account-line:#dce2f0;--account-accent:#6256d9}
html{min-height:100%;background:#101936}
body{min-height:100vh;color:var(--account-ink);background:radial-gradient(ellipse at 10% 0%,#354478 0,transparent 48%),radial-gradient(ellipse at 95% 40%,#413168 0,transparent 54%),linear-gradient(145deg,#101b38,#171932 75%);background-attachment:fixed}
header{position:relative;gap:24px;min-height:92px;background:#101a34e8;border-bottom:1px solid #b0b5fa24;box-shadow:0 12px 40px #080e211a}
header .brand{display:inline-flex;align-items:center;gap:11px;color:#f1f3ff;white-space:nowrap;letter-spacing:.03em;font-size:22px}
header .brand:before{content:'C++';display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#8a80ee,#536bdd);color:white;font:800 12px/1 system-ui;letter-spacing:-.02em;box-shadow:0 5px 16px #716bd84d}
header nav{align-items:center;gap:8px}
header nav a{padding:8px 13px;border-radius:9px;color:#c4ccec;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s,background .2s}
header nav a:hover{color:white;background:#a5aff017}
main{position:relative;max-width:570px;margin:64px auto 32px;padding:38px 40px;background:#fcfdff;border:1px solid #ffffff9c;border-radius:24px;box-shadow:0 24px 72px #050b2542}
h1{letter-spacing:-.035em;color:#202d48;font-size:30px;margin-bottom:25px}
h2,h3,strong{color:#243352}
.eyebrow{color:#7465af;font-size:12px;font-weight:750;letter-spacing:.09em}
label{font-size:14px;font-weight:700;color:#35415d}
input,select,textarea{color:#243352;background:#f6f8fd;border:1px solid #cbd4e8;border-radius:11px;accent-color:var(--account-accent);transition:border-color .2s,box-shadow .2s}
input::placeholder,textarea::placeholder{color:#7a849a}
input:focus,select:focus,textarea:focus{background:white;border-color:#8474dd;box-shadow:0 0 0 3px #8b7bec1c}
input:autofill{box-shadow:inset 0 0 0 1000px #f1f4ff;color:#243352}
button{background:linear-gradient(125deg,#7160dc,#526bd0);box-shadow:0 5px 14px #6256d924;border:1px solid transparent;border-radius:11px;transition:filter .2s,box-shadow .2s}
button:hover{filter:brightness(1.07);box-shadow:0 7px 19px #6256d933}
button:disabled{opacity:.58;cursor:not-allowed;filter:none;box-shadow:none}
form[action='/account/logout'] button{color:#59617e;background:#edf0f8;border:1px solid var(--account-line);box-shadow:none}
a{color:#5a4cc5;text-underline-offset:3px}
a:hover{color:#4033a8}
:focus-visible{outline:3px solid #b57a17;outline-offset:4px}
.notice{color:#434b76;background:#f0edfc;border:1px solid #dbd6f0;line-height:1.8}
.error{color:#9a243d;background:#fff0f2;border:1px solid #efc5cf;font-weight:550}
.muted{color:var(--account-muted);line-height:1.8}
footer{color:#b8c2e2;font-size:12px;line-height:1.8;padding:18px 24px 30px}
.row{gap:10px 16px}
.row a{font-size:14px}
.admin-sidebar{background:#162443e8;border:1px solid #c1c7f029;box-shadow:0 12px 32px #060e2424}
.admin-sidebar .eyebrow{color:#aeb9da}
.admin-sidebar a{color:#c5ceeb;font-size:14px}
.admin-sidebar a[aria-current='page']{color:white;background:linear-gradient(110deg,#6a60c9,#5068bc);box-shadow:0 6px 18px #07142a28}
.admin-sidebar a:hover{background-color:#d7ddff0b;box-shadow:inset 0 0 0 1px #9eade83d}
.sidebar-bottom{border-color:#c5cdef24}
.sidebar-bottom a{font-size:12px}
.admin-layout main{background:#fcfdff;border-color:#ffffff9c}
.admin-layout main>h1{border-color:var(--account-line)}
.admin-layout details{background:#f6f8fd;border-color:var(--account-line)}
.admin-layout summary{color:#3d4d6d}
.admin-layout article.notice{background:#f5f5ff;border-color:#dcdcf1;color:#3b4666;box-shadow:0 4px 12px #36437006}
.admin-layout pre,pre{color:#dce7ff;background:#18233c;border:1px solid #303d5b;border-radius:12px;line-height:1.8}
table{width:100%;border-collapse:collapse;color:#2f3e5a;background:white;font-size:14px}
th,td{border-bottom:1px solid #e0e5f0;padding:12px 14px;text-align:left;vertical-align:top}
th{color:#526080;background:#f0f3fa;font-weight:750;white-space:nowrap}
tbody tr:nth-child(even){background:#f8faff}
td a{font-weight:650}
hr{border:0;border-top:1px solid var(--account-line);margin:24px 0}
@media(max-width:1000px){header{padding:18px 24px;flex-wrap:wrap}.admin-layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:720px){header{padding:17px 20px;gap:13px;align-items:flex-start;flex-direction:column}header .brand{font-size:20px}header nav{gap:3px;flex-wrap:wrap}header nav a{padding:6px 9px;font-size:12px}main{width:auto;max-width:none;margin:30px 16px;padding:28px 24px;border-radius:20px}h1{font-size:27px}.admin-layout{display:block;margin:22px 14px}.admin-sidebar{position:static;padding:17px 16px;margin-bottom:17px}.admin-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:5px;margin-top:12px}.admin-sidebar nav a{padding:8px 10px;font-size:13px}.sidebar-bottom{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:12px}.sidebar-bottom a{padding:4px 8px}.admin-layout main{padding:25px 20px}.admin-layout form:has(>label:nth-of-type(3)){grid-template-columns:1fr}.admin-layout input:not([type=hidden]):not([type=checkbox]),.admin-layout select{max-width:100%}.admin-layout button{min-width:0;max-width:100%}table{display:block;overflow-x:auto}footer{font-size:11px;padding-inline:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}