.login-page{background:var(--surface);grid-template-columns:minmax(360px,42%) minmax(0,1fr);min-height:100vh;display:grid}.login-story{color:#fff;background:#0c4e47;flex-direction:column;padding:42px 48px;display:flex;position:relative;overflow:hidden}.login-story .brand-mark{color:#0c4e47;background:#fff}.login-story .brand-mark span{background:#0f766e}.story-content{max-width:420px;margin:auto 0;padding:60px 0}.story-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#c0e5da;font-size:11px}.story-content h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(36px,3.6vw,56px);font-weight:600;line-height:1.14}.story-content>p{color:#d3e8e2;max-width:360px;font-size:16px;line-height:1.8}.story-foot{color:#c0dbd4;font-size:12px}.story-tables{opacity:.65;grid-template-columns:repeat(3,58px);gap:24px;margin-top:48px;display:grid;transform:rotate(-7deg)}.story-tables span{background:#ffffff0b;border:1px solid #9dcac0;border-radius:8px;width:58px;height:44px;position:relative}.story-tables span:before,.story-tables span:after{content:"";border:1px solid #9dcac0;border-radius:2px;width:14px;height:5px;position:absolute;left:21px}.story-tables span:before{top:-8px}.story-tables span:after{bottom:-8px}.story-tables span:nth-child(2),.story-tables span:nth-child(6){background:#c5e5dc22}.login-main{flex-direction:column;min-width:0;padding:28px 40px;display:flex}.login-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.company-pill{border:1px solid var(--line);color:var(--muted);overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:8px;max-width:100%;padding:7px 10px;font-size:12px;display:flex}.login-card{width:min(100%,390px);margin:auto;padding:50px 0}.login-card h2{letter-spacing:-.035em;margin-bottom:12px;font-size:32px;line-height:1.2}.login-card>.muted{max-width:340px;font-size:14px;line-height:1.7}.login-form{margin-top:32px}.login-form .primary-button{justify-content:space-between;width:100%}.login-foot{color:var(--muted);justify-content:center;gap:10px;padding:8px 0;font-size:11px;display:flex}.login-foot span{color:var(--border)}@media (max-width:1023px){.login-story{padding:32px}.login-main{padding:24px}.story-content h1{font-size:38px}.story-tables{gap:18px}}@media (max-width:767px){.login-page{display:block}.login-story{min-height:auto;padding:22px 24px}.story-content,.story-foot{display:none}.login-main{min-height:calc(100vh - 81px);padding:20px 24px}.login-card{padding:38px 0}.login-top{gap:10px}.login-top .preferences select{max-width:92px;font-size:11px}.login-card h2{font-size:29px}.login-foot{padding-top:0}}