.login-container{background-color:var(--bg-subtle)}.login-container,.login-content-wrapper{display:flex;flex-direction:column;min-height:100vh}.login-content-wrapper{flex:1 1}.login-form-section{padding:2rem;flex:1 1;order:1}.login-form-section,.login-logo-section{display:flex;justify-content:center;align-items:center}.login-logo-section{padding:3rem 2rem;background-color:var(--bg-subtle);order:2}.login-logo{width:100%;max-width:280px;height:auto;display:block;opacity:.95}.login-card{background:var(--bg-card);padding:3rem 2.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:440px;border:1px solid rgba(86,23,137,.08)}.login-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem;text-align:center}.login-subtitle{font-family:var(--font-body);color:var(--gray-600);text-align:center;margin-bottom:2rem;font-size:.95rem}.login-subtitle--compact{margin-bottom:.5rem;font-size:.8rem}.toggle-form-button-offset{margin-left:8px}.password-requirements{font-size:.8rem;color:var(--gray-500);margin-top:.35rem;margin-bottom:0}.login-divider{text-align:center;color:var(--gray-500);font-size:.875rem;margin:1.25rem 0 .75rem}@media (min-width:768px){.login-content-wrapper{flex-direction:row}.login-form-section{flex:1 1;order:1}.login-logo-section{flex:1 1;order:2;background-color:var(--bg-subtle);padding:4rem}.login-logo{min-width:2000;max-width:3080px}.login-card{max-width:460px}}.required-star{color:var(--error-text,#dc2626)}.form-hint{margin-top:.25rem;font-size:.75rem;color:var(--color-text-muted,#6b7280);line-height:1.4}.form-hint-phone{margin-top:.375rem;color:var(--color-primary,#2563eb);font-style:italic}.identifier-mode-toggle{margin-bottom:1rem;text-align:right}.identifier-mode-toggle button{background:none;border:none;color:var(--color-primary,#2563eb);font-size:.8125rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.identifier-mode-toggle button:hover{color:var(--color-primary-dark,#1d4ed8)}.identifier-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.identifier-label-row .form-label{margin-bottom:0}.identifier-mode-link{background:none;border:none;color:var(--color-primary,#2563eb);font-size:.8125rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;flex-shrink:0}.identifier-mode-link:hover{color:var(--color-primary-dark,#1d4ed8)}