.account-page{min-height:56vh;padding:clamp(50px,7vw,100px) 0 100px;background:linear-gradient(180deg,#f4faff,#fff)}
.account-hero{max-width:1160px}.account-hero h1{max-width:780px;margin:16px 0;color:#102c58;font:800 clamp(38px,5vw,68px)/1.06 Outfit,sans-serif;letter-spacing:-.045em}.account-hero>p{max-width:670px;color:#53718b;font-size:18px;line-height:1.6}
.account-primary,.account-empty>a{display:inline-flex;align-items:center;gap:12px;margin-top:20px;padding:15px 22px;border-radius:14px;background:#147db2;color:#fff;font-weight:800;text-decoration:none}.account-primary:hover,.account-empty>a:hover{background:#0d6596}.account-primary .ui-arrow,.account-empty .ui-arrow{color:inherit}
.account-hero .account-note{margin-top:20px;font-size:14px}.account-signout{display:inline-flex;gap:8px;margin-top:10px;color:#266e9d;font-weight:700}
.account-content{margin-top:42px}.account-list{display:grid;gap:14px}.account-item,.account-empty{padding:26px;border:1px solid #d5e7f1;border-radius:20px;background:#fff}.account-item{display:flex;justify-content:space-between;gap:24px;align-items:center}.account-item h2,.account-empty h2{margin:8px 0;color:#173557;font:700 25px/1.2 Outfit,sans-serif}.account-item p,.account-empty p{margin:0;color:#678096}.account-item-actions{display:flex;align-items:center;gap:16px}.account-item-actions a{display:inline-flex;align-items:center;gap:8px;color:#147db2;font-weight:800;white-space:nowrap}.account-item-actions button{border:0;background:none;color:#58738a;text-decoration:underline;cursor:pointer}
.account-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid #9ccde7;border-radius:12px;background:#eaf6fc;color:#126a9c;font:800 14px 'DM Sans',sans-serif;cursor:pointer}.account-save:hover{background:#d9eef9}.account-save:disabled{cursor:wait;opacity:.7}.account-save-note{margin:8px 0 0;color:#58738a;font-size:13px}.account-save-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.account-save.is-confirmed{background:#eaf6fc;border-color:#8ccde9}
.state-icon-check{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;mask:url('/icons/lucide/check.svg') center/contain no-repeat;-webkit-mask:url('/icons/lucide/check.svg') center/contain no-repeat}
@media(max-width:700px){.account-page{padding:48px 0 70px}.account-item{display:block}.account-item-actions{flex-wrap:wrap;margin-top:18px}.account-hero>p{font-size:16px}}