.login-page{min-height:100vh;display:flex;overflow:hidden}.login-page__form-side{background-color:var(--color-surface);width:45%;min-width:420px;padding:var(--space-4xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.login-page__logo{align-items:center;gap:var(--space-sm);top:var(--space-3xl);left:var(--space-3xl);display:flex;position:absolute}.login-page__logo-icon{background-color:var(--color-primary);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.login-page__logo-text{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.login-page__card{width:100%;max-width:400px}.login-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.login-page__subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-3xl)}.login-page__link{color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-decoration:underline}.login-page__link:hover{color:var(--color-primary-hover)}.login-page__buttons{gap:var(--space-md);flex-direction:column;display:flex}.login-btn{justify-content:center;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);display:flex}.login-btn--google,.login-btn--microsoft,.login-btn--linkedin{background-color:var(--color-surface);color:var(--color-text-primary);border:1.5px solid var(--color-border)}.login-btn--google:hover,.login-btn--microsoft:hover,.login-btn--linkedin:hover{border-color:var(--color-text-muted);box-shadow:var(--shadow-sm)}.login-page__divider{background-color:var(--color-border);height:1px;margin:var(--space-sm) 0}.login-page__fields{gap:var(--space-lg);flex-direction:column;display:flex}.login-page__error{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);background-color:#fef2f2;border:1px solid #fecaca;display:flex}.login-field{gap:var(--space-xs);flex-direction:column;display:flex}.login-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.login-field__input{width:100%;padding:var(--space-md) var(--space-lg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);transition:all var(--transition-fast)}.login-field__input::placeholder{color:var(--color-text-placeholder)}.login-field__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #fecf0026}.login-field__password-wrap{position:relative}.login-field__password-wrap .login-field__input{padding-right:60px}.login-field__toggle{right:var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;position:absolute;top:50%;transform:translateY(-50%)}.login-field__toggle:hover{color:var(--color-text-primary)}.login-btn__spinner{border:2px solid #0003;border-top-color:var(--color-text-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn--email:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-btn--sso{background-color:var(--color-text-primary);color:#fff}.login-btn--sso:hover{box-shadow:var(--shadow-md);background-color:#2a2a2d;transform:translateY(-1px)}.login-page__feature-side{background:linear-gradient(135deg, var(--color-login-gradient-start) 0%, var(--color-login-gradient-end) 50%, #3b1f7e 100%);padding:var(--space-4xl);color:#fff;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page__feature-side:before{content:"";background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);border-radius:50%;width:60%;height:60%;position:absolute;top:-30%;right:-20%}.login-page__feature-side:after{content:"";background:radial-gradient(circle,#6366f133 0%,#0000 70%);border-radius:50%;width:40%;height:40%;position:absolute;bottom:-20%;left:-10%}.login-page__feature-content{z-index:1;max-width:500px;position:relative}.login-page__feature-label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);text-align:center}.login-page__feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-3xl);background:#6478f04d;border:1px solid #ffffff1a}.login-page__feature-text{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-xl);line-height:1.5}.login-page__feature-preview{justify-content:center;gap:var(--space-md);display:flex}.login-page__feature-mock{gap:var(--space-md);display:flex}.mock-screen{border-radius:var(--radius-md);border:2px solid #fff3;width:140px;height:90px}.mock-screen--1{background:linear-gradient(135deg,#374151 0%,#1f2937 100%)}.mock-screen--2{background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%)}.login-page__feature-info{gap:var(--space-lg);align-items:flex-start;display:flex}.login-page__feature-icon{border-radius:var(--radius-md);background:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-page__feature-info-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.login-page__feature-info-desc{font-size:var(--font-size-sm);color:#ffffffb3;line-height:1.6}