.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:960px;display:grid;grid-template-columns:1fr 1fr;min-height:560px}.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:120px;color:#ffffff0f}.auth-visual-content{position:relative;z-index:2}.auth-visual-tag{display:inline-block;background:var(--primary, #0099cc);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:36px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:14px}.auth-visual-title span{color:var(--primary, #0099cc)}.auth-visual-desc{font-size:14px;color:#fff9;line-height:1.7}.auth-dots{display:flex;gap:6px;margin-top:24px}.auth-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.auth-dot.active{background:var(--primary, #0099cc);width:24px;border-radius:4px}.auth-form-wrap{padding:50px 44px;display:flex;flex-direction:column;justify-content:center}.auth-form-title{font-family:Oswald,sans-serif;font-size:28px;font-weight:700;color:#111;margin-bottom:6px}.auth-form-subtitle{font-size:14px;color:#888;margin-bottom:32px}.auth-form-subtitle a{color:var(--primary, #0099cc);text-decoration:none;font-weight:600}.auth-form-subtitle a:hover{text-decoration:underline}.alert-error{background:#fff5f5;border-left:3px solid #e63027;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:13px;color:#c0392b}.alert-success-msg{background:#f0fff4;border-left:3px solid #27ae60;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:13px;color:#1e8449}.form-group{margin-bottom:18px;position:relative}.form-group label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:7px}.form-input-wrap{position:relative}.form-input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#bbb;font-size:14px;transition:color .2s}.pwd-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;color:#bbb;font-size:15px;line-height:1;transition:color .2s}.pwd-toggle:hover{color:var(--primary, #0099cc)}.form-input{width:100%;padding:13px 42px;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:focus{background:#fff;border-color:var(--primary, #0099cc)}.form-input:focus+i,.form-input-wrap:focus-within i{color:var(--primary, #0099cc)}.form-input-wrap:focus-within .pwd-toggle{color:var(--primary, #0099cc)}.form-input.is-invalid{border-color:#e63027;background:#fff}.invalid-feedback{color:#e63027;font-size:12px;margin-top:5px;display:block}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:8px}.check-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;cursor:pointer}.check-label input{width:16px;height:16px;accent-color:var(--primary, #0099cc)}.forgot-link{font-size:13px;color:var(--primary, #0099cc);text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.btn-auth{width:100%;padding:15px;background:var(--primary, #0099cc);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;transition:filter .2s,transform .1s}.btn-auth:hover{filter:brightness(.88)}.btn-auth:active{transform:scale(.99)}.auth-separator{display:flex;align-items:center;gap:12px;margin:20px 0;color:#ccc;font-size:12px}.auth-separator:before,.auth-separator:after{content:"";flex:1;height:1px;background:#eee}.auth-register-link{text-align:center;font-size:14px;color:#777;margin-top:16px}.auth-register-link a{color:var(--primary, #0099cc);font-weight:700;text-decoration:none}.auth-register-link a:hover{text-decoration:underline}@media (max-width: 768px){.auth-card{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{padding:36px 24px}}