.ref-login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff;color:#102447;font-family:var(--font-ui),sans-serif}.ref-story{background:#243f7c;color:#fff;position:relative;overflow:hidden;padding:48px 6.3% 42px;display:flex;flex-direction:column;isolation:isolate}.ref-brand{display:flex;align-items:center;gap:8px;padding-left:16px;font-size:28px;font-weight:650;letter-spacing:-1px;position:relative;z-index:1}.ref-brand>svg{width:42px;height:42px;color:#70d4f7}.ref-brand>span>span{color:#22b1de}.ref-copy{margin-top:34px;position:relative;z-index:1}.ref-copy h1{font-size:32px;line-height:1.25;font-weight:800;letter-spacing:-.6px;margin:0 0 23px;color:#fff}.ref-copy p{font-size:17px;line-height:1.65;color:#e7efff;max-width:550px;margin:0}.ref-features{margin-top:auto;padding-top:110px;display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;position:relative;z-index:1}.ref-features>div{display:flex;gap:11px;align-items:center}.ref-feature-icon{width:36px;height:36px;border-radius:10px;background:#ffffff30;display:grid;place-items:center;flex-shrink:0}.ref-feature-icon svg{width:19px;height:19px}.ref-features b{font-size:14px;font-weight:750;display:block;white-space:nowrap}.ref-features small{font-size:13px;color:#eaf1ff;margin-top:2px;line-height:1.5}.ref-orb{position:absolute;border-radius:50%;background:#ffffff1b;z-index:0}.orb-one{width:115px;height:115px;left:10%;top:11%}.orb-two{width:88px;height:88px;right:17%;top:22%}.orb-three{width:102px;height:102px;left:17%;bottom:18%}.orb-four{width:74px;height:74px;right:10.5%;bottom:11%}.ref-form-side{display:flex;align-items:flex-start;justify-content:center;padding:132px 9% 70px}.ref-form-inner{width:100%;max-width:410px}.ref-form-inner h2{font-family:var(--font-ui),sans-serif;font-size:28px;font-weight:800;letter-spacing:-.7px;line-height:1.2;margin:0 0 8px;color:#09182f}.ref-form-inner>p{font-size:14px;color:#516787;margin-bottom:25px}.ref-form-inner form>label{font-size:13px;font-weight:500;margin-bottom:20px}.ref-field{display:flex;gap:10px;align-items:center;margin-top:3px}.ref-field>svg{width:17px;height:17px;color:#97a3b6;flex-shrink:0}.ref-field input{background:#e9f0ff;border:1px solid #dce2eb;border-radius:7px;height:44px;padding:11px;font-size:13px;margin-top:0;color:#102447}.ref-password{position:relative;flex:1;min-width:0}.ref-password input{padding-right:43px}.ref-eye{position:absolute;right:4px;top:4px;border:0;background:transparent;color:#93a0b4;padding:10px;min-height:0}.ref-eye:hover:not(:disabled){background:transparent}.ref-eye svg{width:17px;height:17px}.ref-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-4px;margin-bottom:20px}.ref-options label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:400}.ref-options input{width:13px;height:13px;accent-color:#243f7c}.ref-options button,.ref-contact button{padding:0;border:0;background:none;color:#16408e;font-size:12px}.ref-options button:hover:not(:disabled),.ref-contact button:hover:not(:disabled){background:none;text-decoration:underline}.ref-submit{display:block;width:100%;height:44px;background:#243f7c;color:#fff;border:0;border-radius:10px;font-size:13px;font-weight:750}.ref-submit:hover:not(:disabled){background:#1b3267}.ref-contact{margin-top:22px;text-align:center;color:#7b879c;font-size:12px}.ref-login-error:empty,.ref-help:empty{display:none}.ref-login-error{font-size:12px;color:#b33b4e;margin:0 0 14px}.ref-form-inner .ref-help{font-size:12px;margin-top:18px;color:#516787;text-align:center}.product-foot button{font-size:10px}
@media(min-width:1500px){.ref-form-side{padding-top:17vh}.ref-story{padding-top:8vh;padding-bottom:7vh}.ref-copy{margin-top:6vh}}
@media(max-width:1100px){.ref-copy h1{font-size:28px}.ref-copy p{font-size:15px}.ref-features{gap:22px 12px}.ref-features b{font-size:12px}.ref-features small{font-size:11px}.ref-form-side{padding:120px 7% 60px}}
@media(max-width:760px){.ref-login{grid-template-columns:1fr}.ref-story{padding:28px 25px 30px}.ref-brand{padding-left:0;font-size:25px}.ref-copy{margin-top:24px}.ref-copy h1{font-size:27px;margin-bottom:14px}.ref-copy p{font-size:14px}.ref-features{padding-top:32px;gap:20px}.ref-features b{font-size:12px;white-space:normal}.ref-features small{font-size:11px}.ref-form-side{padding:38px 25px 48px}.ref-form-inner{max-width:440px}.ref-form-inner h2{font-size:27px}.ref-field input{font-size:16px}.ref-options{flex-wrap:wrap}.orb-three{bottom:8%}}