@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f2f5;font-family:'Inter', sans-serif;padding:20px;position:relative;overflow:hidden}.auth-page::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle, rgba(108,92,231,0.08) 0%, transparent 70%);top:-150px;right:-150px;pointer-events:none}.auth-page::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle, rgba(99,102,241,0.06) 0%, transparent 70%);bottom:-120px;left:-120px;pointer-events:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.auth-container{width:100%;max-width:430px;position:relative;z-index:1;animation:fadeInUp 0.6s ease-out}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo-text{font-size:2.2rem;font-weight:700;color:#6c5ce7;letter-spacing:-0.5px}.auth-tagline{font-size:0.85rem;color:#6b7280;margin:4px 0 14px;font-weight:500;letter-spacing:0.3px}.auth-locations{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.auth-loc-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:0.72rem;font-weight:500;color:#4b5563;box-shadow:0 1px 2px rgba(0,0,0,0.04)}.auth-loc-badge i{font-size:0.68rem;color:#6c5ce7}.auth-card{background:#fff;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 10px 30px -5px rgba(0,0,0,0.08);padding:44px 40px}.auth-title{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin-bottom:6px;letter-spacing:-0.02em}.auth-subtitle{font-size:0.88rem;color:#6b7280;margin-bottom:32px}.auth-flash{animation:slideInDown 0.4s ease-out;margin-bottom:20px}.auth-flash .alert{display:flex;align-items:center;gap:10px;border-radius:12px;padding:13px 16px;font-size:0.85rem;font-weight:500;border:none}.auth-flash .alert-danger,.auth-flash .alert-warning{background:#fef2f2;color:#dc2626;border-left:3px solid #dc2626}.auth-flash .alert-success,.auth-flash .alert-notice{background:#f0fdf4;color:#16a34a;border-left:3px solid #16a34a}.auth-form-group{margin-bottom:22px}.auth-form-group label{display:block;font-size:0.8rem;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-wrapper .input-icon{position:absolute;left:15px;color:#9ca3af;font-size:0.95rem;pointer-events:none;transition:color 0.3s ease;z-index:2}.auth-input-wrapper input.form-control{width:100%;padding:13px 46px 13px 44px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:0.95rem;font-family:'Inter', sans-serif;color:#1f2937;background:#f9fafb;transition:all 0.3s ease}.auth-input-wrapper input.form-control:focus{outline:none;border-color:#6c5ce7;background:#fff;box-shadow:0 0 0 4px rgba(108,92,231,0.1)}.auth-input-wrapper input.form-control::placeholder{color:#9ca3af}.auth-input-wrapper .password-toggle{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;font-size:0.95rem;transition:color 0.3s ease;z-index:2}.auth-input-wrapper .password-toggle:hover{color:#6c5ce7}.auth-input-wrapper:focus-within .input-icon{color:#6c5ce7}.auth-forgot-link{display:block;text-align:right;margin-top:8px;font-size:0.8rem;color:#6c5ce7;text-decoration:none;font-weight:500;transition:color 0.3s ease}.auth-forgot-link:hover{color:#5b4ed4;text-decoration:underline}.auth-btn{width:100%;padding:14px;border:none;border-radius:12px;background:#6c5ce7;color:#fff;font-size:1rem;font-weight:600;font-family:'Inter', sans-serif;cursor:pointer;transition:all 0.3s ease;margin-top:10px}.auth-btn:hover{background:#5b4ed4;transform:translateY(-2px);box-shadow:0 8px 25px rgba(108,92,231,0.35)}.auth-btn:active{transform:translateY(0);box-shadow:0 4px 12px rgba(108,92,231,0.2)}.auth-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-btn i{margin-right:6px}.auth-footer{text-align:center;margin-top:28px;font-size:0.78rem;color:#9ca3af;display:flex;flex-direction:column;gap:4px}.auth-footer a{color:#6c5ce7;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.password-requirements{margin:16px 0;padding:16px;background:#f8f9fa;border-radius:10px}.password-requirements .req-item{display:flex;align-items:center;padding:4px 0;font-size:0.82rem;color:#999;transition:color 0.3s ease}.password-requirements .req-item i{width:20px;margin-right:8px;font-size:0.75rem;transition:all 0.3s ease}.password-requirements .req-item.valid{color:#28a745}.password-requirements .req-item.valid i{color:#28a745}.password-requirements .req-item.invalid{color:#999}.password-requirements .req-item.invalid i{color:#dc3545}.auth-page input:-webkit-autofill,.auth-page input:-webkit-autofill:hover,.auth-page input:-webkit-autofill:focus,.auth-page input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f9fafb inset !important;-webkit-text-fill-color:#1f2937 !important;font-family:'Inter', sans-serif !important}@media screen and (max-width: 480px){.auth-card{padding:32px 24px;border-radius:16px}.auth-logo-text{font-size:1.8rem}.auth-title{font-size:1.35rem}}@media screen and (max-width: 320px){.auth-card{padding:24px 18px}}
