.auth-card{animation:fadeUp .6s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.auth-sub{color:var(--fg-dim);margin:0 0 24px;font-size:15px}.auth-form{flex-direction:column;gap:10px;margin-top:4px;display:flex}.auth-form input{border:1px solid var(--line-2);width:100%;color:var(--fg);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), outline-offset .15s var(--ease);background:#ffffff0a;border-radius:12px;padding:13px 16px;font-size:14.5px}.auth-form input:focus:not(:focus-visible){outline:0}.auth-form input:focus-visible{outline:2px solid var(--accent,#7c5cff);outline-offset:2px}.auth-form input::placeholder{color:var(--fg-mute)}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff2e}.auth-btn{cursor:pointer;width:100%;transition:transform .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14.5px;font-weight:600;display:inline-flex}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-primary{background:var(--fg);color:#0a0a0f}.auth-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #ffffff2e}.auth-google{color:var(--fg);border:1px solid var(--line-2);background:#ffffff0f}.auth-google:hover:not(:disabled){background:#ffffff1a}.auth-divider{color:var(--fg-mute);align-items:center;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-divider span{padding:0 14px}.auth-fine{text-align:center;color:var(--fg-mute);margin-top:22px;font-size:12px}.auth-error{color:#ff8c84;background:#ff5f571f;border:1px solid #ff5f574d;border-radius:10px;margin-top:14px;padding:11px 14px;font-size:13px}.auth-sent{text-align:center;padding:12px 0 4px}.auth-sent p{color:var(--fg);margin-bottom:16px;font-size:14.5px;line-height:1.5}