.auth-layout{background-color:var(--wa-color-surface-default);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.auth-main{width:100%;max-width:550px}.auth-container{width:100%}.auth-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;animation:.3s ease-in fadeIn;display:flex}.auth-loading-spinner{border:3px solid var(--wa-color-border-normal);border-top-color:var(--wa-color-brand-fill-loud);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.auth-loading-text{color:var(--wa-color-text-quiet);margin-top:1rem;font-size:.95rem}.auth-content{animation:.4s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.auth-card{background:var(--wa-color-surface-raised);border:1px solid var(--wa-color-border-normal);box-shadow:var(--wa-shadow-m);border-radius:12px;padding:3rem 2.5rem}.auth-logo{justify-content:center;margin-bottom:1.5rem;display:flex}.auth-logo img{width:auto;height:100px}.auth-header{margin-bottom:2rem}.auth-header h2{color:var(--wa-color-text-loud);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.auth-header p{color:var(--wa-color-text-quiet);font-size:1rem}.auth-links{color:var(--wa-color-text-quiet);justify-content:flex-start;align-items:center;gap:.5rem;padding-top:1rem;font-size:.95rem;display:flex}.auth-links a{color:var(--wa-color-brand-text-loud);font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-link-left{margin-right:auto}.flow-form{gap:var(--wa-space-m);flex-direction:column;display:flex}.flow-field{flex-direction:column;gap:.5rem;display:flex}.flow-field-header{justify-content:end;align-items:center;display:flex}.flow-field label{color:var(--wa-color-text-loud);font-size:.95rem;font-weight:500;display:block}.flow-field-link{color:var(--wa-color-text-loud);font-size:.875rem;text-decoration:none}.flow-field-link:hover{text-decoration:underline}.field-action-link{justify-content:flex-start;margin-top:.5rem;display:flex}.flow-field wa-input{width:100%;display:block}.flow-button{padding-top:var(--wa-space-m);margin-bottom:0}.flow-button wa-button{float:right;width:auto;min-width:120px}.flow-group{flex-direction:column;display:flex}.field-error,.field-error .error-text{margin-top:.25rem}.flow-error{margin-bottom:1.25rem}.error-text{color:var(--wa-color-danger-on-quiet);margin:.5rem 0;font-size:.875rem;line-height:1.5}.auth-error-container{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem;display:flex}.auth-error-actions{gap:1rem;display:flex}.flow-messages{margin-bottom:2rem}wa-input{--wa-input-border-radius:6px;--wa-input-border-color:var(--wa-color-border-normal);--wa-input-border-color-hover:var(--wa-color-border-strong);--wa-input-border-color-focus:var(--wa-color-brand-border-loud);--wa-input-height:44px;--wa-input-font-size:1rem;--wa-input-padding-start:.75rem;--wa-input-padding-end:.75rem}wa-button{--wa-button-border-radius:6px;--wa-button-font-size:1rem;--wa-button-height:44px;--wa-button-padding-start:1.5rem;--wa-button-padding-end:1.5rem}wa-button[type=submit]{--wa-button-background-color:var(--wa-color-brand-fill-loud);--wa-button-background-color-hover:var(--wa-color-brand-fill-strong);--wa-button-background-color-active:var(--wa-color-brand-fill-loud);--wa-button-color:var(--wa-color-brand-on-loud);--wa-button-border-width:0}wa-card{--wa-card-border-radius:12px;--wa-card-padding:2rem;--wa-card-shadow:0 4px 20px #00000014,0 1px 3px #0000000f}.checkbox-label{cursor:pointer;color:var(--wa-color-text-loud);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.oidc-buttons{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:1065px){.auth-main{max-width:950px}.auth-card-wrapper{padding:3rem}.auth-card-content{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}.auth-card-left{flex-direction:column;display:flex}.auth-card-left .auth-logo{justify-content:flex-start;margin-bottom:2rem}.auth-card-left .auth-logo img{height:70px}.auth-card-left .auth-header{margin-bottom:0}.auth-card-left .auth-header h2{margin-bottom:.75rem;font-size:1.875rem;line-height:1.2}.auth-card-left .auth-header p{color:var(--wa-color-text-quiet);font-size:1rem;line-height:1.5}.auth-card-footer{margin-top:auto}.auth-card-oidc{margin-top:1.5rem}.auth-card-oidc .oidc-form{flex-direction:column;gap:.75rem;display:flex}.auth-card-oidc wa-divider{margin-bottom:1rem}.auth-card-oidc .oidc-buttons{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.auth-card-oidc .flow-button{margin-bottom:0;padding-top:0}.auth-card-oidc .flow-button wa-button{float:none;width:100%}.auth-card-right{flex-direction:column;padding-top:6rem;display:flex}.auth-card-right .auth-card-oidc-mobile{display:none}}@media (max-width:1064px){.auth-header{margin-bottom:0}.auth-card-content{flex-direction:column;display:flex}.auth-card-left,.auth-card-right{width:100%}.auth-card-left{padding-right:0}.auth-card-left .auth-card-oidc{display:none}.auth-card-right .auth-card-oidc-mobile{margin-top:1.5rem;display:block}.auth-card-right .auth-card-oidc-mobile .flow-button{margin-bottom:0;padding-top:0}.auth-card-right .auth-card-oidc-mobile .flow-button wa-button{float:none;width:100%}.auth-card-left .auth-logo img{height:60px}.oidc-buttons{padding-top:1rem}.auth-card-footer{padding-top:0;padding-bottom:2rem}.auth-card-oidc .flow-button{margin-bottom:0;padding-top:0}.auth-card-oidc .flow-button wa-button{float:none;width:100%}.flow-group{padding-bottom:1rem}}@media (max-width:640px){.auth-layout{padding:1rem}.auth-main{max-width:100%}.auth-card-left .auth-logo img{height:55px}.oidc-buttons{grid-template-columns:1fr;padding-top:1rem}wa-card{--wa-card-padding:1.5rem}}.standard-input{width:100%;height:var(--wa-input-height,44px);font-size:var(--wa-input-font-size,1rem);color:var(--wa-color-text-loud);background-color:var(--wa-color-surface-default);border:1px solid var(--wa-input-border-color,var(--wa-color-border-normal));border-radius:var(--wa-input-border-radius,6px);box-sizing:border-box;appearance:none;padding-inline-start:var(--wa-input-padding-start,.75rem);padding-inline-end:var(--wa-input-padding-end,.75rem);font-family:inherit;transition:border-color .15s}.standard-input:hover{border-color:var(--wa-input-border-color-hover,var(--wa-color-border-strong))}.standard-input:focus{border-color:var(--wa-input-border-color-focus,var(--wa-color-brand-border-loud));box-shadow:0 0 0 1px var(--wa-input-border-color-focus,var(--wa-color-brand-border-loud));outline:none}.standard-input::placeholder{color:var(--wa-color-text-quiet)}.standard-input:disabled{background-color:var(--wa-color-surface-disabled);color:var(--wa-color-text-disabled);cursor:not-allowed;opacity:.7}.standard-label{color:var(--wa-color-text-loud);margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}