.hco-login{
    --login-navy:#071f40;
    --login-navy-deep:#05172f;
    --login-blue:#0068e8;
    --login-blue-hover:#0057c4;
    --login-cyan:#20c5f7;
    --login-green:#08a34a;
    --login-ink:#101828;
    --login-copy:#5a6778;
    --login-line:#d6dfe8;
    --login-soft:#eef3f7;
    --login-white:#fff;
    --login-focus:#ffbd2e;
    padding:64px 20px 76px;
    color:var(--login-ink);
    background:var(--login-soft);
    font-family:'Poppins',sans-serif;
}
.hco-login *,.hco-login *::before,.hco-login *::after{box-sizing:border-box}
.hco-login svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.hco-login-shell{width:min(1120px,100%);min-height:620px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);margin:0 auto;overflow:hidden;background:var(--login-white);box-shadow:0 28px 70px rgba(7,31,64,.16)}
.hco-login-eyebrow{display:block;color:var(--login-blue);font-size:10px;font-weight:800;letter-spacing:1.8px;line-height:1.4;text-transform:uppercase}

.hco-login-story{min-width:0;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:36px 46px 34px;color:var(--login-white);background:var(--login-navy-deep)}
.hco-login-story::before{content:'';position:absolute;z-index:-2;width:560px;height:560px;right:-330px;bottom:-275px;border:86px solid rgba(255,255,255,.055);border-radius:50%}
.hco-login-story::after{content:'';position:absolute;inset:0;z-index:-3;background:linear-gradient(145deg,var(--login-navy-deep) 0%,var(--login-navy) 58%,var(--login-blue) 140%)}
.hco-login-story__grid{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(135deg,transparent 10%,#000 85%);mask-image:linear-gradient(135deg,transparent 10%,#000 85%)}
.hco-login-back{width:max-content;min-height:42px;display:inline-flex;align-items:center;gap:9px;padding:0 14px;color:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:700;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}
.hco-login-back svg{width:18px;height:18px}
.hco-login-back:hover{color:var(--login-white)!important;background:rgba(255,255,255,.1)}
.hco-login-story__content{margin:auto 0}
.hco-login-story .hco-login-eyebrow{color:#5bd7ff}
.hco-login-story h1{margin:13px 0 20px;color:var(--login-white);font-size:clamp(40px,4.5vw,58px);font-weight:800;letter-spacing:-2.2px;line-height:1.04}
.hco-login-story__content>p{max-width:500px;margin:0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.75}
.hco-login-benefits{display:grid;gap:12px;margin:28px 0 0;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.2);list-style:none}
.hco-login-benefits li{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.86);font-size:12px;font-weight:600}
.hco-login-benefits svg{flex:0 0 22px;width:22px;height:22px;padding:4px;color:var(--login-white);background:var(--login-green);stroke-width:2.4}
.hco-login-story__footer{display:flex;align-items:center;gap:11px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}
.hco-login-story__footer p{margin:0;color:rgba(255,255,255,.62);font-size:10px}
.hco-login-status{width:9px;height:9px;border-radius:50%;background:#35dc76;box-shadow:0 0 0 5px rgba(53,220,118,.14)}

.hco-login-form{min-width:0;display:flex;align-items:center;padding:48px 54px;background:var(--login-white)}
.hco-login-form__inner{width:100%;max-width:440px;margin:0 auto}
.hco-login-form h2{margin:9px 0 10px;color:var(--login-navy);font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.18}
.hco-login-form__intro{margin:0 0 28px;color:var(--login-copy);font-size:13px;line-height:1.7}
.hco-login-field{margin-bottom:16px}
.hco-login-field>label{display:block;margin-bottom:7px;color:#344054;font-size:11px;font-weight:700}
.hco-login-control{height:52px;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;background:#f8fafc;border:1px solid #cbd5e1;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.hco-login-control:focus-within{background:var(--login-white);border-color:var(--login-blue);box-shadow:0 0 0 3px rgba(0,104,232,.13)}
.hco-login-control>svg{width:20px;height:20px;margin:auto;color:#6f7c8d}
.hco-login-control>input{min-width:0;width:100%;height:100%;padding:0 14px 0 0;color:var(--login-ink);background:transparent;border:0!important;border-radius:0;box-shadow:none!important;outline:0!important;font-family:inherit;font-size:13px}
.hco-login-control>input::placeholder{color:#98a2b3}
.hco-login-control:has(.hco-login-eye)>input{padding-right:48px}
.hco-login-eye{width:46px;height:46px;position:absolute;right:2px;top:2px;display:flex;align-items:center;justify-content:center;padding:0;color:#687588;background:transparent;border:0;cursor:pointer}
.hco-login-eye:hover,.hco-login-eye.is-visible{color:var(--login-blue)}
.hco-login-eye svg{width:20px;height:20px}
.hco-login-options{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 21px}
.hco-login-remember{display:flex!important;align-items:center;gap:8px;margin:0!important;color:#475467!important;font-size:11px!important;font-weight:600!important;cursor:pointer}
.hco-login-remember input{width:17px;height:17px;margin:0;accent-color:var(--login-blue)}
.hco-login-options>a{color:var(--login-blue)!important;font-size:11px;font-weight:750;text-decoration:none!important}
.hco-login-options>a:hover{text-decoration:underline!important}
.hco-login-captcha{display:flex;justify-content:center;margin:0 0 18px;overflow:hidden}
.hco-login-submit{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:var(--login-white);background:var(--login-blue);border:0;border-radius:0;box-shadow:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;transition:background-color .2s ease,transform .2s ease}
.hco-login-submit svg{width:20px;height:20px}
.hco-login-submit:hover{background:var(--login-blue-hover);transform:translateY(-2px)}
.hco-login-submit:active{transform:translateY(0)}
.hco-login-register{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;color:#667085;font-size:11px}
.hco-login-register a{color:var(--login-blue)!important;font-weight:800;text-decoration:none!important}
.hco-login-register a:hover{text-decoration:underline!important}
.hco-login-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;padding-top:20px;color:#7b8796;border-top:1px solid var(--login-line);font-size:10px}
.hco-login-security svg{width:18px;height:18px;color:var(--login-green)}
.hco-login a:focus-visible,.hco-login button:focus-visible,.hco-login-remember input:focus-visible{outline:3px solid var(--login-focus)!important;outline-offset:3px!important}

@media(max-width:900px){
    .hco-login{padding:34px 16px 48px}
    .hco-login-shell{grid-template-columns:1fr;min-height:0}
    .hco-login-story{padding:32px}
    .hco-login-story__content{margin:58px 0 42px}
    .hco-login-story h1{font-size:42px}
    .hco-login-form{padding:42px 30px}
}
@media(max-width:520px){
    .hco-login{padding:20px 12px 34px}
    .hco-login-story{padding:24px 20px}
    .hco-login-story__content{margin:44px 0 34px}
    .hco-login-story h1{font-size:34px;letter-spacing:-1.2px}
    .hco-login-benefits li{align-items:flex-start}
    .hco-login-form{padding:34px 20px}
    .hco-login-form h2{font-size:29px}
    .hco-login-options{align-items:flex-start;flex-direction:column;gap:10px}
    .hco-login-register{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
    .hco-login *,.hco-login *::before,.hco-login *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}