.auth-modal{z-index:var(--z-modal-backdrop);opacity:0;pointer-events:none;transition:opacity var(--transition-slow);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal.open{opacity:1;pointer-events:all}.auth-modal__backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(var(--blur-md));position:absolute;inset:0}.auth-modal__panel{z-index:var(--z-modal);width:90%;max-width:420px;max-height:calc(100vh - var(--space-2xl) * 2);max-height:calc(100dvh - var(--space-2xl) * 2);padding:clamp(var(--space-xl), 6vw, var(--space-3xl));background:var(--gradient-card);border:1px solid var(--color-surface-glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(var(--blur-lg));transition:transform var(--transition-slow);box-shadow:var(--shadow-xl);position:relative;overflow-y:auto;transform:scale(.95)translateY(10px)}.auth-modal.open .auth-modal__panel{transform:scale(1)translateY(0)}.auth-modal__close{top:var(--space-lg);right:var(--space-lg);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute}.auth-modal__close:hover{color:var(--color-text-primary);background:#ffffff1a}.auth-modal__logo{width:180px;height:auto;margin:0 auto var(--space-xl);opacity:.95;display:block}.auth-modal__title{text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.auth-modal__subtitle{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.auth-modal__buttons{gap:var(--space-md);flex-direction:column;display:flex}.auth-button{justify-content:center;align-items:center;gap:var(--space-md);width:100%;padding:.9rem var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;display:flex}.auth-button__icon{flex-shrink:0;width:20px;height:20px}.auth-button--google{color:#3c4043;background:#fff}.auth-button--google:hover{box-shadow:var(--shadow-md);background:#f1f3f4;transform:translateY(-1px)}.auth-button--apple{color:#fff;background:#000}.auth-button--apple:hover{box-shadow:var(--shadow-md);background:#1a1a1a;transform:translateY(-1px)}.auth-button__label{display:inline-block}.auth-button.loading{pointer-events:none;color:#0000;position:relative}.auth-button.loading .auth-button__icon,.auth-button.loading .auth-button__label{opacity:.2}.auth-button.loading:after{content:"";border:2px solid #0003;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.7s linear infinite spin;position:absolute;top:50%;left:50%}.auth-button--apple.loading:after{border-color:#fff #fff3 #fff3}.auth-modal__terms{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xl);line-height:var(--line-height-relaxed)}.auth-modal__terms a{color:var(--color-accent);text-decoration:underline}