.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 50%, #f0f4f7 100%);padding:40px 20px;position:relative;overflow:hidden}.auth-page::before{content:"";position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle, rgba(45, 111, 113, 0.06) 0%, transparent 70%);border-radius:50%;pointer-events:none}.auth-page::after{content:"";position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;background:radial-gradient(circle, rgba(45, 111, 113, 0.04) 0%, transparent 70%);border-radius:50%;pointer-events:none}@media(max-width: 480px){.auth-page{padding:0;background:#fff;align-items:flex-start}.auth-page::before,.auth-page::after{display:none}}.auth-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.1);width:100%;max-width:440px;padding:48px 40px;position:relative;z-index:1;animation:slideUp .5s ease-out}@media(max-width: 480px){.auth-card{padding:40px 24px;border-radius:0;box-shadow:none;max-width:100%;margin:0;min-height:100vh}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo a{display:inline-block;transition:transform .2s ease}.auth-logo a:hover{transform:scale(1.02)}.auth-logo img{height:36px;width:auto}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:26px;font-weight:700;color:#1a1a2e;margin:0 0 8px 0;letter-spacing:-0.02em}.auth-header p{font-size:15px;color:#6b7280;margin:0;line-height:1.5}.auth-social{display:flex;gap:12px;margin-bottom:24px}@media(max-width: 400px){.auth-social{flex-direction:column}}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;color:#1a1a2e;text-decoration:none;transition:all .2s ease;cursor:pointer}.social-btn:hover{border-color:hsl(220,13.0434782609%,80.9803921569%);background:#f8fafc;transform:translateY(-1px);box-shadow:0 1px 2px rgba(0,0,0,.04)}.social-btn:active{transform:translateY(0)}.social-btn img{width:20px;height:20px;object-fit:contain}.social-btn span{white-space:nowrap}.social-btn.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:16px;margin-bottom:24px}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-divider span{font-size:13px;color:#9ca3af;font-weight:500;text-transform:lowercase}.auth-form{margin-bottom:24px}.auth-input-group{margin-bottom:16px}.auth-input-group:last-of-type{margin-bottom:0}.auth-label{display:block;font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:6px}.auth-input{width:100%;padding:14px 16px;font-size:15px;color:#1a1a2e;background:#f8fafc;border:1.5px solid rgba(0,0,0,0);border-radius:12px;transition:all .2s ease;outline:none}.auth-input::placeholder{color:#9ca3af}.auth-input:hover{background:rgb(240.86,244.9,248.94)}.auth-input:focus{background:#fff;border-color:#2d6f71;box-shadow:0 0 0 3px rgba(45,111,113,.1)}.auth-password-wrapper{position:relative}.auth-password-wrapper .auth-input{padding-right:48px}.auth-password-wrapper .password-toggle-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;transition:color .2s ease}.auth-password-wrapper .password-toggle-btn:hover{color:#6b7280}.auth-password-wrapper .password-toggle-btn .material-symbols-outlined{font-size:20px}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width: 400px){.auth-row{grid-template-columns:1fr}}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:20px 0;flex-wrap:wrap;gap:12px}.auth-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#2d6f71;cursor:pointer}.auth-checkbox label{font-size:14px;color:#6b7280;cursor:pointer;user-select:none}.auth-link{font-size:14px;color:#2d6f71;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link:hover{color:rgb(30.4746835443,75.1708860759,76.5253164557);text-decoration:underline}.auth-submit{width:100%;padding:14px 24px;font-size:15px;font-weight:600;color:#fff;background:#2d6f71;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-submit:hover:not(:disabled){background:rgb(33.3797468354,82.3367088608,83.8202531646);transform:translateY(-1px);box-shadow:0 4px 12px rgba(45,111,113,.3)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit .spinner-border{width:18px;height:18px;border-width:2px}.auth-terms{text-align:center;margin:24px 0 0 0}.auth-terms p{font-size:13px;color:#9ca3af;line-height:1.6;margin:0}.auth-terms a{color:#2d6f71;text-decoration:none;font-weight:500}.auth-terms a:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.auth-footer p{font-size:14px;color:#6b7280;margin:0}.auth-footer a{color:#2d6f71;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-alert{padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:14px}.auth-alert.alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.auth-alert.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.auth-alert ul{margin:0;padding:0;list-style:none}.auth-resend{text-align:center;margin-bottom:20px}.auth-resend p{font-size:13px;color:#9ca3af;margin:0}.auth-resend a{color:#2d6f71;text-decoration:none;font-weight:500}.auth-resend a:hover{text-decoration:underline}.auth-modal .modal-content{border-radius:20px;border:none;box-shadow:0 10px 40px rgba(0,0,0,.1)}.auth-modal .modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.auth-modal .modal-header .modal-title{font-size:18px;font-weight:600;color:#1a1a2e}.auth-modal .modal-header .btn-close{opacity:.5}.auth-modal .modal-header .btn-close:hover{opacity:1}.auth-modal .modal-body{padding:24px}.auth-modal .modal-body p{color:#6b7280;margin-bottom:16px}.auth-modal .modal-footer{border-top:1px solid #e5e7eb;padding:16px 24px;gap:12px}.auth-modal .modal-footer .btn{border-radius:8px;padding:10px 20px;font-weight:500}/*# sourceMappingURL=auth.css.map */