.login-page-title{max-width: 920px;margin: var(--space-6) auto var(--space-4);font-family: var(--font-display);font-size: var(--text-3xl);font-weight: 800;color: var(--color-charcoal);text-transform: uppercase;letter-spacing: var(--tracking-tight)}.login-layout{display: grid;grid-template-columns: 1fr;gap: var(--space-8);padding: var(--space-4) 0 var(--space-10);max-width: 920px;margin: 0 auto}@media (min-width: 720px){.login-layout{grid-template-columns: 1fr 1fr;gap: var(--space-10);align-items: start}}.login-card{background: var(--color-white);border: 1px solid var(--color-fog);border-radius: var(--radius-xl);padding: var(--space-8);box-shadow: var(--shadow-sm)}.login-card__title{font-family: var(--font-display);font-size: var(--text-2xl);font-weight: 800;color: var(--color-charcoal);text-transform: uppercase;letter-spacing: var(--tracking-tight);margin-bottom: var(--space-6)}.login-field{margin-bottom: var(--space-5)}.login-field label{display: block;font-size: var(--text-xs);font-weight: 700;text-transform: uppercase;letter-spacing: var(--tracking-wide);color: var(--color-slate);margin-bottom: var(--space-2)}.login-input{width: 100%;height: 48px;border: 1.5px solid var(--color-fog);border-radius: var(--radius-md);padding: 0 var(--space-4);font-size: var(--text-base);color: var(--color-ink);font-family: var(--font-body);transition: border-color var(--transition-fast);background: var(--color-white)}.login-input:focus{outline: none;border-color: var(--color-forest)}.login-pw-wrap{position: relative}.login-pw-wrap .login-input{padding-right: 44px}.login-pw-toggle{position: absolute;right: 0;top: 0;width: 44px;height: 48px;display: flex;align-items: center;justify-content: center;background: none;border: none;cursor: pointer;color: var(--color-muted);transition: color var(--transition-fast)}.login-pw-toggle:hover{color: var(--color-forest)}.login-submit{margin-top: var(--space-2)}.login-forgot{display: block;text-align: right;font-size: var(--text-xs);color: var(--color-forest);font-weight: 600;margin-top: var(--space-2);transition: opacity var(--transition-fast)}.login-forgot:hover{opacity: .75}.login-sep{display: flex;align-items: center;gap: var(--space-3);margin: var(--space-6) 0}.login-sep::before,.login-sep::after{content: '';flex: 1;height: 1px;background: var(--color-fog)}.login-sep__text{font-size: var(--text-xs);color: var(--color-muted);font-weight: 600;white-space: nowrap}.login-register-btn{display: flex;align-items: center;justify-content: center;gap: var(--space-2);width: 100%;height: 48px;border-radius: var(--radius-md);border: 1.5px solid var(--color-forest);background: transparent;color: var(--color-forest);font-size: var(--text-sm);font-weight: 700;transition: all var(--transition-fast);text-decoration: none}.login-register-btn:hover{background: var(--color-forest);color: var(--color-white)}.login-google-btn{display: flex;align-items: center;justify-content: center;gap: var(--space-3);width: 100%;height: 48px;border-radius: var(--radius-md);border: 1.5px solid var(--color-fog);background: var(--color-white);color: var(--color-ink);font-size: var(--text-sm);font-weight: 700;cursor: pointer;transition: all var(--transition-fast);text-decoration: none;margin-top: var(--space-3)}.login-google-btn:hover{border-color: var(--color-slate);background: var(--color-mist)}.login-google-btn svg{flex-shrink: 0}.login-benefits{background: var(--color-forest);border-radius: var(--radius-xl);padding: var(--space-8)}.login-benefits__title{font-family: var(--font-display);font-size: var(--text-2xl);font-weight: 800;color: var(--color-white);text-transform: uppercase;letter-spacing: var(--tracking-tight);margin-bottom: var(--space-6)}.login-benefit-item{display: flex;align-items: flex-start;gap: var(--space-4);margin-bottom: var(--space-5)}.login-benefit-item:last-child{margin-bottom: 0}.login-benefit-icon{width: 36px;height: 36px;flex-shrink: 0;background: oklch(100% 0 0 / .12);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;color: oklch(85% .06 145)}.login-benefit-title{font-size: var(--text-sm);font-weight: 700;color: var(--color-white);margin-bottom: 2px}.login-benefit-desc{font-size: var(--text-xs);color: oklch(78% .05 145);line-height: var(--leading-relaxed)}