.wc-auth-page{--auth-panel-width: 400px;--auth-heading-size: 2rem;--auth-header-space: 2rem;--auth-field-space: 1.5rem;--auth-footer-space: 2rem;display:grid;grid-template-columns:minmax(0,1fr) var(--auth-panel-width);align-items:center;min-height:100vh;min-height:100dvh;margin:0;padding:0;background:var(--standalone-paper, #fff);color:var(--standalone-text, #333);font-family:var(--wc-font-sans);line-height:1.6}.wc-auth-page *{box-sizing:border-box}.wc-auth-page h1,.wc-auth-page p{margin:0}.wc-auth-page--login{--auth-heading-size: 2.5rem;--auth-header-space: 3rem;--auth-field-space: 2rem;--auth-footer-space: 3rem}.wc-auth-page--register{--auth-panel-width: 420px}.wc-auth-page--mfa{--auth-panel-width: 480px;--auth-header-space: 1.5rem}.wc-auth-page .background-side{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,var(--standalone-soft, #f8f9fa),var(--standalone-soft, #e9ecef));color:var(--standalone-muted, #6c757d)}.wc-auth-page .auth-home-link{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none}.wc-auth-page .logo{max-height:160px;margin-bottom:1rem}.wc-auth-page .brand-text{color:var(--standalone-text, #3a3a3a);font-size:2rem;font-weight:500}.auth-container{width:100%;max-width:var(--auth-panel-width);min-width:0;padding:3rem}.auth-header{margin-bottom:var(--auth-header-space)}.auth-header h1{margin-bottom:.5rem;color:var(--standalone-text, #3a3a3a);font-size:var(--auth-heading-size);font-weight:500}.auth-header p{color:var(--standalone-muted, #6c757d);font-size:.95rem}.auth-container .form-group{margin-bottom:var(--auth-field-space)}.auth-container .form-label{display:block;margin-bottom:.75rem;color:var(--standalone-text, #3a3a3a);font-size:.95rem;font-weight:500}:root .auth-container :is(.form-input,button[type=submit]){width:100%}:root .auth-container button[type=submit]{min-height:48px}.auth-container .wc-standard-dialogue{margin-bottom:1.5rem}.auth-container .footer-text,.auth-container .login-link{margin-top:var(--auth-footer-space);color:var(--standalone-muted, #6c757d);font-size:.9rem;overflow-wrap:anywhere}.auth-container .login-link{text-align:center}.auth-container .login-link a{color:var(--standalone-text, #3a3a3a);font-weight:500}.auth-container .field-error{margin-top:.5rem;color:var(--wc-card-red-accent, #dc2626);font-size:.85rem}.auth-container .turnstile-wrap{margin-bottom:1.5rem;min-width:0}.auth-container .remember-me{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.95rem}.auth-container .remember-me input{width:auto}@media(max-width:768px){.wc-auth-page{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start}.wc-auth-page .background-side{height:auto;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) 1.25rem max(1.25rem,env(safe-area-inset-left));text-align:center}.wc-auth-page .logo{max-height:96px;margin-bottom:.75rem}.wc-auth-page .brand-text{font-size:1.5rem}.auth-container{margin:0 auto;padding:1.75rem max(1.25rem,env(safe-area-inset-right)) max(1.75rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.auth-header h1{font-size:2rem}.auth-container .remember-me{align-items:flex-start;flex-wrap:wrap;row-gap:.75rem}.auth-container .remember-me>*,.auth-container form{min-width:0}.auth-container .remember-me a{overflow-wrap:anywhere}}@media(max-width:380px){.wc-auth-page{--auth-header-space: 1.5rem;--auth-field-space: 1.25rem;--auth-footer-space: 1.25rem}.wc-auth-page .background-side{padding-top:max(.875rem,env(safe-area-inset-top));padding-bottom:.875rem}.wc-auth-page .logo{max-height:68px;margin-bottom:.35rem}.wc-auth-page .brand-text{font-size:1.25rem}.auth-container{padding:1.25rem max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.auth-header h1{font-size:1.75rem}.auth-container .form-label{margin-bottom:var(--wc-field-label-gap)}.auth-container .remember-me{margin-bottom:1.25rem}.auth-container .wc-standard-dialogue{padding:.75rem;margin-bottom:1rem}}.wc-auth-page--mfa .auth-header,.wc-auth-page--mfa .form-label{text-align:center}.auth-container .wc-mfa-code-fields{margin:.75rem auto 1rem}.auth-container .auth-mfa-status{margin-top:1rem;text-align:center}.auth-mfa-secondary{margin-top:1.5rem;padding-top:1.125rem;border-top:1px solid var(--standalone-border, var(--wc-border));text-align:center}.auth-mfa-secondary h2{margin:0 0 .5rem;font-size:1rem}.auth-mfa-secondary p{margin-bottom:1rem}
