:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#172d43;background:#f8fafb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #22bca4;outline-offset:5px}.page{min-height:100svh;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.identity{position:relative;overflow:hidden;background:#102c43;color:#fff;padding:50px 64px;display:flex;flex-direction:column;isolation:isolate}.identity:before{content:'';position:absolute;z-index:-1;width:700px;height:700px;left:-350px;bottom:-465px;border:1px solid #2e5266;border-radius:50%;box-shadow:0 0 0 75px #ffffff03,0 0 0 76px #2e526655,0 0 0 150px #ffffff02,0 0 0 151px #2e526644,0 0 0 230px #ffffff02,0 0 0 231px #2e526633}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit;width:fit-content}.brandmark{width:39px;height:42px;display:flex;gap:5px;align-items:center}.brandmark i{display:block;width:10px;height:32px;background:#65dbc3;transform:skewY(-28deg)}.brandmark i:nth-child(2){height:42px;background:#a2efde}.brandmark i:nth-child(3){height:24px;background:#35ad98}.brandname{font-size:31px;letter-spacing:-1.1px;font-weight:650}.version{align-self:flex-start;color:#91b3c6;font-size:12px;border:1px solid #416072;padding:3px 7px;border-radius:5px;margin:3px 0 0 2px}.story{margin:auto 0;padding:80px 0 84px;max-width:490px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2.6px;color:#88cabb;display:flex;align-items:center;gap:12px;margin-bottom:27px}.eyebrow:before{content:'';height:1px;width:29px;background:#78cbb8}h1{font-size:clamp(40px,4.2vw,62px);font-weight:450;letter-spacing:-2.7px;line-height:1.13;margin:0 0 26px}h1 span{color:#80e2cd}.story p{font-size:17px;line-height:1.85;color:#b6c9d5;max-width:350px;margin:0}.modules{display:flex;gap:8px;flex-wrap:wrap;margin-top:38px}.modules span{font-size:12px;padding:8px 12px;border:1px solid #3b586b;border-radius:30px;color:#d1dfe6}.leftfoot{font-size:12px;letter-spacing:.2px;color:#9ab1c1;display:flex;align-items:center;gap:10px}.leftfoot b{font-weight:600;color:#d8e7ed}.leftfoot .dash{height:1px;width:23px;background:#587281}.entry{display:flex;flex-direction:column;padding:43px 58px 30px;min-width:0;background:#f9fbfc}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:9px;color:#70818d;font-size:12px}.topbar svg{width:15px;height:15px}.formwrap{width:100%;max-width:388px;margin:auto; padding:55px 0 66px}.welcome-icon{display:grid;place-items:center;width:49px;height:49px;background:#e8f4f1;border:1px solid #d3eae3;border-radius:14px;color:#247768;margin-bottom:26px}.welcome-icon svg{width:24px;height:24px}h2{font-size:31px;font-weight:650;letter-spacing:-1.2px;margin:0 0 12px;line-height:1.25}.sub{font-size:15px;color:#75828e;line-height:1.65;margin:0 0 34px}.field{margin-top:23px}.labelrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}label{font-size:14px;font-weight:600}.inputbox{height:55px;border:1px solid #d7e0e6;border-radius:9px;background:#fff;display:flex;align-items:center;gap:13px;padding:0 15px;transition:border-color .2s,box-shadow .2s}.inputbox:focus-within{border-color:#269c87;box-shadow:0 0 0 3px #21977f12}.inputbox>svg{width:19px;height:19px;flex-shrink:0;color:#8b9aa6}input{width:100%;min-width:0;border:0;outline:0;color:#173247;background:transparent;font-size:15px;height:100%}input::placeholder{color:#a0adb7}.eye{border:0;padding:6px;background:none;cursor:pointer;color:#7f909d;display:flex}.eye svg{height:19px;width:19px}.forgot{background:none;border:0;padding:0;color:#258571;font-size:13px;font-weight:600;cursor:pointer}.submit{width:100%;display:flex;justify-content:center;align-items:center;gap:13px;margin-top:29px;border:0;border-radius:9px;background:#12374d;color:#fff;height:55px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 5px 12px #12374d12;transition:background .2s,transform .2s}.submit:hover{background:#1a4c61;transform:translateY(-1px)}.submit svg{width:18px;height:18px}.note{display:flex;align-items:center;gap:7px;justify-content:center;font-size:12px;color:#84949f;margin:21px 0 0}.note svg{width:14px;height:14px}.message{font-size:14px;line-height:1.6;padding:12px 14px;background:#e8f4f1;border-radius:8px;color:#286052;margin:18px 0 0}.message:empty{display:none}.rightfoot{display:flex;justify-content:center;gap:5px;font-size:12px;color:#8e9aa5;flex-wrap:wrap}.rightfoot a{color:#647d8d;text-decoration:none}.rightfoot a:hover{text-decoration:underline}.mobilebrand{display:none}svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}@media(min-width:1500px){.identity{padding:65px 90px}.entry{padding:50px 80px 36px}}@media(max-width:1000px){.identity{padding:38px}.entry{padding:35px}.story{padding:65px 0}h1{font-size:44px}}@media(max-width:720px){.page{grid-template-columns:1fr}.identity{display:none}.entry{min-height:100svh;padding:28px 25px 24px}.topbar{justify-content:space-between}.mobilebrand{display:flex;align-items:center;font-size:25px;font-weight:650;color:#153b50;letter-spacing:-1px}.mobilebrand span{color:#298c77;margin-right:5px}.formwrap{padding:52px 0;max-width:420px}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@font-face{font-family:EuclidIcons;src:url('/static/rhi-login/odmicon.ttf?_clov=173ea062a352546d43f1e20c') format('truetype');font-style:normal;font-weight:normal;font-display:block}
.euclid-logo{font-family:EuclidIcons!important;font-style:normal;font-weight:normal;line-height:1;font-size:46px;color:#80e2cd;display:inline-block;flex-shrink:0}
.mobilebrand{gap:9px}.mobilebrand .euclid-logo{font-size:35px;color:#21816f;margin:0}
.optional{font-weight:400;color:#718390;margin-left:4px}.formwrap{padding:30px 0 38px}.welcome-icon{margin-bottom:20px}.sub{font-size:16px;margin-bottom:27px}input{font-size:16px}.labelrow{flex-wrap:wrap;gap:8px}.forgot{font-size:14px;min-height:28px}.eye{min-width:36px;min-height:40px;align-items:center;justify-content:center}.story{min-width:0}h1{overflow-wrap:break-word}.eyebrow{line-height:1.6}
@media(max-width:900px){.page{grid-template-columns:1fr}.identity{display:none}.entry{min-height:100svh;padding:28px 28px 24px}.topbar{justify-content:space-between;flex-wrap:wrap;gap:16px}.mobilebrand{display:flex;align-items:center;font-size:27px;font-weight:650;color:#153b50;letter-spacing:-1px}.formwrap{padding:38px 0;max-width:420px}h2{font-size:30px}}
@media(max-width:360px){.entry{padding:22px 18px}.formwrap{padding:30px 0}h2{font-size:28px}.inputbox{padding:0 12px;gap:9px}}
@media(max-height:760px) and (min-width:901px){.entry{padding-top:26px;padding-bottom:22px}.formwrap{padding:22px 0}.welcome-icon{display:none}.field{margin-top:18px}.story{padding:40px 0}}

/* Original EuCLid event hooks in the redesigned layout. */
.message:has(#login_msg:empty):not(:has(.od-spinner)){display:none}
#loading.od-spinner{display:inline-block;margin-left:10px}
#btn_fg{margin-top:20px}
.topbar>span{max-width:100%;overflow-wrap:anywhere}

/* Refined EuClid wordmark */
.brandname{display:inline-flex;align-items:baseline;font-family:Segoe UI,Arial,sans-serif;font-size:38px;line-height:1.15;letter-spacing:-1.3px;color:inherit}.word-eu{font-weight:650}.word-clid{font-weight:650}.brand{gap:15px}.brand .euclid-logo{font-size:42px}.version{align-self:center;margin:0 0 0 3px;font-size:12px;letter-spacing:.4px}.mobilebrand .brandname{font-size:31px}.mobilebrand .brandname span{color:inherit;margin:0}.mobilebrand{gap:11px}.mobilebrand .euclid-logo{font-size:33px}

.brandlockup{display:inline-flex;flex-direction:column;gap:5px}.platform-label{font-family:Segoe UI,Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:3px;text-transform:uppercase;color:#a7c5d2}.mobilebrand .brandlockup{gap:3px}.mobilebrand .platform-label{font-size:12px;font-weight:500;letter-spacing:2.5px;color:#527587;margin:0}

.workspace-disclosure{margin-top:18px}.workspace-disclosure summary{width:fit-content;margin:0 auto;padding:8px 4px;color:#527587;font-size:14px;cursor:pointer;line-height:1.5}.workspace-disclosure summary:focus-visible{outline:3px solid #22bca4;outline-offset:3px;border-radius:4px}.workspace-disclosure .field{margin-top:12px}

.password-recovery{display:flex;justify-content:flex-end;margin-top:8px}

/* Clear enterprise label on the login panel. */
.topbar>span{color:#29485b;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.2px;opacity:1}
@media(max-width:480px){.topbar>span{font-size:12px}}

/* Keep the version badge visible and legible in the mobile brand. */
.mobilebrand .version{flex-shrink:0;align-self:center;margin:0 0 0 3px;color:#527587;border-color:#b7cbd5;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.4px}


[hidden]{display:none!important}form{margin:0}.stay-field{margin:12px 0 18px}.stay-field label{display:flex;align-items:center;gap:8px;cursor:pointer}.stay-field input{width:16px;height:16px;margin:0}.stay-field small{display:block;margin:6px 0 0 24px}.message:empty{display:none}