.auth-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md,6px);font-weight:500;text-decoration:none;outline:none;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle}.auth-button:focus-visible{outline-offset:2px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button:focus-visible{outline:2px solid #818cf8}}:where(html.is-dark) .auth-button:focus-visible{outline:2px solid #818cf8}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button:focus-visible{outline:2px solid #6366f1}}:where(html.is-light) .auth-button:focus-visible{outline:2px solid #6366f1}.auth-button-content{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.auth-button-text{line-height:1}.auth-button-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-button-spinner{animation:auth-button-spin 1s linear infinite;flex-shrink:0}.auth-button--primary{color:#fff}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--primary{border:1px solid #4f46e5}}:where(html.is-dark) .auth-button--primary{border:1px solid #4f46e5}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--primary{border:1px solid #6366f1}}:where(html.is-light) .auth-button--primary{border:1px solid #6366f1}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--primary{background:#4f46e5}}:where(html.is-dark) .auth-button--primary{background:#4f46e5}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--primary{background:#6366f1}}:where(html.is-light) .auth-button--primary{background:#6366f1}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--primary:hover:not(:disabled){border-color:#4338ca}}:where(html.is-dark) .auth-button--primary:hover:not(:disabled){border-color:#4338ca}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--primary:hover:not(:disabled){border-color:#5855eb}}:where(html.is-light) .auth-button--primary:hover:not(:disabled){border-color:#5855eb}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--primary:hover:not(:disabled){background:#4338ca}}:where(html.is-dark) .auth-button--primary:hover:not(:disabled){background:#4338ca}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--primary:hover:not(:disabled){background:#5855eb}}:where(html.is-light) .auth-button--primary:hover:not(:disabled){background:#5855eb}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--primary:active:not(:disabled){border-color:#3730a3}}:where(html.is-dark) .auth-button--primary:active:not(:disabled){border-color:#3730a3}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--primary:active:not(:disabled){border-color:#4f46e5}}:where(html.is-light) .auth-button--primary:active:not(:disabled){border-color:#4f46e5}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--primary:active:not(:disabled){background:#3730a3}}:where(html.is-dark) .auth-button--primary:active:not(:disabled){background:#3730a3}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--primary:active:not(:disabled){background:#4f46e5}}:where(html.is-light) .auth-button--primary:active:not(:disabled){background:#4f46e5}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--secondary{border:1px solid #4b5563}}:where(html.is-dark) .auth-button--secondary{border:1px solid #4b5563}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--secondary{border:1px solid #d1d5db}}:where(html.is-light) .auth-button--secondary{border:1px solid #d1d5db}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--secondary{color:#f9fafb}}:where(html.is-dark) .auth-button--secondary{color:#f9fafb}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--secondary{color:#111827}}:where(html.is-light) .auth-button--secondary{color:#111827}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--secondary{background:#374151}}:where(html.is-dark) .auth-button--secondary{background:#374151}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--secondary{background:#f3f4f6}}:where(html.is-light) .auth-button--secondary{background:#f3f4f6}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--secondary:hover:not(:disabled){border-color:#6b7280}}:where(html.is-dark) .auth-button--secondary:hover:not(:disabled){border-color:#6b7280}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--secondary:hover:not(:disabled){border-color:#9ca3af}}:where(html.is-light) .auth-button--secondary:hover:not(:disabled){border-color:#9ca3af}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--secondary:hover:not(:disabled){background:#4b5563}}:where(html.is-dark) .auth-button--secondary:hover:not(:disabled){background:#4b5563}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--secondary:hover:not(:disabled){background:#e5e7eb}}:where(html.is-light) .auth-button--secondary:hover:not(:disabled){background:#e5e7eb}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--secondary:active:not(:disabled){border-color:#9ca3af}}:where(html.is-dark) .auth-button--secondary:active:not(:disabled){border-color:#9ca3af}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--secondary:active:not(:disabled){border-color:#6b7280}}:where(html.is-light) .auth-button--secondary:active:not(:disabled){border-color:#6b7280}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--secondary:active:not(:disabled){background:#6b7280}}:where(html.is-dark) .auth-button--secondary:active:not(:disabled){background:#6b7280}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--secondary:active:not(:disabled){background:#d1d5db}}:where(html.is-light) .auth-button--secondary:active:not(:disabled){background:#d1d5db}.auth-button--outline{background:transparent}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--outline{border:1px solid #818cf8}}:where(html.is-dark) .auth-button--outline{border:1px solid #818cf8}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--outline{border:1px solid #6366f1}}:where(html.is-light) .auth-button--outline{border:1px solid #6366f1}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--outline{color:#818cf8}}:where(html.is-dark) .auth-button--outline{color:#818cf8}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--outline{color:#6366f1}}:where(html.is-light) .auth-button--outline{color:#6366f1}.auth-button--outline:hover:not(:disabled){color:#fff}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--outline:hover:not(:disabled){background:#818cf8}}:where(html.is-dark) .auth-button--outline:hover:not(:disabled){background:#818cf8}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--outline:hover:not(:disabled){background:#6366f1}}:where(html.is-light) .auth-button--outline:hover:not(:disabled){background:#6366f1}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--outline:active:not(:disabled){border-color:#6366f1}}:where(html.is-dark) .auth-button--outline:active:not(:disabled){border-color:#6366f1}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--outline:active:not(:disabled){border-color:#5855eb}}:where(html.is-light) .auth-button--outline:active:not(:disabled){border-color:#5855eb}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--outline:active:not(:disabled){background:#6366f1}}:where(html.is-dark) .auth-button--outline:active:not(:disabled){background:#6366f1}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--outline:active:not(:disabled){background:#5855eb}}:where(html.is-light) .auth-button--outline:active:not(:disabled){background:#5855eb}.auth-button--ghost{background:transparent;border:1px solid transparent}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--ghost{color:#818cf8}}:where(html.is-dark) .auth-button--ghost{color:#818cf8}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--ghost{color:#6366f1}}:where(html.is-light) .auth-button--ghost{color:#6366f1}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--ghost:hover:not(:disabled){color:#a5b4fc}}:where(html.is-dark) .auth-button--ghost:hover:not(:disabled){color:#a5b4fc}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--ghost:hover:not(:disabled){color:#5855eb}}:where(html.is-light) .auth-button--ghost:hover:not(:disabled){color:#5855eb}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--ghost:hover:not(:disabled){background:#374151}}:where(html.is-dark) .auth-button--ghost:hover:not(:disabled){background:#374151}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--ghost:hover:not(:disabled){background:#f3f4f6}}:where(html.is-light) .auth-button--ghost:hover:not(:disabled){background:#f3f4f6}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--ghost:active:not(:disabled){background:#4b5563}}:where(html.is-dark) .auth-button--ghost:active:not(:disabled){background:#4b5563}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--ghost:active:not(:disabled){background:#e5e7eb}}:where(html.is-light) .auth-button--ghost:active:not(:disabled){background:#e5e7eb}.auth-button--small{height:32px;padding:0 12px;font-size:13px}.auth-button--small .auth-button-content{gap:6px}.auth-button--small .auth-button-icon,.auth-button--small .auth-button-spinner{width:14px;height:14px}.auth-button--medium{height:40px;padding:0 16px;font-size:14px}.auth-button--medium .auth-button-content{gap:8px}.auth-button--medium .auth-button-icon,.auth-button--medium .auth-button-spinner{width:16px;height:16px}.auth-button--large{height:48px;padding:0 20px;font-size:16px}.auth-button--large .auth-button-content{gap:10px}.auth-button--large .auth-button-icon,.auth-button--large .auth-button-spinner{width:18px;height:18px}.auth-button--full-width{width:100%}.auth-button--loading{cursor:default;pointer-events:none}.auth-button--loading .auth-button-text{opacity:.7}.auth-button--disabled,.auth-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width:768px){.auth-button--small{height:40px;padding:0 14px;font-size:14px}.auth-button--medium{height:44px;padding:0 18px;font-size:15px}.auth-button--large{height:52px;padding:0 22px;font-size:17px}}@keyframes auth-button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-contrast:high){.auth-button{border-width:2px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--primary{background:#6366f1}}:where(html.is-dark) .auth-button--primary{background:#6366f1}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--primary{background:#3730a3}}:where(html.is-light) .auth-button--primary{background:#3730a3}.auth-button--ghost,.auth-button--outline{border-width:2px}}@media (prefers-reduced-motion:reduce){.auth-button{transition:none}.auth-button-spinner{animation:none}.auth-button--loading .auth-button-spinner{opacity:.7}}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--primary{box-shadow:0 1px 2px rgba(0,0,0,.2)}}:where(html.is-dark) .auth-button--primary{box-shadow:0 1px 2px rgba(0,0,0,.2)}.auth-button:focus:not(:focus-visible){outline:none}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--social{border:1px solid #4b5563}}:where(html.is-dark) .auth-button--social{border:1px solid #4b5563}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--social{border:1px solid #d1d5db}}:where(html.is-light) .auth-button--social{border:1px solid #d1d5db}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--social{color:#f9fafb}}:where(html.is-dark) .auth-button--social{color:#f9fafb}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--social{color:#111827}}:where(html.is-light) .auth-button--social{color:#111827}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--social{background:#1f2937}}:where(html.is-dark) .auth-button--social{background:#1f2937}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--social{background:#fff}}:where(html.is-light) .auth-button--social{background:#fff}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--social:hover:not(:disabled){border-color:#6b7280}}:where(html.is-dark) .auth-button--social:hover:not(:disabled){border-color:#6b7280}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--social:hover:not(:disabled){border-color:#9ca3af}}:where(html.is-light) .auth-button--social:hover:not(:disabled){border-color:#9ca3af}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .auth-button--social:hover:not(:disabled){background:#374151}}:where(html.is-dark) .auth-button--social:hover:not(:disabled){background:#374151}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .auth-button--social:hover:not(:disabled){background:#f9fafb}}:where(html.is-light) .auth-button--social:hover:not(:disabled){background:#f9fafb}.auth-button--icon-only{width:auto;aspect-ratio:1;padding:0}.auth-button--icon-only .auth-button-text{display:none}.auth-button-content{transition:opacity .15s ease}.auth-button--loading .auth-button-content{opacity:.8}