.login-story{background:var(--primary-soft);padding:var(--space-10);justify-content:center;gap:var(--space-6);flex-direction:column;display:flex}.login-story .brand{padding:0}.login-story h1{letter-spacing:-1.6px;max-width:460px;font-size:42px;line-height:1.15}.login-story p{color:var(--primary-text);max-width:380px;font-size:15px}.login-form{width:calc(100% - 48px);max-width:360px;margin:auto}.login-form h1{margin-bottom:8px}.login-form>p{margin-bottom:var(--space-6)}.enter-screen{z-index:80;background:#fdfdfd;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.enter-progress{color:#5c5c5c;letter-spacing:0;font-variant-numeric:tabular-nums;text-align:center;min-width:4ch;margin:0;font-size:13px;font-weight:500}.enter-screen .enter-line{width:160px}.login-error{color:var(--danger);margin:0;font-size:14px;line-height:1.45}@media (max-width:767px){.login-page{grid-template-columns:minmax(0,1fr)}.login-story,.login-form{min-width:0}.login-form h1{overflow-wrap:break-word;font-size:clamp(24px,6.7vw,30px)}.login-story h1{font-size:clamp(32px,8.8vw,38px)}}.login-page{background:var(--background);grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-story{color:var(--foreground);background:#e7ebdf;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px;padding:54px clamp(32px,6vw,96px);display:flex;position:relative;overflow:hidden}.login-story>a:first-child{position:absolute;top:40px;left:clamp(32px,6vw,96px)}.login-story h1{letter-spacing:-.04em;font-size:clamp(38px,4.2vw,60px);font-weight:500;line-height:1.06}.login-story em{font-family:var(--font-editorial), Georgia, serif;color:var(--primary);font-size:1.17em;font-weight:400}.login-story p{color:var(--muted);max-width:420px;font-size:18px;line-height:28px}.login-form{width:calc(100% - 48px);max-width:390px}.login-form h1{letter-spacing:-.8px;font-size:30px;font-weight:500;line-height:36px}.login-form .full-width{min-height:44px}.login-form .arrow-button{width:100%}.login-form form{gap:16px;display:grid}.login-form form .field{margin:0}.login-form .input{appearance:none;box-shadow:none;background:#f3f2ee;border:0;outline:none}.login-form .input:hover{background:#eeede8}.login-form .input:focus,.login-form .input:focus-visible{background:#f3f2ee;outline:none;box-shadow:0 0 0 1px #234f52,0 0 0 4px #234f521a}.login-form .input:invalid{box-shadow:none}.password-field{position:relative}.password-field .input{padding-right:44px}.password-toggle{color:#3c433f;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;bottom:6px;right:6px}.password-toggle:hover{color:var(--foreground);background:#e6e4df}.login-form .input:-webkit-autofill{-webkit-text-fill-color:var(--foreground);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #f3f2ee}@media (max-width:767px){.login-story{gap:18px;min-height:300px;padding:90px 24px 30px}.login-story>a:first-child{top:24px;left:24px}.login-story>.brand-mascot{width:56px;height:56px;position:absolute;top:75px;right:25px}.login-story p{max-width:300px;font-size:16px;line-height:25px}.login-form{margin:auto;padding:36px 0 44px}.login-page{grid-template-columns:minmax(0,1fr)}.login-story,.login-form{min-width:0}.login-form h1{font-size:clamp(24px,6.7vw,30px)}.login-story h1{font-size:clamp(32px,8.8vw,38px)}}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}.font-editorial{--font-editorial:"Instrument Serif"}
