.auth-page.svelte-8bdjn9{display:flex;align-items:center;justify-content:center;padding:2rem 0}.auth-container.svelte-8bdjn9{width:100%;max-width:520px;position:relative;z-index:2;padding:0 20px}.auth-card.svelte-8bdjn9{background:var(--bg-color-lighter);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2rem;box-shadow:0 8px 24px #0000001f;width:100%;.auth-header:where(.svelte-8bdjn9){text-align:center;margin-bottom:2rem;& h1:where(.svelte-8bdjn9){font-size:1.8rem;font-weight:600;margin:0 0 .75rem}.subtitle:where(.svelte-8bdjn9){color:var(--font-gray-dark);font-size:1rem;margin:0}}.auth-form:where(.svelte-8bdjn9){display:flex;flex-direction:column;gap:1.25rem;.oauth-separator:where(.svelte-8bdjn9){display:flex;align-items:center;gap:.75rem;color:var(--font-gray-dark);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;&:before,&:after{content:"";flex:1;height:1px;background:#ffffff14}}}.auth-footer:where(.svelte-8bdjn9){gap:.5rem;margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}}.oauth-button.svelte-8bdjn9{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.8rem 1.5rem;border:1px solid rgba(255,255,255,.15);border-radius:3px;background:#ffffff0a;color:var(--font-white);font-size:.95rem;font-family:Inter Variable,sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease;&:hover{background:#ffffff14;border-color:#ffffff40}}.email-toggle.svelte-8bdjn9{display:block;width:100%;padding:.7rem 1.5rem;border:none;border-radius:3px;background:none;color:var(--font-gray);font-size:.875rem;font-family:Inter Variable,sans-serif;cursor:pointer;transition:color .2s ease;text-align:center;text-decoration:none;&:hover{color:var(--font-white)}}.register-form-section.svelte-8bdjn9{margin-top:2rem;padding-bottom:4rem;scroll-margin-top:2rem}.register-form-header.svelte-8bdjn9{display:flex;align-items:center;gap:.75rem;color:var(--font-gray-dark);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;&:before,&:after{content:"";flex:1;height:1px;background:#ffffff14}}@media(max-width:600px){.auth-card.svelte-8bdjn9{padding:2rem 1.5rem;.auth-header:where(.svelte-8bdjn9) h1:where(.svelte-8bdjn9){font-size:1.6rem}}}