:root{--auth-primary:#635bff;--auth-primary-dark:#4f46e5;--auth-ink:#101828;--auth-muted:#667085;--auth-line:#dfe3eb}
.cs-auth-page{min-height:calc(100vh - 72px);padding:64px 20px 80px;background:radial-gradient(circle at 12% 10%,rgba(99,91,255,.12),transparent 28%),linear-gradient(180deg,#f8f9ff,#f5f7fb)}
.cs-auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr);width:min(1040px,100%);margin:auto;overflow:hidden;border:1px solid var(--auth-line);border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(16,24,40,.12)}
.cs-auth-intro{position:relative;display:flex;min-height:590px;flex-direction:column;justify-content:space-between;padding:54px;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(34,211,238,.24),transparent 27%),linear-gradient(145deg,#312e81,#635bff 62%,#7c3aed);color:#fff}
.cs-auth-intro:after{content:"";position:absolute;width:330px;height:330px;right:-160px;bottom:-170px;border:54px solid rgba(255,255,255,.09);border-radius:50%}
.cs-auth-brand{position:relative;z-index:1}.cs-auth-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2))}
.cs-auth-brand h1{max-width:510px;margin:28px 0 16px;font-size:clamp(34px,4.5vw,54px);line-height:1.08;letter-spacing:-1.8px}.cs-auth-brand p{max-width:490px;margin:0;color:#e0e7ff;font-size:16px;line-height:1.8}
.cs-auth-benefits{position:relative;z-index:1;display:grid;gap:13px;margin:38px 0 0;padding:0;list-style:none}.cs-auth-benefits li{display:flex;align-items:center;gap:10px;color:#eef2ff;font-size:14px}.cs-auth-benefits li:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.14);color:#67e8f9;font-weight:900}
.cs-auth-trust{position:relative;z-index:1;margin-top:44px;color:#c7d2fe;font-size:12px;letter-spacing:.3px}
.cs-auth-panel{display:flex;align-items:center;padding:50px 46px}.cs-auth-card{width:100%}.cs-auth-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f0efff;color:var(--auth-primary);font-size:12px;font-weight:800}.cs-auth-card h2{margin:18px 0 8px;color:var(--auth-ink);font-size:30px;letter-spacing:-.8px}.cs-auth-lead{margin:0 0 30px;color:var(--auth-muted);font-size:14px;line-height:1.7}
.cs-auth-card .form-group{margin-bottom:18px}.cs-auth-card .form-label{display:block;margin-bottom:8px;color:#344054;font-size:13px;font-weight:750}.cs-auth-card .form-label span{margin-right:3px;color:#ef4444}.cs-auth-card .form-control{width:100%;height:50px;padding:0 14px;border:1px solid #d0d5dd!important;border-radius:11px!important;background:#fff!important;color:#101828;font-size:15px;transition:.2s}.cs-auth-card .form-control::placeholder{color:#98a2b3}.cs-auth-card .form-control:focus{border-color:var(--auth-primary)!important;box-shadow:0 0 0 4px rgba(99,91,255,.1)!important;outline:0}
.cs-auth-card .checkbox-wrapper{display:flex;align-items:center;margin:8px 0 24px;color:var(--auth-muted);font-size:13px;cursor:pointer}.cs-auth-card .checkbox-wrapper input{width:17px;height:17px;margin:0 8px 0 0;accent-color:var(--auth-primary)}.cs-auth-card .checkbox-wrapper small{margin-left:5px;color:#98a2b3}
.cs-auth-card .btn-login,.cs-auth-card .btn-reg{width:100%;height:52px;margin-top:4px;border:0;border-radius:11px!important;background:linear-gradient(135deg,var(--auth-primary),var(--auth-primary-dark))!important;color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(99,91,255,.24);transition:.2s}.cs-auth-card .btn-login:hover,.cs-auth-card .btn-reg:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(99,91,255,.3)}
.cs-auth-card .footer-links{margin-top:24px;color:var(--auth-muted);text-align:center;font-size:14px}.cs-auth-card .footer-links a{color:var(--auth-primary);font-weight:750;text-decoration:none}.cs-auth-card .footer-links a:hover{text-decoration:underline}.cs-auth-terms{margin:16px 0 0;color:#98a2b3;text-align:center;font-size:11px;line-height:1.6}
@media(max-width:840px){.cs-auth-page{padding:28px 16px 55px}.cs-auth-shell{grid-template-columns:1fr;max-width:520px}.cs-auth-intro{min-height:auto;padding:38px 32px}.cs-auth-brand h1{font-size:36px}.cs-auth-benefits{grid-template-columns:1fr 1fr}.cs-auth-trust{margin-top:30px}.cs-auth-panel{padding:38px 32px}}
@media(max-width:520px){.cs-auth-page{padding:16px 12px 42px}.cs-auth-shell{border-radius:18px}.cs-auth-intro{padding:30px 24px}.cs-auth-brand img{width:48px;height:48px}.cs-auth-brand h1{margin-top:20px;font-size:30px}.cs-auth-brand p{font-size:14px}.cs-auth-benefits{grid-template-columns:1fr;gap:9px}.cs-auth-panel{padding:32px 22px}.cs-auth-card h2{font-size:26px}}
