:root{font-family:WeHaas,Arial,sans-serif;color:#fff;background:#000;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}[hidden]{display:none!important}
main{--photo-height:min(100svh,56.51vw);position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:calc(var(--photo-height)*.68) 24px 32px;background:#000}
main::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:var(--photo-height);background:url('/laboratorio/acceso-weanalytics-etiquetado.png') center top/contain no-repeat;clip-path:inset(0 0 .15% 0)}
.login-card{width:fit-content;max-width:100%;margin-inline:auto}.login-heading{margin:0 0 26px;text-align:center;text-shadow:0 2px 10px #000}.login-kicker{margin:0;color:#1ef3fb;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.12em}h1{margin:10px 0 0;color:#fff;font-size:clamp(24px,1.8vw,30px);font-weight:600;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center;width:clamp(210px,14.7vw,280px);max-width:100%;margin-inline:auto}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
input{display:block;min-width:0;width:100%;height:44px;padding:8px 18px;border:1px solid #1ef3fb;border-radius:999px;background:#0b0b0acc;color:#fff;font-size:16px;line-height:1.4;box-shadow:none}
input::placeholder{color:#fff;opacity:1}
.password-field{position:relative;min-width:0}.password-field input{padding-right:50px;background:#0b0b0a}.password-field button{position:absolute;top:0;right:4px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#d6dee0}.password-field button:hover{color:#1ef3fb}.eye-slash{display:none}[aria-pressed="true"] .eye-slash{display:block}
.submit{grid-column:1;margin-top:2px;min-height:44px;padding:10px 20px;border:1px solid #1ef3fb;border-radius:999px;background:#1ef3fb;color:#071718;font-size:16px;font-weight:600;line-height:1.4}.submit:hover:not(:disabled){background:#91fbff;border-color:#91fbff}
.back{display:flex;align-items:center;justify-content:center;width:clamp(210px,14.7vw,280px);max-width:100%;min-height:44px;margin:14px auto 0;padding:10px 16px;border:1px solid #1ef3fb80;border-radius:999px;background:#000c;color:#fff;font-size:14px;line-height:1.4;text-align:center;text-decoration:none}.back:hover{border-color:#1ef3fb;background:#102325}
.message{grid-column:1;max-width:390px;margin:0;padding:12px 16px;border:1px solid #eb9692;border-radius:16px;background:#281719;color:#ffe4e1;font-size:14px;line-height:1.5}.progress{grid-column:1;margin:0;color:#fff;font-size:14px;line-height:1.5;text-shadow:0 1px 5px #000}.progress:empty{display:none}
:is(a,button,input):focus-visible{outline:2px solid #fff;outline-offset:4px}input:focus-visible{outline-offset:3px}noscript p{max-width:350px;padding:12px 16px;border-radius:16px;background:#0b0b0ae6;font-size:14px;line-height:1.5}
@media(max-width:640px){main{--photo-height:56.51vw;padding:calc(var(--photo-height) + 24px) 24px 40px}.login-card{width:min(100%,360px);margin:0 auto}form,.back{width:100%}input,.password-field button{height:48px}.submit,.back{min-height:48px}}