.auth-page-inner{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:#f4f6f9;padding:10px 1rem}.auth-container{width:100%;max-width:400px;padding:0}.auth-card{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000001f;overflow:hidden;animation:slideUp .35s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{background:linear-gradient(135deg,#ff6b35,#004e89);padding:16px 24px 14px;text-align:center;color:#fff;display:flex;align-items:center;gap:12px}.auth-header .logo{width:38px;height:38px;background:#ffffff38;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.auth-header-text{text-align:left}.auth-header h1{margin:0 0 2px;font-size:17px;font-weight:700;color:#fff;line-height:1.2}.auth-header p{margin:0;opacity:.88;font-size:11.5px}.auth-body{padding:16px 20px 12px}.form-group{margin-bottom:11px}.form-label{display:block;margin-bottom:4px;font-weight:600;color:#333;font-size:12px}.form-label .required{color:#e74c3c}.form-control{width:100%;padding:7px 12px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background:#fafafa}.form-control:focus{outline:none;border-color:#ff6b35;background:#fff;box-shadow:0 0 0 3px #ff6b351a}.form-control.is-invalid{border-color:#e74c3c}.input-group{position:relative}.input-group .form-control{padding-left:36px}.input-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#bbb;font-size:13px;pointer-events:none}.invalid-feedback{color:#e74c3c;font-size:11px;margin-top:3px;display:block}.btn{padding:9px 24px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#ff6b35,#e55a27);color:#fff;width:100%;box-shadow:0 3px 10px #ff6b3540}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#e55a27,#c94d1e);box-shadow:0 6px 18px #ff6b3561;transform:translateY(-1px)}.form-check{display:flex;align-items:center;margin-bottom:10px}.form-check-input{width:15px;height:15px;margin-right:6px;cursor:pointer;accent-color:#FF6B35}.form-check-label{font-size:12.5px;color:#666;cursor:pointer}.auth-footer{text-align:center;padding:10px 20px 14px;border-top:1px solid #f0f0f0}.auth-footer a{color:#ff6b35;text-decoration:none;font-weight:600;transition:color .2s}.auth-footer a:hover{color:#c94d1e}.auth-footer p{margin:0}.alert{padding:8px 12px;border-radius:7px;margin-bottom:10px;font-size:12.5px}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.text-muted{color:#999;font-size:12px}.text-center{text-align:center}.mt-3{margin-top:10px}.mb-3{margin-bottom:10px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#bbb;font-size:13px}.password-toggle:hover{color:#ff6b35}.captcha-row{display:flex;align-items:center;gap:10px}.captcha-question{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff6b3514,#004e8914);border:1.5px solid rgba(255,107,53,.25);border-radius:7px;padding:6px 14px;font-size:15px;font-weight:700;color:#1a1a2e;white-space:nowrap;flex-shrink:0}.captcha-question i{color:#ff6b35;font-size:13px}.captcha-input{flex:1;min-width:0}.role-selection{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0}.role-option{position:relative}.role-option input[type=radio]{position:absolute;opacity:0}.role-label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid #e0e0e0;border-radius:7px;cursor:pointer;transition:all .2s;background:#fafafa}.role-label i{font-size:16px;color:#ff6b35;flex-shrink:0}.role-label span{font-weight:600;color:#333;font-size:12.5px}.role-option input[type=radio]:checked+.role-label{border-color:#ff6b35;background:#ff6b3512}@media (max-width: 480px){.auth-container{max-width:100%}.auth-body{padding:14px 14px 10px}.role-selection{grid-template-columns:1fr}}