.login-page{background:#fff;grid-template-columns:minmax(340px,.95fr) minmax(480px,1.05fr);min-height:100vh;display:grid}.login-story{color:#fff;background:#14232d;flex-direction:column;min-height:100vh;padding:40px 48px;display:flex;position:relative;overflow:hidden}.login-brand{letter-spacing:.8px;align-items:center;gap:13px;width:max-content;max-width:100%;font-size:12px;font-weight:750;display:flex}.login-mark{color:#14232d;letter-spacing:-2px;background:#d0f477;border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:49px;font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:800;display:grid;transform:rotate(-3deg)}.login-brand small{color:#82969f;letter-spacing:1.8px;margin-top:6px;font-size:8px;display:block}.login-story-copy{z-index:1;margin:auto 0;padding:70px 0 230px;position:relative}.login-eyebrow{letter-spacing:1.7px;color:#82939c;font-size:9px;font-weight:750}.login-story-copy .login-eyebrow{color:#9bad99;margin-bottom:28px}.login-story-copy h1{letter-spacing:-3px;font-size:clamp(48px,4.4vw,76px);font-weight:800;line-height:1.12}.login-story-copy h1 span{color:#d0f477}.login-story-copy>p:last-child{color:#a3b2b9;margin-top:25px;font-size:13px;line-height:1.9}.login-pitch{color:#4c625f;opacity:.65;width:calc(100% + 45px);max-width:650px;position:absolute;bottom:22px;left:30px;transform:rotate(-11deg)}.login-story-footer{z-index:1;color:#a8b8ba;align-items:center;gap:9px;margin-top:20px;font-size:10px;display:flex;position:relative}.login-story-footer>span{background:#d0f477;border-radius:50%;width:6px;height:6px}.login-main{justify-content:center;align-items:center;min-width:0;max-width:none;margin:0;padding:55px 55px 35px;display:flex}.login-panel{width:100%;max-width:440px}.login-panel>.login-eyebrow{margin-bottom:17px}.login-panel h2{letter-spacing:-1.15px;color:#192e39;font-size:33px;font-weight:800;line-height:1.25}.login-intro{color:#778991;max-width:390px;margin-top:16px;font-size:13px;line-height:1.85}.login-submit{color:#243827;background:#d0f477;border:1px solid #c7e992;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:52px;margin-top:27px;padding:16px 18px;font-size:13px;font-weight:750;transition:background .15s,transform .15s;display:flex}.login-submit:hover{background:#c0e963;transform:translateY(-1px)}.login-submit>span{margin-left:auto;font-size:20px;line-height:1}.login-submit>svg{margin-right:2px}.login-access-note{color:#87969c;text-align:center;margin-top:12px;font-size:10px;line-height:1.6}.login-divider{color:#91a0a6;white-space:nowrap;align-items:center;gap:15px;margin:31px 0 22px;font-size:10px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e8eef0;flex:1;height:1px}.login-roles{grid-template-columns:1fr 1fr;gap:13px;display:grid}.login-role{background:#fbfcfc;border:1px solid #e8eef0;border-radius:10px;align-items:flex-start;gap:11px;min-width:0;padding:15px 12px;display:flex}.login-role-icon{color:#627b56;background:#edf3e8;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:32px;display:grid}.login-role-icon svg{width:19px;height:19px}.login-role h3{letter-spacing:-.15px;color:#3e5660;overflow-wrap:anywhere;margin:0 0 5px;font-size:11px;line-height:1.5}.login-role p{color:#829198;margin:0;font-size:10px;line-height:1.75}.login-help{color:#819198;background:#f3f6f7;border-radius:8px;align-items:flex-start;gap:10px;margin-top:24px;padding:14px;display:flex}.login-help>span{border:1px solid #9aabb0;border-radius:50%;flex-shrink:0;place-items:center;width:14px;height:14px;margin-top:2px;font-size:10px;display:grid}.login-help p{font-size:10px;line-height:1.8}.login-footer{color:#9caaaf;text-align:center;margin-top:30px;font-size:9px}.login-footer span{margin:0 8px}.login-account{margin-top:25px}.login-account-details{background:#f5f8f2;border:1px solid #e6eede;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.login-account-avatar{color:#5f774f;background:#e5edda;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:15px;font-weight:700;display:grid}.login-account-details>div{min-width:0}.login-account-details small{color:#8a9b81;margin-bottom:5px;font-size:9px;display:block}.login-account-details strong{color:#4b6140;overflow-wrap:anywhere;font-size:12px;display:block}.login-account .login-submit{margin-top:15px}.login-signout{text-align:center;width:100%;font:inherit;color:#7a8e97;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:14px;font-size:10px;line-height:1.7;text-decoration:underline;display:block}.login-invitation{color:#637b45;background:#f0f5e5;border:1px solid #e2ebd0;border-radius:8px;gap:11px;margin-top:20px;padding:13px 15px;font-size:11px;line-height:1.7;display:flex}.login-invitation>span{flex-shrink:0;font-size:18px;line-height:1.3}@media (min-width:1500px){.login-story{padding:55px 75px}.login-story-copy{padding-bottom:250px}.login-story-copy h1{font-size:78px}.login-pitch{bottom:25px;left:50px}}@media (max-width:1050px){.login-story{padding:35px 30px}.login-main{padding:40px 30px}.login-story-copy h1{font-size:52px}.login-role{gap:8px;padding:12px 10px}.login-role-icon{width:26px;height:28px}.login-panel h2{font-size:29px}}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-story{min-height:0;padding:24px 25px 30px}.login-story-copy{max-width:75%;margin:0;padding:28px 0 0}.login-story-copy .login-eyebrow{margin-bottom:14px;font-size:8px}.login-story-copy h1{letter-spacing:-1.5px;font-size:38px;line-height:1.16}.login-story-copy h1 br,.login-story-copy>p:last-child{display:none}.login-pitch{opacity:.3;width:330px;bottom:-110px;left:auto;right:-70px}.login-story-footer{display:none}.login-brand{font-size:10px}.login-mark{width:39px;height:40px;font-size:20px}.login-brand small{font-size:7px}.login-main{justify-content:center;padding:34px 25px 28px}.login-panel{max-width:480px}.login-panel h2{font-size:30px}.login-panel>.login-eyebrow{margin-bottom:12px;font-size:8px}.login-intro{font-size:12px}.login-role h3{font-size:11px}.login-role p{font-size:10px}.login-footer{margin-top:25px}}@media (max-width:370px){.login-main{padding:28px 18px}.login-story{padding:22px 18px}.login-roles{grid-template-columns:1fr}.login-story-copy{max-width:95%}.login-panel h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.login-submit{transition:none}.login-submit:hover{transform:none}}.login-logo-tile{background:#fff;border-radius:8px;flex:none;place-items:center;width:56px;height:70px;padding:5px;display:grid}.login-logo{object-fit:contain;width:100%;height:100%}.login-form{gap:12px;margin-top:22px;display:grid}.login-form .field{color:#3e5660;gap:6px;font-size:12px;font-weight:650;display:grid}.login-form input{font:inherit;color:#183044;background:#fff;border:1px solid #d5e0e4;border-radius:8px;padding:12px 14px;font-weight:400}.login-form .login-submit{cursor:pointer;width:100%;font:inherit;border:1px solid #c7e992}.login-form .login-submit:disabled{opacity:.7;cursor:wait;transform:none}.login-mode{background:#f1f5f6;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.login-mode button{font:inherit;color:#6d8088;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 8px;font-size:12px;font-weight:650}.login-mode .selected{color:#243827;background:#fff;box-shadow:0 1px 4px #1231}.login-divider-oauth{color:#91a0a6;white-space:nowrap;align-items:center;gap:12px;margin:4px 0;font-size:10px;display:flex}.login-divider-oauth:before,.login-divider-oauth:after{content:"";background:#e8eef0;flex:1;height:1px}.login-google{color:#243827;background:#fff;border:1px solid #d5e0e4;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:650;text-decoration:none;transition:background .15s;display:flex}.login-google:hover{background:#f5f8f7}@media (max-width:820px){.login-story-copy h1 br{display:block}}.android-beta-link{color:#254d3d;background:#f2f8ef;border:1px solid #d8e6db;border-radius:14px;flex-direction:column;gap:3px;margin:16px 0;padding:15px 18px;text-decoration:none;display:flex}.android-beta-link span{color:#6c8277;font-size:12px}.android-beta-link:hover{background:#e8f4e7}.android-beta-link:focus-visible{outline-offset:2px;outline:3px solid #91b8ef}
