.account-page{max-width:1100px;margin:0 auto;padding:12px 0 40px}.account-heading{margin-bottom:32px}.account-heading>span{font-size:11px;letter-spacing:.2em;color:#67d4bd}.account-heading h1{font-size:36px;letter-spacing:-1px;margin:12px 0;color:#edf5f1}.account-heading p,.account-card>p{font-size:14px;color:#9eb6ae;line-height:1.7}.account-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.account-stack{display:grid;gap:24px}.account-card{background:#0d1d20;border:1px solid #223c3d;border-radius:16px;padding:28px}.account-card h2{font-size:19px;margin:0 0 18px;color:#e8f1ed}.account-form{display:grid;gap:18px;margin-top:24px}.account-form label{display:grid;gap:8px;font-size:12px;color:#c3d4cf}.account-form input{width:100%;min-height:45px;background:#081417;border:1px solid #2b4546;border-radius:8px;color:#eaf3ed;padding:10px 13px}.account-form button,.account-primary{display:inline-flex;align-items:center;justify-content:center;background:#59d3b0;color:#05261e;padding:13px 20px;border:0;border-radius:8px;font-weight:700;text-decoration:none}.account-form button:focus-visible,.account-primary:focus-visible,.account-link:focus-visible{outline:2px solid #e5fff0;outline-offset:3px}.account-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:13px}.account-details dt{color:#8aa79e}.account-details dd{margin:0;overflow-wrap:anywhere;text-align:right;color:#e0eee5}.account-link{display:inline-block;margin-top:22px;color:#71dabd;text-decoration:none}.account-timeline article{border-left:1px solid #2d4a44;padding:0 0 22px 17px}.account-timeline article:last-child{padding-bottom:0}.account-timeline strong{color:#dceee5;font-size:13px}.account-timeline p{font-size:12px;color:#9db5a9;margin:7px 0}.account-timeline time{font-size:11px;color:#769789}.account-notice{padding:16px 20px;background:#153b31;border:1px solid #2b6c58;border-radius:10px;margin-bottom:24px;color:#c9f0df}.account-result{max-width:660px;margin:8vh auto;text-align:center}.account-result .account-details{text-align:left;margin:28px 0}.account-result-mark{font-size:34px;line-height:1;width:72px;height:72px;display:grid;place-items:center;border:1px solid #2b6153;background:#12382c;border-radius:50%;margin:0 auto 28px;color:#70dab6}.account-result h1{font-size:30px;color:#eff5f0}.account-actions{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:28px}.account-actions .account-link{margin:0}@media(max-width:800px){.account-columns{grid-template-columns:1fr}.account-heading h1{font-size:29px}.account-card{padding:22px}.account-result{margin:32px auto}.account-actions{flex-direction:column}}

/* The customer toolbar remains within the viewport while keeping social links reachable. */
@media(max-width:700px){
 .customer-shell .topbar{height:auto;min-height:58px;flex-wrap:wrap;gap:10px;padding:10px 16px}
 .customer-shell .topbar-left{order:0}.customer-shell .topbar-right{order:1;margin-left:auto;min-width:0;gap:10px}
 .customer-shell .topbar-center{order:2;flex-basis:100%;min-width:0}
 .customer-shell .topbar-social-links{max-width:100%;gap:6px;padding:4px 8px}
 .customer-shell .topbar-profile-badge{max-width:240px}.customer-shell .topbar-profile-info{min-width:0}
 .customer-shell .topbar-profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}
 .customer-shell .notification-popover{right:-40px;max-width:calc(100vw - 32px)}
 .customer-shell .topbar-user-popover{max-width:calc(100vw - 32px)}
}