html[data-tech-role="login"] body:not(.workspace-active){background-color:#080909!important;background-image:radial-gradient(ellipse at 50% 47%,#0303031f 0,#0303033d 31rem,#00000073 65rem),linear-gradient(90deg,#00000024 0,#0505050f 50%,#0000003d 100%),url('/tech-background.webp')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;min-height:100svh;color:#c7c4bc}
html[data-tech-role="login"] .topbar{height:96px;padding:0 max(34px,calc((100vw - 1220px)/2));background:transparent!important;border:0;box-shadow:none}
html[data-tech-role="login"] .topbar-brand{gap:14px;letter-spacing:0}
.login-brand-mark{display:none}
html[data-tech-role="login"] .login-brand-mark{position:relative;display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid #d9b96d66;border-radius:50%;background:radial-gradient(circle at 35% 20%,#fff2,transparent 46%),#0a0a0a;color:#ead39d;font:800 29px/1 Georgia,serif;box-shadow:inset 0 0 0 4px #050505,0 10px 35px #000}
html[data-tech-role="login"] .login-brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid #ffffff0d;border-radius:50%}
html[data-tech-role="login"] .brand-wordmark strong{font-size:30px;line-height:1.05;letter-spacing:-1px;color:#c7c4bc}
html[data-tech-role="login"] .brand-wordmark small{font-size:10px;letter-spacing:4px;color:#d4b574;margin-top:5px}
html[data-tech-role="login"] .environment,html[data-tech-role="login"] body>footer{display:none!important}
html[data-tech-role="login"] body>main{max-width:1220px;width:100%;margin:0 auto;padding:0 34px;min-height:0}
html[data-tech-role="login"] .login-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:100px;align-items:center;min-height:calc(100svh - 96px);padding:18px 0 30px}
html[data-tech-role="login"] .intro{padding-bottom:20px;text-shadow:0 3px 24px #000}
html[data-tech-role="login"] .intro .eyebrow{font-size:10px;letter-spacing:2.2px;color:#c5b07f!important;text-transform:uppercase;margin-bottom:24px}
html[data-tech-role="login"] .intro h1{font-size:clamp(42px,4.4vw,62px);font-weight:450;letter-spacing:-2.6px;line-height:1.12;color:#d0cdc5;margin:0 0 26px}
html[data-tech-role="login"] .intro h1 span{color:#cbb27b}
html[data-tech-role="login"] .intro .login-description{font-size:17px;line-height:1.75;color:#bebbb4;max-width:440px;margin:0}
html[data-tech-role="login"] .intro-line{width:48px;height:1px;margin:30px 0 24px;background:#c5ac70!important}
html[data-tech-role="login"] .intro .login-intelligence{display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.6;max-width:390px;color:#bdb6a5;margin:0}
html[data-tech-role="login"] .login-intelligence>span{font-size:22px;color:#c5ac70}
html[data-tech-role="login"] .login-panel{position:relative;isolation:isolate;overflow:hidden;padding:36px 30px 23px;border:1px solid #c9a35a75;border-radius:22px;background:linear-gradient(150deg,#20201ff5 0,#111110fa 54%,#080808fd 100%)!important;box-shadow:0 36px 105px #000e,0 9px 28px #000b,inset 0 1px #ffffff1f}
html[data-tech-role="login"] .login-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 100% 0,#d4aa5520,transparent 30%),repeating-linear-gradient(135deg,transparent 0,transparent 9px,#ffffff04 10px,transparent 11px);opacity:.56}
html[data-tech-role="login"] .login-panel label{font-size:10px;font-weight:650;letter-spacing:1.25px;text-transform:uppercase;color:#b4b0a5;margin:0 0 10px}
html[data-tech-role="login"] .login-panel input{height:53px;margin:0 0 23px;border:1px solid #514e44!important;border-radius:12px;background:#090909!important;color:#d4d0c7!important;box-shadow:inset 0 1px 3px #0006;padding:14px 16px;font-size:15px}
html[data-tech-role="login"] .login-panel input:focus{outline:1px solid #c7aa70;outline-offset:2px}
html[data-tech-role="login"]  #form-login button[type="submit"]{height:53px;margin:5px 0 15px;padding:0 20px;border-radius:12px;background:linear-gradient(110deg,#9b702a,#d2ae63 43%,#ead39d 56%,#b6893f)!important;border:1px solid #d9bc80!important;color:#16130d!important;box-shadow:inset 0 1px 1px #ffefc380;font-size:14px;font-weight:650;align-items:center}
html[data-tech-role="login"]  #form-login button[type="submit"]:hover{filter:brightness(1.08)}
html[data-tech-role="login"] .forgot-password-link{background:transparent;display:block;width:100%;padding:8px;border:0;color:#b2aa9b;font-size:12px;text-align:center;margin:0}
html[data-tech-role="login"] .forgot-password-link:hover{color:#e0c27f;background:transparent}
html[data-tech-role="login"] .login-divider{margin:16px 0;color:#8b8476;font-size:11px;gap:15px;display:flex;align-items:center}
html[data-tech-role="login"] .login-divider:before,html[data-tech-role="login"] .login-divider:after{content:"";height:1px;background:#3b372c;flex:1}
html[data-tech-role="login"] .passkey-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:66px;margin:0;border:1px solid #756447;border-radius:12px;color:#cbb27b;background:#14130f;font-size:12px;font-weight:500;line-height:1.55}
html[data-tech-role="login"] .passkey-login:hover{border-color:#c5ac70;background:#1e1b13}
html[data-tech-role="login"] .biometric-icon{width:28px;height:28px;flex:none;color:inherit}
html[data-tech-role="login"] .login-isafe{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#d8c294;margin-bottom:2px}
html[data-tech-role="login"] #passkey-login-status:empty{display:none}
html[data-tech-role="login"] #passkey-login-status:not(:empty){margin-top:13px;font-size:12px}
html[data-tech-role="login"] .login-security{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #39342a;margin-top:25px;padding-top:17px;color:#9f998c;font-size:10px;letter-spacing:.2px}
html[data-tech-role="login"] .login-security svg{width:13px;height:13px;fill:none;stroke:#bda778;stroke-width:1.4}
html[data-tech-role="login"] #tech-login-protection{margin-top:12px}
@media(max-width:900px){html[data-tech-role="login"] .login-layout{grid-template-columns:minmax(0,1fr) 380px;gap:38px}html[data-tech-role="login"] .intro h1{font-size:44px}html[data-tech-role="login"] .intro .login-description{font-size:15px}}
@media(max-width:700px){html[data-tech-role="login"] .topbar{height:91px;padding:0 22px}html[data-tech-role="login"] body>main{padding:0 22px;max-width:490px}html[data-tech-role="login"] .login-layout{grid-template-columns:1fr;gap:30px;padding:20px 0 42px;min-height:0}html[data-tech-role="login"] .intro{padding:0}html[data-tech-role="login"] .intro h1{font-size:38px;letter-spacing:-1.5px;margin-bottom:18px}html[data-tech-role="login"] .intro .eyebrow{font-size:9px;margin-bottom:15px}html[data-tech-role="login"] .intro .login-description{font-size:14px}html[data-tech-role="login"] .intro-line{display:block;margin:21px 0 16px}html[data-tech-role="login"] .intro .login-intelligence{font-size:11px}html[data-tech-role="login"] .login-panel{padding:28px 24px 21px}html[data-tech-role="login"] .login-brand-mark{width:45px;height:45px;font-size:24px}html[data-tech-role="login"] .brand-wordmark strong{font-size:25px}}

html[data-tech-role="login"] .passkey-login{color:#cbb27b!important;background:#14130f!important}html[data-tech-role="login"] .forgot-password-link{background:transparent;background:transparent!important;color:#b2aa9b!important}


*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar-brand{display:flex;align-items:center;text-decoration:none}.brand-wordmark{display:flex;flex-direction:column}.login-form label,.login-form input{display:block;width:100%}.primary{display:flex;justify-content:center;gap:12px;width:100%}.password-field{position:relative}.password-field input{padding-right:48px!important}.password-field button{position:absolute;right:10px;top:12px;width:30px;height:30px;border:0;background:transparent;color:#aaa493;padding:5px}.password-field svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}.biometric-icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.form-error,.fine{color:#d7c29a;font-size:12px;line-height:1.5}.language-flags{display:flex;gap:10px}.language-button{padding:7px;border:1px solid transparent;border-radius:9px;background:transparent;line-height:0}.language-button svg{width:28px;height:20px;border-radius:2px;opacity:.86}.language-button[aria-pressed=true]{border-color:#aa9567;background:#19181288}.language-button:hover{background:#ffffff0b}.language-button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #c7aa70;outline-offset:3px}html[data-tech-role="login"] .intro h1 .hero-line{color:#d0cdc5}html[data-tech-role="login"] .intro .login-intelligence{font-size:25px;line-height:1.35;font-weight:500;letter-spacing:-.45px;max-width:455px;color:#d1bb89;align-items:flex-start;text-wrap:balance}html[data-tech-role="login"] .login-intelligence>span:first-child{font-size:30px;line-height:1.12;color:#d7bc7d;text-shadow:0 0 24px #b99a4b30}html[data-tech-role="login"] .login-intelligence>span:last-child{font-size:inherit;line-height:inherit;color:inherit}html[data-tech-role="login"] .intro-line{width:70px;background:linear-gradient(90deg,#c5ac70,transparent)!important}html[data-tech-role="login"] body{background-image:radial-gradient(ellipse at 50% 47%,#0303031f 0,#0303033d 31rem,#00000073 65rem),linear-gradient(90deg,#00000024 0,#0505050f 50%,#0000003d 100%),url('/assets/crivel-login/background.webp')!important}.login-security svg{fill:none;stroke:#bda778;stroke-width:1.4}@media(max-width:900px){html[data-tech-role="login"] .intro .login-intelligence{font-size:22px}}@media(max-width:700px){html[data-tech-role="login"] .intro .login-intelligence{font-size:21px;max-width:370px}.language-flags{gap:3px}.language-button{padding:6px}.language-button svg{width:25px}.brand-wordmark small{letter-spacing:2px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}