.secure-line-body{background:radial-gradient(circle at 68% 12%,var(--auth-accent-soft),transparent 34%),linear-gradient(135deg,var(--auth-bg),color-mix(in srgb,var(--auth-bg) 88%,var(--auth-accent) 12%))}
.secure-line-body:before{opacity:.16;background-image:linear-gradient(color-mix(in srgb,var(--auth-accent) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--auth-accent) 16%,transparent) 1px,transparent 1px)}
.secure-line-brand{top:clamp(24px,4vh,43px)}
.security-console{padding:96px 32px 34px}
.security-console-main{grid-template-columns:310px minmax(0,1fr);width:min(1240px,calc(100vw - 64px));height:auto;min-height:590px;max-height:none;border-width:1px;border-color:color-mix(in srgb,var(--auth-accent) 34%,var(--auth-line));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--auth-panel2) 82%,var(--auth-panel)),var(--auth-panel));box-shadow:0 28px 80px color-mix(in srgb,var(--auth-bg) 42%,transparent),0 0 0 1px color-mix(in srgb,var(--auth-accent) 8%,transparent);animation:securityExecutiveIn .7s cubic-bezier(.2,.8,.2,1) both}
.security-shield{overflow:hidden;border-color:var(--auth-line);background:radial-gradient(circle at 50% 35%,var(--auth-accent-soft),transparent 45%),linear-gradient(165deg,color-mix(in srgb,var(--auth-panel) 94%,var(--auth-accent) 6%),var(--auth-panel2))}
.security-shield:before{width:185px;height:220px;border:1px solid color-mix(in srgb,var(--auth-accent) 17%,transparent);border-radius:48% 48% 42% 42%;transform:none;clip-path:polygon(50% 0,100% 18%,92% 72%,50% 100%,8% 72%,0 18%);animation:securityExecutiveHalo 4s ease-in-out infinite}
.security-shield:after{width:155px;height:188px;border-color:color-mix(in srgb,var(--auth-accent) 13%,transparent);border-radius:48% 48% 42% 42%;transform:none;clip-path:polygon(50% 0,100% 18%,92% 72%,50% 100%,8% 72%,0 18%);animation:none}
.security-shield>i{width:150px;transform:translateY(40px);background:var(--auth-accent);opacity:.11}
.security-shield .security-shield-icon{width:132px;transform:translateY(-54px);fill:color-mix(in srgb,var(--auth-accent) 24%,var(--auth-panel));stroke:var(--auth-accent);animation:securityShieldFloat 3.6s ease-in-out infinite,securityShieldGlow 2.4s ease-in-out infinite}
.security-building{position:absolute;z-index:3;left:22px;right:22px;bottom:30px;width:calc(100% - 44px);height:auto;fill:none;stroke:color-mix(in srgb,var(--auth-accent) 36%,var(--auth-line));stroke-width:1.4;filter:none;animation:none}
.security-building .security-building-fill{fill:color-mix(in srgb,var(--auth-accent) 5%,transparent);stroke:none}
.security-validation{padding:38px 40px 28px}
.security-title>span{width:48px;height:48px;border:1px solid color-mix(in srgb,var(--auth-accent) 22%,var(--auth-line));border-radius:50%;box-shadow:0 7px 22px var(--auth-glow)}
.security-title h1{font-size:27px;letter-spacing:-.025em}.security-title p{font-size:13px}
.security-steps{margin:34px 0 25px}.security-steps:before{height:2px;top:22px;box-shadow:none}.security-steps article>span{width:46px;height:46px;margin-bottom:9px;background:var(--auth-panel);box-shadow:0 0 0 6px var(--auth-panel)}.security-steps article.done>span{box-shadow:0 0 0 6px var(--auth-panel),0 0 18px color-mix(in srgb,var(--auth-green) 23%,transparent)}.security-steps article b{font-size:12px}.security-steps article small{font-size:10px}
.security-progress-box{padding:9px 69px 9px 10px;border-radius:99px;background:var(--auth-panel2);animation:none}.security-progress-box .secure-progress{height:13px;border-color:color-mix(in srgb,var(--auth-accent) 30%,var(--auth-line));background:color-mix(in srgb,var(--auth-bg) 88%,#07101b)}.security-progress-box>strong{right:18px;font-size:16px}
.security-mini-status{gap:9px;margin-top:17px}.security-mini-status article{min-height:48px;padding:8px;border-radius:11px;background:var(--auth-panel2);box-shadow:0 5px 14px color-mix(in srgb,var(--auth-bg) 17%,transparent);animation:none}.security-mini-status b{font-size:9px}
.security-current{--secure-progress:0;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;justify-content:stretch;gap:19px;margin-top:20px;padding:18px;border:1px solid color-mix(in srgb,var(--auth-accent) 25%,var(--auth-line));border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--auth-accent-soft) 50%,var(--auth-panel2)),var(--auth-panel));text-align:left;animation:none;box-shadow:inset 0 1px color-mix(in srgb,var(--auth-text) 5%,transparent)}
.security-current-visual{display:grid;justify-items:center;gap:8px}
.security-current-ring{display:grid;place-items:center;width:82px;height:82px;margin:auto;border-radius:50%;background:conic-gradient(var(--auth-accent) calc(var(--secure-progress) * 1%),color-mix(in srgb,var(--auth-accent) 12%,var(--auth-panel2)) 0);box-shadow:0 8px 22px var(--auth-glow);transition:background .25s ease}
.security-current-ring>span{display:grid;place-items:center;width:66px;height:66px;border:1px solid color-mix(in srgb,var(--auth-accent) 20%,var(--auth-line));border-radius:50%;background:var(--auth-panel)}.security-current-ring b{color:var(--auth-accent);font-size:22px}
.security-animated-lock{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--auth-accent) 35%,var(--auth-line));border-radius:11px;background:var(--auth-panel);color:var(--auth-accent);box-shadow:0 5px 16px var(--auth-glow);animation:securityLockFloat 2.2s ease-in-out infinite}
.security-animated-lock svg{position:relative;z-index:2;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:securityLockPulse 1.6s ease-in-out infinite}
.security-animated-lock i{position:absolute;inset:-5px;border:1px solid color-mix(in srgb,var(--auth-accent) 48%,transparent);border-radius:14px;animation:securityLockSignal 1.8s ease-out infinite}
.security-current-content{min-width:0;padding-left:18px;border-left:1px solid var(--auth-line)}.security-current-content>p{margin:0}.security-current-content>p b{color:var(--auth-text);font-size:15px}.security-current-content>p small{margin-top:3px;color:var(--auth-muted);font-size:10px}
.security-scan-line{position:relative;height:2px;margin:10px 0 12px;overflow:visible;background:linear-gradient(90deg,var(--auth-accent),color-mix(in srgb,var(--auth-accent) 16%,transparent))}.security-scan-line i{position:absolute;top:-2px;width:42px;height:6px;border-radius:50%;background:var(--auth-accent);filter:blur(2px);box-shadow:0 0 12px var(--auth-accent);animation:securityExecutiveScan 2.5s ease-in-out infinite}
.security-trust-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.security-trust-badges article{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 9px;border:1px solid var(--auth-line);border-radius:9px;background:var(--auth-panel2);color:var(--auth-muted);transition:.25s}.security-trust-badges span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--auth-accent-soft);color:var(--auth-accent);font-size:10px}.security-trust-badges b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.security-trust-badges article.done{border-color:color-mix(in srgb,var(--auth-green) 34%,var(--auth-line));color:var(--auth-text)}.security-trust-badges article.done span{background:color-mix(in srgb,var(--auth-green) 13%,transparent);color:var(--auth-green)}
.security-trust-footer{display:flex;align-items:center;gap:6px;margin-top:11px;color:var(--auth-green);font-size:9px}.security-trust-footer span{font-size:10px}.security-trust-footer i{font-style:normal}.security-trust-footer small{color:color-mix(in srgb,var(--auth-green) 74%,var(--auth-muted))}
.security-console.failed .security-current{border-color:color-mix(in srgb,#ff5268 50%,var(--auth-line))}.security-console.failed .security-current-ring{background:conic-gradient(#ff5268 3%,color-mix(in srgb,#ff5268 10%,var(--auth-panel2)) 0)}
@keyframes securityExecutiveIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes securityExecutiveScan{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 42px);opacity:0}}@keyframes securityExecutiveHalo{50%{transform:scale(1.035);opacity:.72}}@keyframes securityLockFloat{50%{transform:translateY(-3px);box-shadow:0 8px 22px var(--auth-glow)}}@keyframes securityLockPulse{50%{transform:scale(1.1);filter:drop-shadow(0 0 5px var(--auth-accent))}}@keyframes securityLockSignal{0%{transform:scale(.78);opacity:.85}100%{transform:scale(1.28);opacity:0}}
@media(max-width:900px){.security-console{padding:90px 18px 28px}.security-console-main{grid-template-columns:1fr;width:100%;min-height:0}.security-shield{min-height:190px}.security-shield .security-shield-icon{width:92px;transform:none}.security-building{display:none}.security-validation{padding:28px 22px}}
@media(max-width:620px){.security-current{grid-template-columns:1fr;padding:14px}.security-current-ring{width:72px;height:72px}.security-current-ring>span{width:58px;height:58px}.security-current-content{padding:13px 0 0;border-left:0;border-top:1px solid var(--auth-line)}.security-trust-badges{grid-template-columns:1fr}.security-steps{grid-template-columns:repeat(2,1fr)}.security-steps:before{display:none}}
@media(max-height:760px) and (min-width:901px){.secure-line-brand{top:16px}.security-console{padding:68px 28px 16px}.security-console-main{min-height:500px}.security-validation{padding:25px 34px 18px}.security-steps{margin:20px 0 14px}.security-mini-status{margin-top:10px}.security-current{margin-top:12px;padding:12px}.security-current-ring{width:68px;height:68px}.security-current-ring>span{width:55px;height:55px}.security-current-ring b{font-size:18px}.security-shield .security-shield-icon{transform:translateY(-38px)}}
@media(prefers-reduced-motion:reduce){.security-console-main,.security-shield:before,.security-scan-line i,.security-animated-lock,.security-animated-lock svg,.security-animated-lock i{animation:none!important}}

