.c-login-page{display:flex;flex-direction:column;align-items:center;flex:1;padding:var(--spacing-sm);padding-top:60px;padding-bottom:var(--spacing-md);background:var(--white)}.c-login-container{width:100%;max-width:600px;padding:42px 16px;background:var(--brand-blue);border-radius:16px;text-align:center}.c-login__logo-link{display:block;text-decoration:none}.c-login__logo{margin-bottom:40px}.c-login__title{margin-bottom:16px;color:var(--white);font-family:var(--font-base);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.25}.c-login__link-text{margin-bottom:24px;color:var(--white);font-size:var(--font-size-base);line-height:1.5}.c-login__link-text a{color:var(--white);font-weight:var(--font-weight-bold);text-decoration:underline}.c-login__link-text a:hover{color:var(--brand-yellow)}.c-login__form{display:flex;flex-direction:column}.c-login__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:#d92d201a;border:var(--border-width) solid var(--error50);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--font-size-sm)}.c-login__error svg{flex-shrink:0;height:16px;width:16px}.c-login__success{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:#027a4833;border:var(--border-width) solid var(--success50);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--font-size-sm)}.c-login__success svg{flex-shrink:0;height:16px;width:16px}.c-login__submit-button{width:100%;max-width:380px;margin:16px auto 8px}.c-login__bottom-link{text-align:center;color:var(--white);font-size:var(--font-size-sm)}.c-login__bottom-link a{color:var(--white);text-decoration:underline}.c-login__bottom-link a:hover{color:var(--brand-yellow)}.c-login__sso-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.c-apple-login-wrapper{display:flex;justify-content:center;width:100%;max-width:380px;margin:0 auto}.c-google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;max-width:380px;height:var(--form-height);padding:0 var(--spacing-lg);background:var(--white);border:var(--border-width) solid var(--grey30);border-radius:var(--border-radius-xl);color:var(--grey80);font-family:var(--font-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.c-google-login-button:hover:not(:disabled){background:var(--grey10);border-color:var(--grey50);transform:translateY(-1px)}.c-google-login-button:active:not(:disabled){transform:translateY(0)}.c-google-login-button:disabled{opacity:.7;cursor:not-allowed}.c-google-login-button__icon{width:20px;height:20px;flex-shrink:0}.c-google-login-button__spinner{width:20px;height:20px;flex-shrink:0;animation:spin 1s linear infinite}.c-apple-login-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;max-width:380px;height:var(--form-height);padding:0 var(--spacing-lg);background:var(--black);border:var(--border-width) solid var(--black);border-radius:var(--border-radius-xl);color:var(--white);font-family:var(--font-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.c-apple-login-button:hover:not(:disabled){background:var(--grey80);border-color:var(--grey80);transform:translateY(-1px)}.c-apple-login-button:active:not(:disabled){transform:translateY(0)}.c-apple-login-button:disabled{opacity:.7;cursor:not-allowed}.c-apple-login-button__icon{width:20px;height:20px;flex-shrink:0}.c-apple-login-button__spinner{width:20px;height:20px;flex-shrink:0;animation:spin 1s linear infinite}.c-login__divider{display:flex;align-items:center;margin:var(--spacing-lg) 0}.c-login__divider-line{flex:1;height:1px;background:var(--grey50)}.c-login__divider-text{padding:0 var(--spacing-md);color:var(--white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}@media (max-width: 29.5em){.c-login-page{padding-top:40px}.c-login-container{padding:32px 12px}}