.login-page { background: #fffdf7; }.login-layout { display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; }.login-intro { background: #dfead5; color: var(--ink); display: flex; flex-direction: column; justify-content: space-between; padding: 55px max(45px, calc((100vw - 1180px) / 2)); }.login-intro h1 { font: 600 clamp(2.8rem, 5vw, 4.4rem) / 1.08 'Playfair Display', serif; letter-spacing: -.04em; margin: 0; }.login-intro div > p:not(.eyebrow) { color: var(--muted); margin: 22px 0 0; max-width: 460px; }.login-intro small { color: var(--muted); font-size: .76rem; }.login-panel { display: flex; flex-direction: column; padding: 45px 9vw; }.login-card { margin: auto 0; max-width: 390px; width: 100%; }.login-card h2 { font-size: 2.25rem; }.login-copy { color: var(--muted); font-size: .9rem; margin: 12px 0 28px; }.login-card form { background: transparent; padding: 0; }.login-card label { margin-top: 5px; }.login-card input { background: #fff; padding: 12px; }.password-field { position: relative; }.password-field input { width: 100%; }.password-field button { background: transparent; border: 0; color: var(--muted); cursor: pointer; position: absolute; right: 9px; top: 12px; }.login-submit { justify-content: space-between; margin-top: 11px; width: 100%; }.login-message { color: #2d6e46; font-size: .79rem; font-weight: 600; margin: 8px 0 0; min-height: 20px; }.register-note { color: var(--muted); font-size: .8rem; margin-top: 22px; }.register-note a { color: var(--orange); font-weight: 700; }.login-page .back-link { margin-bottom: 0; }@media (max-width: 760px) { .login-layout { grid-template-columns: 1fr; }.login-intro { min-height: 380px; padding: 35px 22px; }.login-panel { min-height: 520px; padding: 35px 22px; } }