.account-page{background:#f5f7f9}
.account-profile{display:flex;align-items:center;gap:14px;margin:20px 0}
.account-profile p{font-weight:700;overflow-wrap:anywhere}
.account-secondary{display:block;margin-top:18px;font-size:15px}
#account-service{min-width:0}
#account-service .account-button{display:block;text-align:center;padding:14px 18px;margin-top:22px;background:#18334f;color:#fff;border-radius:8px;text-decoration:none;font-weight:700}
.account-story .account-art strong{font-size:clamp(25px,3vw,34px);letter-spacing:0}
#account-status{padding:14px 16px;background:#edf3f0;border-radius:8px;line-height:1.6}
.account-shell{max-width:1160px;padding:0 32px;margin:auto}
.account-header{min-height:96px;height:auto;gap:20px;padding:22px 0}
.account-header nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.account-header nav a{text-decoration:none;font-size:14px}
.account-page main{margin:0;max-width:none;padding:44px 0 0}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}
.account-story{padding:25px 8px 0 0}
.account-story h1{font-size:clamp(32px,4vw,46px);line-height:1.12;max-width:460px;text-wrap:balance;margin:20px 0}
.account-story>p{font-size:17px;max-width:430px}
.account-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:24px;background:#eaedf1;color:#3a4558;font-size:12px;font-weight:bold}
.account-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#646f83}
.account-art{background:#14243c;border-radius:16px;color:#f3eee3;padding:30px;margin-top:30px}
.account-art p{color:#d9dce1;font-size:14px;margin-bottom:0}
.account-art strong{font:38px/1.4 Georgia,serif;letter-spacing:5px;display:block}
.account-art small{color:#c9cdd4;display:block;letter-spacing:1.3px;font-size:11px;margin-bottom:13px}
.account-card{background:white;border:1px solid #dde0e4;border-radius:16px;padding:30px;box-shadow:0 12px 40px #1e273605}
.account-tabs{display:flex;gap:6px;background:#f0f1f4;border-radius:8px;padding:5px;margin-bottom:26px}
.account-tabs a{flex:1;text-decoration:none;text-align:center;padding:10px 6px;font-size:14px;border-radius:5px;color:#4e5d76}
.account-tabs a[aria-current="page"]{background:white;color:#212e45;font-weight:bold;box-shadow:0 2px 6px #1c263610}
.account-card h2{font-size:25px;line-height:1.2;margin:0 0 12px}
.account-card p{font-size:14px}
.account-notice{background:#eff1f4;border:1px solid #d5dae2;border-radius:8px;padding:14px 16px;color:#434f64;font-size:14px;margin:20px 0}
.account-notice p{color:inherit;margin:5px 0 0}
.account-fields{padding:0;margin:22px 0 0;border:0;min-width:0}
.account-fields legend{font-size:14px;font-weight:bold;margin-bottom:16px}
.account-fields label{display:block;font-size:14px;font-weight:bold;color:#374153;margin:0 0 16px}
.account-fields input,.account-fields select{display:block;width:100%;min-width:0;border:1px solid #caced6;background:#f7f8f9;border-radius:7px;padding:12px;margin-top:7px;font:inherit;font-weight:normal;color:#4a576e;opacity:1;-webkit-text-fill-color:#4a576e}
.account-fields input::placeholder{color:#5a6a86;opacity:1}
.account-fields small{display:block;font-weight:normal;font-size:12px;margin-top:6px;color:#556580}
.account-fields button{width:100%;padding:13px 12px;border:1px solid #cdd1d7;border-radius:7px;font-weight:bold;background:#e2e6ec;color:#55647f;cursor:not-allowed;margin:5px 0 0}
.account-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;margin-top:17px;font-size:13px}
.account-row a,.account-card p a{color:#2e3c53;text-underline-offset:3px}
.account-preview-link{display:block;text-align:center;text-decoration:none;font-size:14px;font-weight:bold;border-top:1px solid #e1e4e8;padding-top:22px;margin-top:24px;color:#293955}
.account-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0 0;padding:0;list-style:none;counter-reset:step}
.account-steps li{border-top:1px solid #dadde2;padding:20px 0 0;counter-increment:step}
.account-steps li::before{content:"0" counter(step);font:24px Georgia,serif;color:#566682}
.account-steps h2{font-size:17px;margin:10px 0 5px}
.account-steps p{font-size:14px}
.account-page footer{margin-top:44px}
.account-page .footer-links{display:flex;gap:20px;flex-wrap:wrap}
.account-page .skip-link{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}
.account-page .skip-link:focus{top:12px}
.dashboard-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:10px 0 24px}
.dashboard-heading h1{font-size:38px;margin-top:15px}
.dashboard-heading p{max-width:670px}
.account-button{display:inline-block;padding:11px 17px;background:#22334f;border:1px solid #22334f;color:white;border-radius:7px;text-decoration:none;font-size:14px;font-weight:bold;white-space:nowrap}
.account-button.secondary{color:#2c3a52;background:white;border-color:#cbd0d7}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;margin-top:25px}
.dashboard-course{background:#14243c;color:white;border-radius:14px;padding:30px}
.dashboard-course .eyebrow{color:#b2bdd0}
.dashboard-course h2{font:32px/1.25 Georgia,serif;margin:18px 0}
.dashboard-course p{color:#c9cdd5}
.dashboard-course .account-button{background:#f3eee3;color:#29303d;border:0;margin-top:12px}
.dashboard-course .course-symbols{font:31px Georgia,serif;color:#b6c3d9;letter-spacing:5px;padding:22px 0 0;margin-top:22px;border-top:1px solid #ffffff26}
.account-price{font-size:40px;font-weight:bold;letter-spacing:-1px;color:#28344a;margin:16px 0}
.account-price span{font-size:14px;font-weight:normal;letter-spacing:0}
.account-status{padding:12px 0;border-top:1px solid #e1e4e8;font-size:14px}
.account-status dt{color:#657083}.account-status dd{margin:3px 0 0;font-weight:bold}
.account-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}
.account-resource{display:flex;flex-direction:column;text-decoration:none;background:white;border:1px solid #dde0e4;border-radius:12px;padding:24px}
.account-resource:hover{border-color:#5b6c89}
.account-resource h3{font-size:19px;margin:10px 0 0}.account-resource p{font-size:14px;flex:1}.account-resource>span{color:#30415f;font-size:14px;font-weight:bold}
.account-resource .resource-index{font:25px Georgia,serif;color:#566682}
.dashboard-years{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.dashboard-years a{border:1px solid #ced2d9;border-radius:7px;padding:10px 15px;background:white;text-decoration:none;font-size:14px}
.dashboard-help{margin-top:30px;border-top:1px solid #dde0e4;padding-top:20px}.dashboard-help p{font-size:15px}
@media(max-width:900px){.account-grid{gap:28px}.account-story h1{font-size:36px}.account-shell{padding:0 24px}.account-card{padding:24px}}
@media(max-width:700px){.account-shell{padding:0 20px}.account-header{align-items:flex-start;flex-direction:column;gap:12px}.account-header nav{gap:18px}.account-page main{padding-top:28px}.account-grid,.dashboard-grid{grid-template-columns:1fr;gap:24px}.account-story{padding:0}.account-story h1{font-size:33px}.account-story>p{max-width:none}.account-art{padding:23px;margin-top:22px}.account-art strong{font-size:30px}.account-card{padding:23px}.account-steps{grid-template-columns:1fr;gap:16px;margin-top:30px}.account-steps li{padding-top:15px}.account-steps h2{display:inline;margin-left:12px}.dashboard-heading{align-items:flex-start;flex-direction:column;gap:8px}.dashboard-heading h1{font-size:31px}.account-resources{grid-template-columns:1fr;gap:12px}.account-resource{padding:20px}.dashboard-course{padding:24px}.dashboard-course h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
