.auth-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:#f0f2f8;background-image:radial-gradient(circle at center,#e2e8f7 0,#f0f2f8 100%)}.dark .auth-page-wrapper{background-color:#0b1120;background-image:radial-gradient(circle at center,#1e293b 0,#0b1120 100%)}.auth-card{width:100%;max-width:420px;padding:2.25rem 2rem;border-radius:1rem;display:flex;flex-direction:column;gap:0;background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 32px rgba(0,0,0,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .auth-card{background:rgba(25,30,45,.75);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 30px rgba(255,200,80,.08)}.auth-logo{gap:.75rem;margin-bottom:1.75rem}.auth-logo,.auth-logo-icon{display:flex;align-items:center;justify-content:center}.auth-logo-icon{width:2.75rem;height:2.75rem;border-radius:50%;overflow:hidden;background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.35)}.dark .auth-logo-icon{background:rgba(234,179,8,.08);border-color:rgba(234,179,8,.3)}.auth-logo-icon img{width:1.75rem;height:1.75rem;object-fit:contain;border-radius:50%}.auth-brand-name{font-size:2rem;font-weight:700;letter-spacing:.05em;color:#b45309}.dark .auth-brand-name{color:#fde047;text-shadow:0 0 14px rgba(253,224,71,.45)}.auth-heading{font-size:1.25rem;font-weight:600;text-align:center;letter-spacing:.03em;margin-bottom:1.5rem;color:#1e293b}.dark .auth-heading{color:#f1f5f9}.auth-form{gap:1rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:.375rem}.auth-label{font-size:.8125rem;font-weight:500;color:#475569}.dark .auth-label{color:#94a3b8}.auth-input{width:100%;padding:.625rem .875rem;border-radius:.5rem;font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s;background-color:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.15);color:#1e293b}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{border-color:rgba(59,130,246,.55);box-shadow:0 0 0 3px rgba(59,130,246,.12)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.dark .auth-input{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#f1f5f9}.dark .auth-input:focus{border-color:rgba(100,200,255,.5);box-shadow:0 0 0 3px rgba(100,200,255,.1)}.auth-forgot{text-align:right;margin-top:.25rem}.auth-forgot a{font-size:.75rem;color:#64748b;transition:color .2s}.auth-forgot a:hover{color:#1e293b}.dark .auth-forgot a{color:#64748b}.dark .auth-forgot a:hover{color:#f1f5f9}.auth-btn-primary{width:100%;padding:.625rem;border-radius:.5rem;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem;transition:transform .15s,box-shadow .15s;background:linear-gradient(90deg,#d97706,#fbbf24);color:#1a0e00;box-shadow:0 2px 12px rgba(217,119,6,.35)}.auth-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(217,119,6,.5)}.auth-btn-primary:active:not(:disabled){transform:translateY(0)}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.dark .auth-btn-primary{background:linear-gradient(90deg,#d4af37,#fde047);color:#1a0e00;box-shadow:0 2px 16px rgba(253,224,71,.35)}.dark .auth-btn-primary:hover:not(:disabled){box-shadow:0 4px 28px rgba(253,224,71,.55)}.auth-switch-text{font-size:.75rem;text-align:center;color:#64748b}.dark .auth-switch-text{color:#64748b}.auth-switch-link{font-weight:600;color:#1e293b;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.auth-switch-link:hover{color:#b45309}.dark .auth-switch-link{color:#f1f5f9}.dark .auth-switch-link:hover{color:#fde047}.auth-switch-link--disabled{pointer-events:none;opacity:.4}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0}.auth-divider-line{flex:1;height:1px;background:rgba(0,0,0,.1)}.dark .auth-divider-line{background:rgba(255,255,255,.12)}.auth-divider-text{font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;white-space:nowrap;color:#94a3b8}.auth-btn-google{width:100%;padding:.625rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s,border-color .2s;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.15);color:#1e293b}.auth-btn-google:hover:not(:disabled){background:rgba(0,0,0,.07);border-color:rgba(0,0,0,.25)}.auth-btn-google:disabled{opacity:.5;cursor:not-allowed}.dark .auth-btn-google{background:rgba(30,41,59,.7);border:1px solid rgba(255,255,255,.15);color:#f1f5f9}.dark .auth-btn-google:hover:not(:disabled){background:rgba(30,41,59,1);border-color:rgba(255,255,255,.3)}.auth-spinner{width:1rem;height:1rem;animation:spin 1s linear infinite}.auth-google-icon{width:1rem;height:1rem;fill:currentColor}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}