/* Mazdurr — auth.css */
.auth-page{min-height:100vh;background:var(--cream)}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.auth-left{background:var(--navy);border-right:1px solid rgba(200,241,53,0.1);padding:40px 48px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.auth-left::before{content:'';position:absolute;top:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(200,241,53,0.07) 0%,transparent 70%);pointer-events:none}
.auth-left-content{flex:1;display:flex;flex-direction:column;justify-content:center}
.auth-left h1{font-family:'Syne',sans-serif;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:16px}
.auth-left h1 em{color:var(--saffron);font-style:normal}
.auth-left .auth-left-content>p{font-size:16px;color:rgba(255,255,255,0.5);line-height:1.75;margin-bottom:32px}
.auth-perks{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}
.auth-perk{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,0.7)}
.auth-perk i{color:var(--saffron);font-size:17px;flex-shrink:0}
.auth-trust{display:flex;align-items:center;gap:24px}
.at-num{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:var(--saffron)}
.at-label{font-size:12px;color:rgba(255,255,255,0.38)}
.at-div{width:1px;height:36px;background:rgba(255,255,255,0.08)}
.auth-right{display:flex;align-items:center;justify-content:center;padding:40px 32px;overflow-y:auto}
.auth-form-wrap{width:100%;max-width:440px}
.reg-progress{display:flex;align-items:center;margin-bottom:36px}
.rp-step{display:flex;flex-direction:column;align-items:center;gap:6px}
.rp-dot{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted);transition:var(--t)}
.rp-step.active .rp-dot{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px rgba(200,241,53,0.1)}
.rp-step.done .rp-dot{background:var(--saffron);border-color:var(--accent);color:var(--ink)}
.rp-label{font-size:11px;color:var(--muted);white-space:nowrap}
.rp-step.active .rp-label,.rp-step.done .rp-label{color:rgba(255,255,255,0.8)}
.rp-line{flex:1;height:2px;background:rgba(255,255,255,0.07);margin:0 8px;margin-bottom:18px;transition:var(--t)}
.rp-line.done{background:var(--saffron)}
.auth-head{margin-bottom:24px}
.auth-head h2{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;letter-spacing:-0.5px;margin-bottom:6px}
.auth-head p{font-size:14px;color:var(--muted)}
.auth-head p a{color:var(--accent);font-weight:500}
.auth-head p a:hover{text-decoration:underline}
.sso-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.sso-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid rgba(255,255,255,0.1);border-radius:var(--r-sm);padding:11px 16px;font-size:13px;color:rgba(255,255,255,0.8);font-weight:500;cursor:pointer;transition:var(--t)}
.sso-btn:hover{background:var(--cream2);color:var(--ink)}
.sso-btn i{font-size:18px}
.or-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted2);font-size:12px}
.or-divider::before,.or-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.07)}
.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.type-card{background:#fff;border:2px solid rgba(255,255,255,0.08);border-radius:var(--r-md);padding:18px 14px;cursor:pointer;transition:var(--t);text-align:center}
.type-card:hover{background:var(--cream2);border-color:var(--form-accent)}
.type-card.selected-hw{border-color:var(--form-accent);background:rgba(245,130,31,0.07)}
.type-card.selected-tr{border-color:var(--teal);background:rgba(29,158,117,0.07)}
.type-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 12px}
.type-icon.hw{background:rgba(200,241,53,0.12);color:var(--accent)}
.type-icon.tr{background:rgba(29,158,117,0.12);color:var(--teal)}
.type-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px}
.type-sub{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:10px}
.type-pill{display:inline-block;background:rgba(200,241,53,0.1);color:var(--accent);font-size:10px;font-weight:700;letter-spacing:0.3px;padding:2px 8px;border-radius:100px;text-transform:uppercase}
.type-pill.tr-pill{background:rgba(29,158,117,0.1);color:var(--teal)}
.phone-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--muted);border-right:1px solid var(--border);padding-right:10px;pointer-events:none}
.pwd-strength{margin-top:8px}
.ps-bar{height:4px;background:rgba(255,255,255,0.07);border-radius:2px;overflow:hidden;margin-bottom:4px}
.ps-fill{height:100%;border-radius:2px;transition:var(--t)}
.ps-label{font-size:11px}
.btn-full-inline{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--form-accent);color:#fff;border:none;padding:13px;border-radius:var(--r-sm);font-family:'Syne',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:var(--t)}
.btn-full-inline:hover{background:var(--form-accent2)}
.btn-back-step{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,0.1);color:var(--muted);padding:13px 18px;border-radius:var(--r-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--t)}
.btn-back-step:hover{color:#fff;border-color:rgba(255,255,255,0.25)}
.step-btns{display:flex;gap:10px;align-items:center}
.verify-icon{width:64px;height:64px;border-radius:50%;background:rgba(200,241,53,0.1);color:var(--accent);font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.otp-row{display:flex;gap:8px;justify-content:center;margin-top:24px}
.otp-input{width:48px;height:56px;background:#fff;border:1.5px solid var(--border);border-radius:var(--r-sm);text-align:center;font-size:22px;font-weight:700;color:var(--ink);outline:none;transition:var(--t)}
.otp-input:focus{border-color:var(--accent);background:rgba(200,241,53,0.05)}
.auth-terms{font-size:12px;color:var(--muted2);text-align:center;margin-top:16px;line-height:1.6}
.auth-terms a{color:var(--muted);text-decoration:underline}
.reg-step{animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.pwd-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:32px 20px;align-items:flex-start;min-height:100vh}.auth-form-wrap{max-width:100%}}
@media(max-width:500px){.sso-row{grid-template-columns:1fr}.type-grid{grid-template-columns:1fr}}