.account-page { max-width:1180px; margin:28px auto 48px; color:#243e50; }
.account-hero { position:relative; overflow:hidden; padding:38px 42px; margin-bottom:26px; border-radius:20px; color:#fff; background:linear-gradient(125deg,#102f4a 0%,#164f68 58%,#087f77 130%); box-shadow:0 18px 45px rgba(18,48,71,.18); }
.account-hero:after { content:""; position:absolute; right:-90px; top:-130px; width:370px; height:370px; border:1px solid #ffffff20; border-radius:50%; box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff06; pointer-events:none; }
.account-hero h1 { color:#fff; font-size:34px; font-weight:700; margin:10px 0 16px; }
.account-hero p { max-width:700px; color:#d6e4ec; line-height:1.7; font-size:16px; }
.account-hero .account-kicker { color:#8ee2d6; text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:700; }
.account-hero a { color:#fff; position:relative; z-index:1; }
.account-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:26px; align-items:start; }
.account-card { padding:28px; margin-bottom:22px; border:1px solid #dce6ed; border-radius:16px; background:#fff; box-shadow:0 6px 22px #16374f08; }
.account-card h2 { font-size:21px; font-weight:700; margin:0 0 8px; color:#163f55; }
.account-card > p { color:#607584; line-height:1.65; margin-bottom:22px; }
.account-section-heading { display:flex; gap:14px; align-items:center; margin-bottom:22px; }
.account-section-heading span { display:grid; place-items:center; flex-shrink:0; width:40px; height:40px; background:#e7f5f2; color:#087f77; border-radius:12px; font-weight:700; }
.account-section-heading h2 { margin:0; }
.account-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 22px; }
.account-page .form-control { border-radius:8px; min-height:43px; border-color:#cddce5; box-shadow:none; }
.account-page .form-control:focus { border-color:#087f77; box-shadow:0 0 0 3px #087f7720; }
.account-page .btn { border-radius:8px; padding:11px 18px; white-space:normal; }
.account-page .btn-primary { background:#087f77; border-color:#087f77; }
.account-page .btn-primary:hover { background:#06665f; }
.account-page .help-block { font-size:13px; }
.account-aside { background:#f3f8fa; }
.account-aside ol { padding-left:22px; }
.account-aside li { padding:0 0 18px 5px; line-height:1.7; }
.account-aside strong { display:block; }
.account-actions { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.account-narrow { max-width:760px; }
.account-note { padding:14px 18px; border-left:3px solid #087f77; background:#eef8f6; margin-bottom:20px; line-height:1.7; overflow-wrap:anywhere; }
@media(max-width:800px) { .account-layout { grid-template-columns:1fr; } .account-aside { order:-1; } .account-aside ol { margin-bottom:0; } }
@media(max-width:540px) { .account-page { margin:18px auto; } .account-hero { padding:26px 22px; } .account-hero h1 { font-size:28px; } .account-card { padding:22px 18px; } .account-fields { grid-template-columns:1fr; } }