.auth-modal__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:flex-start;justify-content:flex-end;z-index:var(--z-modal,200);padding:100px 24px 24px}.auth-modal{position:relative;width:100%;max-width:420px;background:rgba(0,0,0,.4);backdrop-filter:blur(64px);-webkit-backdrop-filter:blur(64px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 8px 32px rgba(0,0,0,.4);padding:var(--space-9) var(--space-8);display:flex;flex-direction:column;gap:var(--space-7);overflow:hidden}.auth-modal:before{content:"";position:absolute;top:-1px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);z-index:1;pointer-events:none}.auth-modal__light{position:absolute;inset:0;pointer-events:none;z-index:0;transition:background 2s cubic-bezier(.16,1,.3,1)}.auth-modal__close{position:absolute;top:var(--space-5);right:var(--space-5);z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--glass-0);border:1px solid var(--border-glass-base);border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.auth-modal__close:hover{background:var(--glass-2);color:var(--text-primary);border-color:var(--border-glass-hover)}.auth-modal>*{position:relative;z-index:1}.auth-modal__header{display:flex;flex-direction:column;gap:var(--space-5);text-align:center;align-items:center}.auth-modal__logo{display:flex;align-items:center;gap:var(--space-2)}.auth-modal__brand{font-size:1rem;font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.auth-modal__brand-light{font-weight:var(--weight-regular);color:var(--text-tertiary)}.auth-modal__title{font-size:1.375rem;font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.auth-modal__subtitle{font-size:.875rem;color:var(--text-tertiary);margin-top:-2px}.auth-modal__providers{display:flex;flex-direction:column;gap:var(--space-3)}.auth-modal__provider-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-4);width:100%;height:46px;padding:0 var(--space-6);background:var(--glass-0);border:1px solid var(--border-glass-base);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;font-weight:var(--weight-medium);cursor:pointer;position:relative;transition:all var(--duration-fast) var(--ease-out);outline:none}.auth-modal__provider-btn:hover{background:var(--glass-2);border-color:var(--border-glass-hover);box-shadow:0 4px 12px rgba(0,0,0,.2)}.auth-modal__provider-btn:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);border-radius:var(--radius-full)}.auth-modal__provider-btn:hover:before{opacity:1}.auth-modal__provider-icon{display:flex;align-items:center;width:20px;justify-content:center;flex-shrink:0}.auth-modal__provider-label{flex:1;text-align:center}.auth-modal__footer{text-align:center}.auth-modal__legal{font-size:.6875rem;color:var(--text-tertiary);line-height:1.6}.auth-modal__legal-link{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--duration-fast) var(--ease-out)}.auth-modal__legal-link:hover{color:var(--text-primary);border-bottom-color:var(--text-tertiary)}@media (max-width:480px){.auth-modal{padding:var(--space-7) var(--space-6);border-radius:var(--radius-lg)}}