.security-page{margin:0;min-height:100vh;background:radial-gradient(at top left,#e7efff,transparent 55%),#f5f7fc;color:#1b2d48;font:16px/1.6 Inter,Arial,sans-serif;display:grid;place-items:center;padding:28px;box-sizing:border-box}
.security-card{width:min(100%,560px);box-sizing:border-box;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dce6f6;border-radius:26px;padding:36px;box-shadow:0 18px 65px #24426a12}
.security-brand{display:flex;align-items:center;gap:14px;color:#285fc0;font-size:12px;font-weight:800;letter-spacing:1.5px}.security-brand img{width:48px;height:48px;object-fit:contain}
.security-card h1{font-size:29px;line-height:1.25;margin:24px 0 12px}.security-card p{color:#52647f}.security-card label{display:block;font-size:14px;font-weight:700;margin-top:18px}.security-card input{box-sizing:border-box;width:100%;padding:13px 14px;border:1px solid #ccd9ed;border-radius:12px;font:inherit;background:#fff;color:#172c47}
.security-card input[name=code]{font-size:30px;font-weight:700;letter-spacing:10px;text-align:center}.security-card button,.security-card .security-link{font:inherit;border-radius:12px;padding:12px 18px;cursor:pointer}.security-card button[type=submit]{width:100%;background:#285fc0;color:#fff;border:1px solid #285fc0;font-weight:700;margin-top:18px}.security-card button:disabled{opacity:.5;cursor:not-allowed}.security-secondary{background:#eef3fc!important;color:#254d83!important;border-color:#cad8ed!important}.security-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.security-actions form{flex:1}.security-actions a{color:#285fc0}.security-alert{padding:12px 15px;border-radius:12px;border:1px solid #d2dff4;background:#eef4ff;margin:18px 0;color:#234d86}.security-alert.error{background:#fff1ef;border-color:#f0cfca;color:#9a3020}.security-alert.success{background:#edf9f2;border-color:#cbe5d6;color:#23623e}
.security-password-field{position:relative}.security-password-field input{padding-right:74px}.password-toggle{font:inherit;font-size:12px!important;background:#eef3fc;color:#2758a3;border:1px solid #d0dcf0;border-radius:8px;padding:5px 9px!important;cursor:pointer}.security-password-field .password-toggle{position:absolute;right:8px;top:9px}.signup-card .input-wrapper .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.signup-card .input-wrapper input[type=password],.signup-card .input-wrapper input[type=text][data-password-policy],.signup-card .input-wrapper input[data-password-confirm]{padding-right:76px}
.password-requirements{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0;font-size:13px;color:#61718b}.password-requirements li.met{color:#1b7247}.security-tab{display:block;border-bottom:2px solid #285fc0;color:#285fc0;font-weight:700;padding:8px 0;margin:20px 0}.security-card form{margin:0}.security-card :focus-visible{outline:3px solid #95b9ff;outline-offset:3px}[data-password-feedback]{font-size:13px;color:#a13728}
/* Account cards share White Glass Gloss; retain the existing auth-page backdrop. */
.signup-wrapper .signup-card{margin:24px auto;background:linear-gradient(145deg,#fffffffa,#f8fbfff2);border:1px solid #dce6f6;box-shadow:0 18px 65px #24426a20,inset 0 1px 0 #fff;color:#1b2d48}
.signup-card .signup-title{color:#1b2d48;text-shadow:none}.signup-card .form-group label{color:#334760}.signup-card .signup-links a{color:#285fc0}.signup-card .signup-links a:hover{color:#194b9d}
.signup-card .password-requirements{color:#52647f}.signup-card .password-requirements li.met{color:#1b7247}.signup-card [data-password-feedback]{color:#9a3020}
.signup-card .form-alert-error{background:#fff1ef;border-color:#f0cfca;color:#9a3020}.signup-card .form-alert-success{background:#edf9f2;border-color:#cbe5d6;color:#23623e}
.signup-card .signup-submit{color:#fff;background:#285fc0}.signup-card .signup-submit:disabled{opacity:.5;cursor:not-allowed}.signup-unavailable p{line-height:1.7;color:#52647f}
@media(max-width:600px){.security-page{padding:16px;display:block}.security-card{padding:25px 20px;margin:16px auto}.security-card h1{font-size:25px}.password-requirements{grid-template-columns:1fr}.security-card input[name=code]{letter-spacing:7px;font-size:27px}.security-actions{gap:10px}}
