:root{--primary: #0099cc;--red: #e63027;--orange: #e67e22;--green: #27ae60;--muted: #888}.auth-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#f4f6f8,#e8edf2)}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001f;overflow:hidden;width:100%;max-width:1000px;display:grid;grid-template-columns:1fr 1.4fr}.auth-visual{background:linear-gradient(160deg,#0a1628,#1a2f50,#0d2137);position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;overflow:hidden}.auth-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(0,153,204,.15) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(230,48,39,.1) 0%,transparent 50%)}.auth-car-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:110px;color:#ffffff0d}.auth-visual-content{position:relative;z-index:2}.auth-visual-tag{display:inline-block;background:var(--primary);color:#fff;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;padding:6px 14px;border-radius:2px;margin-bottom:16px}.auth-visual-title{font-family:Oswald,sans-serif;font-size:32px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:14px}.auth-visual-title span{color:var(--primary)}.auth-visual-desc{font-size:13px;color:#ffffff8c;line-height:1.7;margin-bottom:24px}.auth-benefits{display:flex;flex-direction:column;gap:12px}.auth-benefit{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffb3}.auth-benefit i{width:28px;height:28px;background:#09c3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:12px;flex-shrink:0}.auth-form-wrap{padding:44px;display:flex;flex-direction:column;justify-content:center}.auth-form-title{font-family:Oswald,sans-serif;font-size:26px;font-weight:700;color:#111;margin-bottom:4px}.auth-form-subtitle{font-size:14px;color:var(--muted);margin-bottom:28px}.auth-form-subtitle a,.auth-login-link a{color:var(--primary);font-weight:700;text-decoration:none}.auth-form-subtitle a:hover,.auth-login-link a:hover{text-decoration:underline}.alert-error{background:#fff5f5;border-left:3px solid var(--red);padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:13px;color:#c0392b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:6px}.form-input-wrap{position:relative;display:flex;align-items:center}.form-input-wrap>i{position:absolute;left:13px;color:#bbb;font-size:13px;pointer-events:none;transition:color .2s;z-index:1}.form-input{width:100%;padding:12px 14px 12px 38px;background:#f7f8fa;border:2px solid transparent;border-radius:8px;font-size:14px;color:#333;font-family:Roboto,sans-serif;outline:none;transition:border-color .2s,background .2s}.form-input.has-toggle{padding-right:42px}.form-input:focus{background:#fff;border-color:var(--primary)}.form-input-wrap:focus-within>i{color:var(--primary)}.form-input.is-invalid{border-color:var(--red);background:#fff}.invalid-feedback{color:var(--red);font-size:12px;margin-top:4px;display:block}.pwd-toggle{position:absolute;right:12px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:4px;line-height:1;display:flex;align-items:center;transition:color .15s;z-index:1}.pwd-toggle:hover{color:var(--primary)}.password-strength{height:3px;border-radius:2px;background:#eee;margin-top:6px;overflow:hidden}.password-strength-bar{height:100%;width:0%;border-radius:2px;transition:width .3s,background .3s}.pwd-hint{font-size:11px;color:var(--muted);margin-top:5px}.btn-auth{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s,transform .1s}.btn-auth:hover{filter:brightness(.88)}.btn-auth:active{transform:scale(.99)}.auth-login-link{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}@media (max-width: 768px){.auth-card{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{padding:32px 20px}.form-row{grid-template-columns:1fr}}