.login{background:#f7f8f7;padding:56px 32px 40px}.login__layout{background:var(--white);border:1px solid #dfe2df;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);max-width:1120px;margin-inline:auto;display:grid}.login-story{background:#e9ece9;flex-direction:column;padding:44px 40px 28px;display:flex}.login-story__eyebrow,.auth-eyebrow{letter-spacing:.16em;color:#606760;font-size:10px;font-weight:500}.login-story h2{font-family:var(--font-serif);letter-spacing:.02em;color:var(--ink);margin-top:22px;font-size:clamp(25px,2.6vw,32px);font-weight:400;line-height:1.75}.login-story__lead{margin-top:18px;font-size:13px;line-height:1.9}.login-story__art{isolation:isolate;place-items:center;min-height:250px;margin-block:18px;display:grid;position:relative}.login-story__art img{width:196px;height:auto;position:relative}.login-story__wordmark{font-family:var(--font-brand);letter-spacing:-.065em;color:#d1d7d1;font-size:clamp(60px,6.5vw,90px);line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.login-story__benefits{gap:21px;margin-top:auto;display:grid}.login-story__benefits li{align-items:baseline;gap:16px;display:flex}.login-story__number{color:#606760;letter-spacing:.04em;flex:0 0 24px;font-size:10px}.login-story__benefits h3{color:var(--ink);font-size:14px;font-weight:500}.login-story__benefits p{margin-top:4px;font-size:11px;line-height:1.8}.login-story__browse{color:#5e665f;border-top:1px solid #cbd1cb;margin-top:28px;padding-top:18px;font-size:10px;line-height:1.8}.login__form-area{min-width:0;padding:44px clamp(28px,4vw,56px)}.auth-tabs{border-bottom:1px solid #e3e4e3;gap:28px;margin-bottom:36px;display:flex}.auth-tabs>button{color:var(--sub);justify-content:center;align-items:center;gap:8px;padding:0 2px 16px;font-size:13px;display:inline-flex;position:relative}.auth-tabs>button[aria-pressed=true]{color:var(--ink);font-weight:500}.auth-tabs>button[aria-pressed=true]:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-tabs__free{color:#465548;background:#edf1ec;padding:1px 6px;font-size:10px;line-height:1.6}.auth-title{font-family:var(--font-serif);letter-spacing:.025em;color:var(--ink);margin-top:10px;font-size:28px;font-weight:400;line-height:1.6}.auth-description{color:var(--sub);margin-top:12px;font-size:13px;line-height:1.9}.auth-steps{border-block:1px solid #e9ebe9;align-items:center;gap:20px;margin-top:24px;padding-block:13px;display:flex}.auth-steps li{color:var(--sub);align-items:center;gap:8px;font-size:11px;display:flex}.auth-steps li[aria-current=step]{color:var(--ink);font-weight:500}.auth-steps li+li:before{content:"";background:var(--line);width:16px;height:1px;margin-right:4px}.auth-steps span{border:1px solid var(--line);border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid}.auth-steps [aria-current=step] span{background:var(--ink);border-color:var(--ink);color:var(--white)}.auth-form{gap:22px;margin-top:30px;display:grid}.auth-field{gap:9px;display:grid}.auth-field label{color:var(--ink);align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.auth-field__required{color:var(--sub);font-size:10px;font-weight:400}.auth-field input{background:var(--white);border:1px solid #8b938d;border-radius:4px;width:100%;min-width:0;height:52px;padding:13px 15px;font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s;display:block}.auth-field input::placeholder{color:#6b736d;opacity:1;font-size:13px}.auth-field input:focus{border-color:#4d6053;outline:none;box-shadow:0 0 0 3px #4d605315}.auth-field input[readonly]{background:#f5f6f5}.auth-password{position:relative}.auth-password input{padding-right:76px}.auth-password__toggle{min-width:60px;min-height:44px;color:var(--sub);border-radius:3px;padding-inline:10px;font-size:12px;position:absolute;top:4px;right:4px}.auth-password__toggle:hover{color:var(--ink);background:#f1f3f1}.auth-field__hint{color:var(--sub);font-size:11px;line-height:1.6}.auth-form__notice{color:var(--sub);font-size:11px;line-height:1.9}.auth-form__notice a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.auth-submit{border:1px solid var(--ink);background:var(--ink);width:100%;min-height:54px;color:var(--white);border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;line-height:1.7;transition:background-color .15s;display:flex}.auth-submit:hover{background:#343c36}.auth-submit>span:last-child:not(.auth-spinner){margin-left:auto}.auth-submit:has(>span:last-child:not(.auth-spinner)){justify-content:space-between}.auth-panel button:disabled{opacity:.5;cursor:wait}.auth-switch{text-align:center;border-top:1px solid #e3e4e3;margin-top:28px;padding-top:24px}.auth-switch p{color:var(--sub);font-size:12px}.auth-text-button{min-height:44px;color:var(--ink);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.auth-text-button:hover{text-underline-offset:5px;text-decoration:underline}.auth-company-note{color:var(--sub);margin-top:18px;font-size:11px;line-height:1.9}.auth-feedback{color:#993f3f;background:#fcf5f4;border:1px solid #ddc4c4;border-radius:4px;padding:14px 16px;font-size:13px;line-height:1.8}.auth-complete{padding-block:28px}.auth-complete__icon{color:#4d6053;background:#edf1ec;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:28px;display:grid}.auth-complete__icon svg{stroke:currentColor;stroke-width:1.4px;width:32px;height:32px}.auth-complete .auth-title{font-size:25px}.auth-complete__email{color:var(--ink);overflow-wrap:anywhere;margin-top:24px;font-size:15px;font-weight:500}.auth-complete__hint{color:var(--sub);margin-block:24px 30px;font-size:12px;line-height:1.9}.auth-account{padding-top:40px}.auth-account .auth-submit{margin-top:32px}.auth-account form{text-align:center;margin-top:18px}.auth-spinner{border:1px solid #ffffff70;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.login__support{color:var(--sub);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:28px;font-size:11px;display:flex}.login__support span{background:var(--line);width:1px;height:12px}.login__support a:hover{text-underline-offset:4px;text-decoration:underline}.login a:focus-visible,.login button:focus-visible,.login [tabindex="-1"]:focus-visible{outline-offset:4px;outline:2px solid #4d6053}@media (max-width:1000px){.login{padding:36px 24px}.login-story{padding:36px 28px 24px}.login-story h2{font-size:25px}.login__form-area{padding:36px 28px}.auth-title{font-size:25px}.auth-steps{gap:10px}.auth-steps li{gap:5px;font-size:10px}.auth-steps li+li:before{width:10px;margin-right:0}}@media (max-width:760px){.login{padding:24px 16px 28px}.login__layout{grid-template-columns:minmax(0,1fr);max-width:480px}.login__form-area{grid-row:1;padding:28px 24px 32px}.auth-tabs{gap:24px;margin-bottom:28px}.auth-title{font-size:24px}.auth-description{font-size:12px}.auth-form{gap:20px;margin-top:26px}.auth-steps{flex-wrap:wrap;gap:12px}.auth-steps li{font-size:11px}.auth-steps li+li:before{width:16px}.auth-switch{margin-top:24px;padding-top:20px}.auth-complete{padding-block:12px}.auth-complete .auth-title{font-size:23px}.auth-account{padding-top:12px}.login-story{padding:30px 24px 24px}.login-story h2{margin-top:14px;font-size:23px}.login-story__lead{margin-top:12px;font-size:12px}.login-story__art,.login-story__benefits{display:none}.login-story__browse{margin-top:22px}.login__support{gap:12px;font-size:10px}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}.auth-field input,.auth-submit{transition:none}}.auth-purpose{color:#354d3b;background:#f0f4ec;border:1px solid #d6dece;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:12px;display:flex}.auth-purpose>span{font-weight:500}.auth-purpose a{text-underline-offset:4px;white-space:nowrap;font-size:11px;text-decoration:underline}
