.login-wrapper{background:linear-gradient(0deg, var(--color-accent-tint), var(--color-accent-tint)), var(--color-bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--color-card);width:min(1000px,100%);min-height:560px;box-shadow:0 4px 40px var(--color-shadow);border-radius:24px;display:flex;overflow:hidden}.login-form-section{flex-direction:column;flex:1;justify-content:center;gap:8px;padding:56px;display:flex}.login-logo{border-radius:10px;width:44px;height:44px;margin-bottom:16px}.login-title{color:var(--color-content-text);margin:0;font-size:1.6rem;font-weight:700}.login-subtitle{color:var(--color-muted);margin:0 0 24px;font-size:.95rem}.login-denied-banner{border:1px solid var(--color-error);background:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error);border-radius:12px;margin-bottom:20px;padding:14px 16px;font-size:.85rem;line-height:1.5}.login-form{flex-direction:column;gap:18px;display:flex}.login-error{border:1px solid var(--color-error);background:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error);border-radius:10px;padding:12px 14px;font-size:.85rem}.login-field-group{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--color-content-text);font-size:.85rem;font-weight:600}.login-field-group input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-content-text);font-family:var(--font-family-montserrat);border-radius:12px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.login-field-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent)}.login-submit{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:13px 20px;font-size:.95rem;font-weight:600;transition:transform .15s,opacity .15s}.login-submit:hover:not(:disabled){transform:translateY(-1px)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-brand-section{background:linear-gradient(160deg, var(--color-accent), #e75536);color:#fff;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.login-brand-content h2{margin:0 0 12px;font-size:1.7rem;font-weight:700}.login-brand-content p{opacity:.9;margin:0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.login-brand-section{display:none}.login-form-section{padding:32px 24px}}