.security-flow{max-width:470px;margin:clamp(38px,7vw,80px) auto 80px}
.security-flow h1{font-size:clamp(30px,4vw,38px);letter-spacing:-.035em;margin:10px 0 8px}
.security-flow .security-intro{margin:0;color:#a9b7cd;font-size:14px;line-height:1.6}
.security-card{position:relative;overflow:hidden;margin-top:28px;padding:28px;border:1px solid rgba(140,159,194,.22);border-radius:16px;background:linear-gradient(160deg,rgba(23,30,46,.98),rgba(12,18,29,.99));box-shadow:0 24px 58px rgba(0,0,0,.16)}
.security-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(111,223,255,.6),transparent)}
.security-card-head{display:flex;align-items:center;gap:13px;margin-bottom:24px;text-align:left}
.security-card-head .security-symbol{display:flex;align-items:center;justify-content:center;flex:none;width:58px;height:58px;border:1px solid rgba(128,192,238,.2);border-radius:16px;background:linear-gradient(135deg,rgba(184,170,255,.16),rgba(107,227,255,.12));color:#a4e9f6}
.security-symbol svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.security-card-head strong,.security-card-head span{display:block}
.security-card-head strong{font-size:14px;color:#f4f7ff}
.security-card-head div>span{margin-top:3px;font-size:12px;line-height:1.5;color:#a7b5c9}
.security-card label{color:#dce5f3}
.security-card input{height:48px;border-radius:9px;margin:8px 0 18px}
.security-card .primary{min-height:46px;border-radius:9px;font-weight:700}
.security-status{margin:16px 0 0!important;padding:12px 14px;border:1px solid rgba(123,148,185,.19);border-radius:9px;background:rgba(5,10,19,.56);font-size:13px;line-height:1.55;color:#c9d7e9!important}
.security-status[data-state="success"]{color:#9cebd7!important;border-color:rgba(86,230,183,.3);background:rgba(19,83,70,.16)}
.security-status[data-state="error"]{color:#ffb4bb!important;border-color:rgba(255,130,147,.25);background:rgba(94,31,46,.15)}
.security-success{margin-top:16px}
.security-cta{display:flex!important;width:100%;gap:12px;justify-content:center;text-decoration:none!important}
.security-success p{margin:11px 0 0;text-align:center;font-size:12px;color:#a8b8cb}
.security-footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:18px 0;color:#8fdcf0;font-size:13px}
.security-footer a{color:#8fdcf0;font-weight:600;text-decoration:none}
.security-footer a:hover{text-decoration:underline}
@media(max-width:600px){.security-card{padding:22px}.security-flow{margin-top:34px}}