:root{--btn-bg:#fff;--btn-border:#e6e9ee;--btn-ink:#111827;--accent:#2563eb;--success:#10b981;--shadow:#1018280f}.auth-confirm-btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-ink);cursor:pointer;min-width:160px;box-shadow:0 6px 14px -6px var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;line-height:1;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);animation:.36s cubic-bezier(.2,.9,.3,1) popIn;display:inline-flex;position:relative;overflow:hidden}.auth-confirm-btn:active{transform:translateY(1px)scale(.997)}.auth-confirm-btn:disabled{opacity:.6;cursor:not-allowed}:root[data-theme=dark] .auth-confirm-btn:active{background:color-mix(in srgb,var(--btn-bg),var(--accent)8%);border-color:color-mix(in srgb,var(--btn-border),var(--accent)20%)}.auth-confirm-btn .btn-inner{align-items:center;gap:10px;display:inline-flex}.auth-confirm-btn .btn-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.auth-confirm-btn{--label-padding:18px}.auth-confirm-btn .btn-label{transition:opacity .22s,transform .22s;display:inline-block}.auth-confirm-btn{position:relative}.auth-confirm-btn .btn-loader-wrapper{pointer-events:none;opacity:0;will-change:opacity,transform;justify-content:center;align-items:center;transition:opacity .16s linear,transform .16s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-confirm-btn.loading{background:linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 94%),color-mix(in srgb,var(--accent),transparent 97%));border-color:color-mix(in srgb,var(--accent),transparent 82%)}.auth-confirm-btn.loading .btn-label{opacity:0;transform:translateY(-2px)}.auth-confirm-btn.loading .btn-icon{display:none}.auth-confirm-btn.loading .btn-loader-wrapper{opacity:1;transform:translate(-50%,-50%)}.auth-confirm-btn .btn-loading-dots{justify-content:center;align-items:center;gap:8px;display:flex}.auth-confirm-btn .btn-loading-dots .dot{background:var(--accent);opacity:.2;border-radius:50%;width:8px;height:8px;animation:.9s infinite dotPulse;display:inline-block;transform:translateY(0)}.auth-confirm-btn .btn-loading-dots .dot:first-child{animation-delay:0s}.auth-confirm-btn .btn-loading-dots .dot:nth-child(2){animation-delay:.12s}.auth-confirm-btn .btn-loading-dots .dot:nth-child(3){animation-delay:.24s}.btn-spinner{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.btn-spinner span{box-sizing:border-box;border:2px solid #0000;border-top-color:var(--accent);border-left-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-confirm-btn.sent{background:linear-gradient(90deg,color-mix(in srgb,var(--success),transparent 91%),color-mix(in srgb,var(--success),transparent 96%));border-color:color-mix(in srgb,var(--success),transparent 82%);color:var(--success)}.auth-confirm-btn.error{background:var(--danger);border-color:var(--danger);color:#fff;animation:.5s ease-in-out shake}:root[data-theme=dark] .auth-confirm-btn.sent{background:linear-gradient(90deg,color-mix(in srgb,var(--success),transparent 70%),color-mix(in srgb,var(--success),transparent 80%))}.auth-confirm-btn:not(:disabled):hover{box-shadow:0 10px 30px -10px var(--shadow);transform:translateY(-3px)scale(1.005)}:root[data-theme=dark] .auth-confirm-btn:not(:disabled):hover{box-shadow:none;transform:none}.auth-confirm-btn:not(.loading):not(.sent){animation:.36s cubic-bezier(.2,.9,.3,1) popIn}.auth-confirm-btn .btn-icon{transition:transform .26s cubic-bezier(.2,.9,.3,1),opacity .18s}.auth-confirm-btn .btn-label{transition:opacity .22s,transform .22s}.auth-confirm-btn.loading .btn-icon{opacity:.8;transform:translate(-6px)}.auth-confirm-btn.sent .btn-icon{transform:translateY(-1px)scale(1.02)}.auth-confirm-btn.sent{animation:.52s cubic-bezier(.2,.9,.3,1) checkBounce}@keyframes popIn{0%{opacity:0;transform:translateY(8px)scale(.985)}60%{opacity:1;transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkBounce{0%{opacity:.9;transform:scale(.88)}40%{transform:scale(1.06)}70%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes dotPulse{0%{opacity:.18;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}to{opacity:.18;transform:translateY(0)}}.auth-confirm-btn{min-width:160px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.auth-toggle{align-items:center;display:inline-flex;position:relative}.auth-toggle-indicator{background:linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 92%),color-mix(in srgb,var(--accent),transparent 98%));height:calc(100% - 12px);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--accent),transparent 88%);transform-origin:0;will-change:left,width,transform,opacity;z-index:2;opacity:1;pointer-events:none;border-radius:999px;transition:left .38s cubic-bezier(.2,.9,.3,1),width .38s cubic-bezier(.2,.9,.3,1),transform .38s,opacity .28s;position:absolute;top:6px}.auth-toggle:hover .auth-toggle-indicator{transform:translateY(-2px)scale(1.01)}.auth-toggle-indicator{animation:.42s cubic-bezier(.2,.9,.3,1) indicatorIn}@keyframes indicatorIn{0%{opacity:0;transform:translateY(6px)scale(.98)}60%{opacity:.9;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-toggle .pill-switch{z-index:5;position:relative}.auth-confirm-btn:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 92%);outline:none}@media (max-width:420px){.auth-confirm-btn{min-width:140px;padding:10px 14px}}.sr-only{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}
