*{box-sizing:border-box}body{margin:0;background:#f6f9ff;color:#102a50;font:15px/1.6 system-ui,sans-serif}a{color:#215cce;text-decoration:none}a:hover{text-decoration:underline}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(20px,calc((100% - 1000px)/2));background:white;border-bottom:1px solid #e3ebf7;gap:16px}.profile-brand{font-size:20px;font-weight:750;color:#102a50}main{max-width:1040px;margin:auto;padding:32px 20px 60px}.back{font-size:13px}.profile-heading{display:flex;align-items:center;gap:22px;margin:30px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#5e7da9;margin:0}h1{font-size:34px;letter-spacing:-1px;margin:3px 0}h2{font-size:18px;margin:0 0 20px}.profile-heading p:last-child{color:#627797;margin:0}.user-avatar{position:relative;overflow:hidden;width:80px;height:80px;border-radius:24px;background:#e1ebff;color:#2563eb;display:grid;place-items:center;font-size:32px;font-weight:700}.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.profile-card{padding:28px;background:white;border:1px solid #e0e8f5;border-radius:20px;margin-bottom:20px;box-shadow:0 5px 20px #12356704}form>label{display:block;font-weight:600;font-size:13px;margin:18px 0 7px}input:not([type=checkbox]){width:100%;font:inherit;padding:12px;border:1px solid #ccd9ee;border-radius:10px;color:#16345e;background:white}input:read-only{background:#f5f7fc;color:#607797}small{display:block;color:#697d99;font-size:11px;margin-top:8px}fieldset{border:0;padding:0;margin:26px 0}legend{font-size:14px;font-weight:600}legend span{font-size:11px;font-weight:400;color:#697d99;margin-left:7px}.interest-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.interest-options label{padding:8px 12px;border:1px solid #dbe5f5;border-radius:100px;font-size:12px;cursor:pointer}.interest-options label:has(:checked){background:#eaf1ff;color:#215cce;border-color:#8db2f9}.interest-options input{accent-color:#2563eb;margin-right:5px}button,.button-link{display:inline-block;padding:12px 18px;border:0;border-radius:10px;background:#2563eb;color:white;font:600 13px system-ui;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:#edf3ff;color:#215cce}.learning-stats{display:flex;justify-content:space-between;margin:22px 0}.learning-stats div{display:flex;flex-direction:column}.learning-stats strong{font-size:28px;color:#2563eb}.learning-stats span{font-size:12px;color:#697d99}dl{font-size:12px}dt{color:#697d99}dd{margin:0 0 12px}footer{max-width:1000px;margin:auto;padding:20px;display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#697d99}#profile-status,#signout-status{font-size:13px;overflow-wrap:anywhere}#profile-error a{display:inline-block;margin-left:15px}[hidden]{display:none!important}:focus-visible{outline:3px solid #8db3ff;outline-offset:3px}@media(max-width:700px){.profile-grid{grid-template-columns:1fr}.profile-card{padding:22px}.profile-heading{gap:14px}.profile-heading h1{font-size:28px}.user-avatar{width:62px;height:62px;border-radius:18px}header{padding:16px}.profile-brand{font-size:17px}}
header{flex-wrap:wrap}.profile-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.profile-nav a{display:flex;align-items:center;min-height:42px;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.profile-nav a:hover{background:#edf3ff;text-decoration:none}.profile-nav [aria-current=page]{background:#e7efff;color:#174eaf}.profile-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#7b8ba3;font-size:12px}.profile-breadcrumb a{padding:5px 0}.profile-breadcrumb [aria-current=page]{color:#324e73}@media(max-width:700px){.profile-nav{width:100%;justify-content:space-between;gap:3px}.profile-nav a{font-size:11px;padding:8px}header{gap:12px}}
