.auth-container{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;left:0;margin:0;min-height:100vh;padding:20px;position:absolute;top:0}.auth-box,.auth-container{background:#fff;box-sizing:border-box;width:100%}.auth-box{border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.1);max-width:400px;padding:40px}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#667eea;font-size:1.8rem;margin:0 0 10px}.auth-header h2{color:#333;font-size:1.2rem;font-weight:400;margin:0}.auth-container .alert{border-radius:5px;font-size:.9rem;margin-bottom:20px;padding:12px 15px}.auth-container .alert-danger{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.auth-container .alert-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#059669}.auth-container .alert-warning{background-color:#fef3c7;border:1px solid #fde68a;color:#d97706}.auth-container .alert-info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#2563eb}.auth-container .form-group{margin-bottom:20px}.auth-container .form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.auth-container .form-control{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:border-color .2s,box-shadow .2s;width:100%}.auth-container .form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.auth-container .form-control::placeholder{color:#9ca3af}.auth-container .form-hint{color:#6b7280;display:block;font-size:.8rem;margin-top:6px}.auth-container .password-wrapper{position:relative}.auth-container .password-wrapper .form-control{padding-right:45px}.auth-container .password-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.auth-container .password-toggle:hover{color:#374151}.auth-container .btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s}.auth-container .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-container .btn-primary:hover{box-shadow:0 5px 15px rgba(102,126,234,.4);transform:translateY(-2px)}.auth-container .btn-submit{margin-top:10px;width:100%}.auth-footer{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px;text-align:center}.auth-footer a{color:#667eea;font-size:.9rem;text-decoration:none}.auth-footer a:hover{text-decoration:underline}