html,body{background:#f3f6f8;width:100%;height:100%;margin:0}iframe.workspace{border:0;width:100%;height:100dvh;display:block}.login-shell{color:#0e1629;background:#fff;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);min-height:100dvh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;display:grid}.login-shell *{box-sizing:border-box}.login-story{background:#edf3ff;flex-direction:column;min-height:100dvh;padding:35px 7%;display:flex;position:relative;overflow:hidden}.login-brand{width:170px;height:70px;display:block}.login-brand img{width:100%;height:auto;display:block}.story-content{margin:auto 0;padding:58px 0 48px}.login-eyebrow{letter-spacing:1.7px;color:#4f6c9f;align-items:center;gap:9px;font-size:10px;font-weight:750;display:flex}.login-eyebrow>span{background:#2864ce;border-radius:100%;width:6px;height:6px}.login-story h1{letter-spacing:-1.9px;margin:23px 0;font-size:clamp(32px,3.3vw,50px);line-height:1.15}.login-story h1 em{color:#2864ce;font-style:normal}.story-content>p{color:#5e708f;margin:0;font-size:14px;line-height:1.8}.story-benefits{color:#4e6285;flex-wrap:wrap;gap:18px;margin-top:15px;font-size:11px;display:flex}.story-benefits span{align-items:center;gap:7px;display:flex}.story-footer{color:#7685a1;letter-spacing:1.6px;justify-content:space-between;gap:20px;font-size:9px;display:flex}.story-footer span{letter-spacing:0;font-size:11px}.login-panel{flex-direction:column;justify-content:center;align-items:center;padding:80px 10% 35px;display:flex;position:relative}.login-card{width:100%;max-width:390px;margin:auto 0}.login-icon{color:#2864ce;background:#eff4ff;border:1px solid #e1eaff;border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:28px;display:grid}.login-card .login-eyebrow{letter-spacing:1.6px;font-size:9px}.login-card h2{letter-spacing:-1.1px;max-width:330px;margin:13px 0;font-size:28px;line-height:1.3}.login-intro{color:#687386;margin:0 0 32px;font-size:13px;line-height:1.7}.login-field{margin-bottom:21px}.login-field label{margin-bottom:9px;font-size:12px;font-weight:650;display:block}.login-field input{-webkit-appearance:none;appearance:none;width:100%;height:50px;font:inherit;color:#0e1629;background:#fbfcfe;border:1px solid #dce3ed;border-radius:9px;outline:none;padding:0 15px;font-size:13px;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:#8e98aa}.login-field input:focus{background:#fff;border-color:#6c9ce9;box-shadow:0 0 0 3px #e9f0ff}.login-field input[aria-invalid=true]{border-color:#d68383}.password-field{position:relative}.password-field input{padding-right:49px}.password-toggle{color:#7d8aa1;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:5px;right:5px}:is(.login-shell button:focus-visible,.login-shell a:focus-visible){outline-offset:3px;outline:3px solid #93b4ff}.password-toggle:hover{background:#eef3fb}.login-submit{color:#fff;width:100%;height:50px;font:inherit;cursor:pointer;background:#2864ce;border:1px solid #2864ce;border-radius:9px;justify-content:center;align-items:center;gap:14px;margin-top:29px;font-size:13px;font-weight:650;display:flex;box-shadow:0 4px 9px #2864ce16}.login-submit:hover{background:#2058bb}.login-submit:disabled{opacity:.65;cursor:wait}.login-support{color:#8590a2;border-top:1px solid #edf0f5;justify-content:center;align-items:center;gap:7px;margin-top:25px;padding-top:24px;font-size:10px;display:flex}.login-error{color:#a13434;background:#fff2f2;border:1px solid #f0d4d4;border-radius:9px;padding:12px 14px;font-size:12px}.login-footer{color:#7b87a0;padding-top:50px;font-size:12px;font-weight:650}.login-footer span{margin-left:6px;font-size:10px;font-weight:400}.login-illustration{max-width:450px;height:240px;margin:22px 0 8px;position:relative}.illustration-grid{background-image:linear-gradient(#c6d7f633 1px,#0000 1px),linear-gradient(90deg,#c6d7f633 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.building{background:linear-gradient(140deg,#fff9,#cedefa);border:1px solid #99b9f0;border-radius:8px 8px 0 0;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px;display:grid;position:absolute;bottom:28px;box-shadow:10px 6px #b8cef22c}.building i{background:#eaf1fd;border:1px solid #a1beee;border-radius:2px;min-height:15px}.building.one{width:100px;height:130px;left:15%}.building.two{z-index:1;grid-template-columns:repeat(3,1fr);width:125px;height:188px;left:calc(15% + 90px)}.building.three{width:85px;height:100px;left:calc(15% + 205px)}.ground-line{background:#b2c9ef;width:95%;height:1px;position:absolute;bottom:27px;left:2.5%}.floating-note{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#43618f;background:#fffc;border:1px solid #d7e3f6;border-radius:9px;align-items:center;gap:8px;padding:12px 15px;font-size:10px;display:flex;position:absolute;bottom:46px;left:5%;box-shadow:0 10px 30px #496ea31a}.floating-note svg{color:#2864ce}@media (min-width:1600px){.login-story{padding-left:12%;padding-right:10%}.story-content{max-width:550px}.login-illustration{height:280px}}@media (max-width:900px){.login-story{padding:28px 7%}.login-panel{padding:60px 8% 28px}.story-footer{display:block}.story-footer span{display:none}.story-benefits{gap:12px}.login-illustration{transform-origin:0;transform:scale(.88)}.login-card h2{font-size:26px}.desktop-break{display:none}}@media (max-width:680px){.login-shell{flex-direction:column;display:flex}.login-story{min-height:0;padding:16px 26px 26px}.login-brand{width:132px;height:54px}.story-content{padding:17px 0 0}.story-content>.login-eyebrow,.story-content>p,.login-illustration,.story-benefits,.story-footer{display:none}.login-story h1{letter-spacing:-1px;margin:0;font-size:28px}.login-story h1 br{display:none}.login-story h1 em{margin-top:4px;display:block}.login-panel{flex:1;min-height:calc(100dvh - 195px);padding:32px 26px 22px}.login-card{max-width:420px}.login-icon{display:none}.login-card h2{margin:11px 0;font-size:25px}.login-intro{margin-bottom:26px}.login-footer{padding-top:30px}.login-support{font-size:9px}.login-field input{font-size:16px}}
