:root{--auth-primary:#299aac;--auth-dark:#287f96;--auth-accent:#58b9b2;--auth-ink:#172b4d;--auth-text:#42526e;--auth-muted:#718096;--auth-line:#dfe8ee;--auth-soft:#eaf7f8;--auth-bg:#f4f8fa;--auth-danger:#c43d4b}
*{box-sizing:border-box}html,body{min-height:100%}
body.siroco-auth{margin:0;color:var(--auth-text);font-family:Inter,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 12%,rgba(26,166,168,.1),transparent 28%),radial-gradient(circle at 90% 80%,rgba(48,86,163,.08),transparent 30%),var(--auth-bg);-webkit-font-smoothing:antialiased}
.siroco-auth .sr-page{min-height:100vh}.siroco-auth .sr-topbar{height:72px;padding:0 clamp(20px,7vw,110px);border-bottom:1px solid rgba(223,232,238,.85);background:rgba(255,255,255,.78);backdrop-filter:blur(16px)}
.siroco-auth .sr-logo-img{max-width:178px;max-height:48px}.siroco-auth .sr-language{display:inline-flex;gap:7px;align-items:center;padding:8px 11px;color:var(--auth-text);border:1px solid var(--auth-line);border-radius:9px;background:#fff;font-size:11px;font-weight:700}
.siroco-auth .sr-main{width:100%;max-width:1280px;margin:0 auto;padding:45px clamp(18px,5vw,70px);grid-template-columns:minmax(350px,470px) minmax(420px,620px);gap:clamp(45px,7vw,90px)}
.siroco-auth .sr-eyebrow{padding:6px 10px;margin-bottom:14px;color:var(--auth-primary);border:1px solid #d1eaec;border-radius:30px;background:var(--auth-soft);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.siroco-auth .sr-title{margin-bottom:8px;color:var(--auth-ink);font-size:clamp(25px,3vw,34px);font-weight:500;letter-spacing:-.65px}.siroco-auth .sr-subtitle{margin-bottom:24px;color:var(--auth-muted);font-size:13px;line-height:1.6}
.siroco-auth .sr-card{padding:26px;border:1px solid var(--auth-line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(23,43,77,.09)}.siroco-auth .sr-card:after{width:145px;height:145px;background:linear-gradient(135deg,rgba(8,127,140,.09),rgba(48,86,163,.06))}
.siroco-auth .sr-form-group{margin-bottom:15px}.siroco-auth .sr-label{margin-bottom:6px;color:#344563;font-size:11px;font-weight:800}.siroco-auth .sr-input,.siroco-auth .form-control.sr-input{height:44px;padding:9px 12px;border:1px solid #cad7df;border-radius:10px;font-size:13px;box-shadow:none!important}.siroco-auth .sr-input:focus,.siroco-auth .form-control.sr-input:focus{border-color:var(--auth-accent)!important;box-shadow:0 0 0 3px rgba(26,166,168,.12)!important}
.siroco-auth .sr-btn,.siroco-auth .btn.sr-btn{height:44px;border-radius:10px;font-size:13px;font-weight:800;background:linear-gradient(135deg,var(--auth-primary),var(--auth-accent))!important;box-shadow:0 9px 20px rgba(8,127,140,.2)!important}.siroco-auth .sr-btn:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(8,127,140,.26)!important}
.siroco-auth .sr-link{color:var(--auth-primary)!important;font-size:11px;font-weight:800}.siroco-auth .sr-check{font-size:11px}.siroco-auth .sr-row-between{margin-bottom:16px}
.siroco-auth .sr-product-card{padding:32px;border:1px solid rgba(255,255,255,.18);border-radius:22px;color:#fff;background:linear-gradient(145deg,#3d91aa 0%,#46a7b3 52%,#659dcc 100%);box-shadow:0 24px 65px rgba(62,145,171,.2)}.siroco-auth .sr-product-card:before{background:transparent;border:55px solid rgba(255,255,255,.06)}.siroco-auth .sr-product-mark{background:rgba(255,255,255,.16);box-shadow:none}.siroco-auth .sr-product-title{color:#fff;font-size:25px;font-weight:500}.siroco-auth .sr-product-text{color:rgba(255,255,255,.82);font-size:13px}.siroco-auth .sr-feature{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.12);font-size:11px}.siroco-auth .sr-feature i{color:#fff;background:rgba(255,255,255,.16)}.siroco-auth .sr-pulse-item{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.1)}.siroco-auth .sr-pulse-value{color:#fff}.siroco-auth .sr-pulse-label{color:rgba(255,255,255,.72)}
.siroco-auth .sr-error,.auth-alert{display:none;padding:10px 12px;margin-bottom:14px;color:var(--auth-danger);border:1px solid #f4c9ce;border-radius:9px;background:#fff2f3;font-size:11px}.siroco-auth .sr-footer{padding-bottom:18px;color:#8a97a6;font-size:10px}
.auth-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px}.auth-progress-step{display:flex;gap:7px;min-width:0;align-items:center;color:#93a0ae;font-size:9px;font-weight:800}.auth-progress-step:before{content:attr(data-step);display:flex;width:24px;height:24px;flex:0 0 24px;align-items:center;justify-content:center;border:1px solid var(--auth-line);border-radius:50%;background:#fff}.auth-progress-step.active{color:var(--auth-primary)}.auth-progress-step.active:before,.auth-progress-step.done:before{color:#fff;border-color:var(--auth-primary);background:var(--auth-primary)}.auth-progress-step.done:before{content:"✓"}
.auth-stage{display:none;animation:authUp .22s ease}.auth-stage.active{display:block}.auth-stage-icon{display:flex;width:46px;height:46px;margin-bottom:15px;align-items:center;justify-content:center;color:var(--auth-primary);border-radius:13px;background:var(--auth-soft);font-size:18px}.auth-stage h2{margin:0 0 5px;color:var(--auth-ink);font-size:19px;font-weight:800}.auth-stage>p{margin:0 0 19px;color:var(--auth-muted);font-size:11px;line-height:1.55}.auth-back{display:inline-flex;gap:6px;margin-top:16px;align-items:center;color:var(--auth-primary);font-size:11px;font-weight:800;text-decoration:none}.auth-code{font-size:19px!important;text-align:center;letter-spacing:7px;font-weight:800}.auth-timer{margin-top:13px;padding:9px;color:#8a5b00;border-radius:9px;background:#fff7df;text-align:center;font-size:10px}.password-wrap{position:relative}.password-wrap input{padding-inline-end:42px!important}.password-visibility{position:absolute;width:38px;inset-block:3px;inset-inline-end:3px;color:#718096;border:0;background:transparent}.auth-success{color:#14804a!important;border-color:#c7e8d5!important;background:#eefaf3!important}
@keyframes authUp{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.siroco-auth .sr-main{grid-template-columns:1fr;max-width:620px}.siroco-auth .sr-side{display:none}}
@media(max-width:575px){.siroco-auth .sr-main{padding:25px 15px}.siroco-auth .sr-card{padding:20px}.auth-progress-step span{display:none}}