.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-xl);border-radius:22px;padding:2.5rem 2rem}.auth-header{text-align:center;margin-bottom:1.75rem}.auth-logo{color:var(--text-primary);letter-spacing:-.5px;font-size:1.4rem;font-weight:800;font-family:var(--font-display);margin-bottom:1rem}.auth-logo span{color:var(--accent);font-style:italic}.auth-header h1{color:var(--text-primary);font-size:1.6rem;font-weight:700;font-family:var(--font-display);margin-bottom:.3rem}.auth-header p{color:var(--text-muted);font-size:.88rem}.auth-error{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red);border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.7rem 1rem;font-size:.85rem;display:flex}.auth-social{flex-direction:column;gap:.65rem;margin-bottom:1.25rem;display:flex}.auth-social__btn{cursor:pointer;border:1.5px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:.65rem;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .18s;display:flex}.auth-social__btn--google{color:#1a1a1a;box-shadow:var(--shadow-sm);background:#fff;border-color:#0000001f}.auth-social__btn--google:hover:not(:disabled){box-shadow:var(--shadow-md);background:#f8f8f8}.auth-social__btn--apple{color:#fff;background:#111;border-color:#0003}.auth-social__btn--apple:hover:not(:disabled){box-shadow:var(--shadow-md);background:#222}.auth-social__btn:disabled{opacity:.55;cursor:not-allowed}.auth-spinner{border:2px solid #0000001a;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite auth-spin;display:inline-block}.auth-social__btn--google .auth-spinner{border-color:#4285f4 #00000014 #00000014}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-email-toggle{background:var(--bg-elevated);border:1.5px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:11px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .18s;display:flex}.auth-email-toggle:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.auth-email-toggle svg:first-child{color:var(--accent);font-size:1rem}.auth-email-toggle__chevron{margin-left:auto;font-size:.9rem;transition:transform .22s}.auth-email-toggle__chevron.open{transform:rotate(180deg)}.auth-form{flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;font-size:.95rem;position:absolute;left:.85rem}.auth-field input{border:1.5px solid var(--border);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.75rem 1rem .75rem 2.5rem;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder{color:var(--text-muted)}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.auth-role-toggle{gap:.65rem;display:flex}.role-btn{border:1.5px solid var(--border);background:var(--bg-elevated);cursor:pointer;color:var(--text-secondary);border-radius:10px;flex:1;padding:.7rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .18s}.role-btn:hover{border-color:var(--border-warm);color:var(--accent);background:var(--accent-dim)}.role-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);font-weight:700}.auth-submit{background:var(--accent);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 16px var(--accent-glow);border:none;border-radius:10px;margin-top:.25rem;padding:.85rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .2s,transform .1s,box-shadow .2s}.auth-submit:hover:not(:disabled){background:var(--accent-light);box-shadow:0 6px 20px var(--accent-glow)}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.auth-switch{text-align:center;color:var(--text-muted);margin-top:1.25rem;font-size:.85rem}.auth-switch a{color:var(--accent);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-card);border:1px solid var(--border);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-xl);border-radius:20px;padding:2rem}.auth-modal__avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:1.4rem;font-weight:700;display:grid;overflow:hidden}.auth-modal__avatar img{object-fit:cover;width:100%;height:100%}.auth-modal h2{color:var(--text-primary);margin-bottom:.4rem;font-size:1.3rem;font-weight:700}.auth-modal p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.88rem;line-height:1.5}.auth-role-toggle--modal{margin-bottom:1.25rem}.auth-redirect-checking{justify-content:center;align-items:center;min-height:60vh;display:flex}.auth-spinner--lg{border-width:3px;width:32px;height:32px}@media (max-width:480px){.auth-card{border-radius:18px;padding:2rem 1.25rem}.auth-modal{padding:1.5rem 1.25rem}}