header.svelte-v98v4n{display:flex;flex-direction:column;align-items:center;margin-top:5rem}header.svelte-v98v4n h4:where(.svelte-v98v4n){opacity:.8;font-weight:400}form.svelte-v98v4n{display:flex;flex-direction:column;gap:1rem;width:100%}form.svelte-v98v4n .form-group:where(.svelte-v98v4n){display:flex;flex-direction:column;gap:.25rem}form.svelte-v98v4n .form-group:where(.svelte-v98v4n) label:where(.svelte-v98v4n){font-weight:500}form.svelte-v98v4n .form-group:where(.svelte-v98v4n) input:where(.svelte-v98v4n){padding:.75rem .5rem;background-color:var(--color-white);border:none;border-radius:.5rem;font-size:1rem;width:100%;box-shadow:0 0 0 1px var(--color-bg);outline:1px solid transparent;color:var(--color-black);transition:all .2s ease-in-out}form.svelte-v98v4n .form-group:where(.svelte-v98v4n) input:where(.svelte-v98v4n):hover{box-shadow:0 0 0 1px var(--color-secondary-dark)}form.svelte-v98v4n .form-group:where(.svelte-v98v4n) input:where(.svelte-v98v4n):focus{outline:none;box-shadow:0 0 0 1px var(--color-secondary-dark)}form.svelte-v98v4n .form-group:where(.svelte-v98v4n) input:where(.svelte-v98v4n).error{box-shadow:0 0 0 1px var(--color-red)}form.svelte-v98v4n .form-group:where(.svelte-v98v4n) .forgot-password-link:where(.svelte-v98v4n){text-align:end;font-size:.9rem;color:var(--color-primary);cursor:pointer;margin-top:.25rem;text-decoration:underline;transition:all .2s ease-in-out}form.svelte-v98v4n .form-group:where(.svelte-v98v4n) .forgot-password-link:where(.svelte-v98v4n):hover{color:var(--color-primary-dark)}form.svelte-v98v4n button[type=submit]:where(.svelte-v98v4n){padding:.75rem 1rem;background-color:var(--color-primary);border:none;border-radius:.5rem;font-size:1rem;color:var(--color-white);cursor:pointer}form.svelte-v98v4n button[type=submit]:where(.svelte-v98v4n):disabled{background-color:var(--color-primary-dark);cursor:not-allowed}.social-signin.svelte-v98v4n{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem;width:100%}.social-signin.svelte-v98v4n .divider:where(.svelte-v98v4n){display:flex;align-items:center;text-align:center;color:var(--color-black);opacity:.7;font-size:.9rem;font-weight:500;width:100%}.social-signin.svelte-v98v4n .divider:where(.svelte-v98v4n):before,.social-signin.svelte-v98v4n .divider:where(.svelte-v98v4n):after{content:"";flex:1;border-bottom:1px solid var(--color-black);margin:0 8px;opacity:.4}.social-signin.svelte-v98v4n .google-signin-btn:where(.svelte-v98v4n){display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background-color:#fff;border:1px solid #dadce0;border-radius:.5rem;font-size:14px;font-weight:500;color:#3c4043;cursor:pointer;transition:all .15s ease-in-out}.social-signin.svelte-v98v4n .google-signin-btn:where(.svelte-v98v4n):hover{background-color:#f8f9fa;border-color:#c4c7c5}.social-signin.svelte-v98v4n .google-signin-btn:where(.svelte-v98v4n) span:where(.svelte-v98v4n){font-family:Roboto,Karla,sans-serif}.social-signin.svelte-v98v4n .magic-link-btn:where(.svelte-v98v4n),.social-signin.svelte-v98v4n .credentials-btn:where(.svelte-v98v4n){display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background-color:#fff;border:1px solid #dadce0;border-radius:.5rem;font-size:14px;font-weight:500;color:#3c4043;cursor:pointer;transition:all .15s ease-in-out}:is(.social-signin.svelte-v98v4n .magic-link-btn:where(.svelte-v98v4n),.social-signin.svelte-v98v4n .credentials-btn:where(.svelte-v98v4n)):hover{background-color:#f8f9fa;border-color:#c4c7c5}:is(.social-signin.svelte-v98v4n .magic-link-btn:where(.svelte-v98v4n),.social-signin.svelte-v98v4n .credentials-btn:where(.svelte-v98v4n)) span:where(.svelte-v98v4n){font-family:Roboto,Karla,sans-serif}.signin-link.svelte-v98v4n{text-align:center;margin-top:1.5rem}.signin-link.svelte-v98v4n p:where(.svelte-v98v4n){margin:0;color:#000000b3;font-size:.9rem}.signin-link.svelte-v98v4n p:where(.svelte-v98v4n) a:where(.svelte-v98v4n){color:var(--color-primary);text-decoration:none;font-weight:600}.signin-link.svelte-v98v4n p:where(.svelte-v98v4n) a:where(.svelte-v98v4n):hover{text-decoration:underline}