.account-security-page { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:64px; align-items:center; max-width:1000px; margin:36px auto; }
.account-security-intro h1 { font-size:42px; line-height:1.15; }
.account-security-intro .muted { max-width:340px; }
.account-security-symbol { width:94px; height:94px; display:grid; place-items:center; font-size:58px; font-weight:650; margin-top:28px; border:1px solid var(--line); border-radius:24px; color:var(--accent); background:var(--surface); }
.account-security-card { min-width:0; overflow-wrap:anywhere; }
.account-security-card h2 { margin-top:12px; }
.account-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:22px; }
.account-actions > button, .account-actions > form { width:auto; }
.account-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:12px 18px; border:1px solid #668bf2; background:#426ce4; border-radius:9px; color:#fff; font-size:13px; font-weight:650; text-decoration:none; }
.account-button.secondary { background:var(--surface); color:var(--ink); border-color:var(--line); }
.account-button:hover { filter:brightness(1.12); }
.account-help { font-size:12px; }
.account-security-card input[name=code] { letter-spacing:.32em; font-size:22px; font-variant-numeric:tabular-nums; }
.email-change-steps { padding-left:23px; margin:24px 0; }
.email-change-steps li { padding:8px 0 18px 5px; }
.email-change-steps strong { display:block; overflow-wrap:anywhere; font-size:14px; }
.email-change-steps span { display:block; margin-top:7px; color:var(--muted); line-height:1.7; font-size:13px; }
.email-change-steps .is-complete::marker { color:#62d7a2; }
.account-inline-form { margin:0; }
.account-actions > form { margin:0; }
.account-email-value { overflow-wrap:anywhere; }
.profile-form .field input[name="email"]:disabled { background:color-mix(in srgb, var(--theme-field, #0c1525) 65%, #000); color:var(--muted); border-color:var(--line); cursor:not-allowed; opacity:1; box-shadow:inset 0 1px 3px #0003; }
@media(max-width:760px) { .account-security-page { grid-template-columns:1fr; gap:20px; margin:8px auto; max-width:560px; } .account-security-intro h1 { font-size:30px; margin:12px 0; } .account-security-symbol { display:none; } .account-security-intro .muted { max-width:none; font-size:13px; } .account-actions { gap:12px; } .account-actions > button, .account-actions > .account-button, .account-actions > form { width:100%; justify-content:center; } .account-security-card input { min-height:48px; font-size:16px; } }