:root{--page-black:#03070b;--text-primary:#f4f6f8;--text-secondary:#a6abb5;--line:#8f9cad33;--line-strong:#a0b0c359;--blue:#087ef5}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--page-black);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.login-page{isolation:isolate;background-color:var(--page-black);background-image:radial-gradient(circle at 50% 43%,#1c27321f,#0000 38%),linear-gradient(#00030614,#00030647),url(/login-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;min-height:100svh;padding:0 24px;display:grid;position:relative;overflow:hidden}.login-page:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#0000 40%,#00020538 100%);position:absolute;inset:0}.login-panel{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:linear-gradient(145deg,#0d1319a3,#060a0ebf);border:1px solid #8f9db061;border-radius:15px;width:504px;min-height:694px;padding:64px 47px 36px;box-shadow:0 22px 60px #0000003d,inset 0 1px #ffffff04}.brand-lockup{mix-blend-mode:screen;width:100%;height:73px;margin-bottom:59px;position:relative}.brand-lockup img{object-fit:contain}.login-header h1{letter-spacing:-.035em;margin:0;font-size:25px;font-weight:600;line-height:1.25}.login-header p{color:var(--text-secondary);margin:10px 0 31px;font-size:15px;line-height:1.5}.login-form{flex-direction:column;display:flex}.field{border:1px solid var(--line);color:#c0c6cf;background:#04080c33;border-radius:7px;grid-template-columns:25px 1fr auto;align-items:center;gap:11px;height:59px;padding:0 17px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid}.field+.field{margin-top:17px}.field:focus-within{background:#060d1470;border-color:#2292ffa3;box-shadow:0 0 0 3px #117aed1a}.field>svg,.visibility-toggle svg{stroke-width:1.65px;width:20px;height:20px}.field input{width:100%;min-width:0;color:var(--text-primary);caret-color:var(--blue);background:0 0;border:0;outline:0;font-size:16px}.field input::placeholder{color:#9298a3;opacity:1}.visibility-toggle{cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:38px;margin-right:-9px;display:grid}:is(.visibility-toggle:focus-visible,.remember-option:has(input:focus-visible) .checkbox-mark){outline-offset:2px;outline:2px solid #2496ff}.form-options{justify-content:space-between;align-items:center;margin:22px 0 27px;font-size:14px;display:flex}.remember-option{cursor:pointer;align-items:center;gap:11px;display:inline-flex}.remember-option input{opacity:0;width:1px;height:1px;position:absolute}.checkbox-mark{border:1px solid #c4ccd5;border-radius:3px;flex:none;place-items:center;width:20px;height:20px;display:grid}.remember-option input:checked+.checkbox-mark{background:#087ef5;border-color:#168cff}.remember-option input:checked+.checkbox-mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;transform:translateY(-1px)rotate(45deg)}.forgot-password{color:#0d91ff;white-space:nowrap}.primary-action,.sso-action{border-radius:7px;width:100%;font-weight:500}.primary-action{background:linear-gradient(105deg,#0659d9 0%,#075bdc 42%,#168ff2 100%);border:0;height:52px;font-size:16px;box-shadow:0 8px 24px #005ddc26}.primary-action:disabled,.sso-action:disabled{opacity:1}.divider{color:#9fa4ad;grid-template-columns:1fr auto 1fr;align-items:center;gap:17px;margin:20px 0 16px;display:grid}.divider span{background:var(--line);height:1px}.divider p{margin:0;font-size:14px}.sso-action{border:1px solid var(--line);background:#03070a2e;justify-content:center;align-items:center;gap:13px;height:55px;font-size:16px;display:flex}.sso-action svg{stroke-width:1.8px;width:20px;height:20px}.page-footer{color:#9ba0a9;letter-spacing:.005em;text-align:center;font-size:13px;position:fixed;bottom:64px;left:0;right:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.login-page{background-position:bottom;background-size:auto 100%;flex-direction:column;width:100%;height:100dvh;min-height:100dvh;padding:0 22px;display:flex;overflow:hidden}.login-page:before{background:linear-gradient(#0003060f,#00030605 65%,#00030647)}.login-panel{width:min(100%,520px);min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;margin:0 auto;padding:clamp(24px,5dvh,48px) 0 0;display:flex}.brand-lockup{width:82%;height:clamp(45px,13vw,60px);margin:0 auto clamp(30px,5dvh,52px)}.login-content{flex-direction:column;flex:auto;width:80%;min-height:0;margin:0 auto;display:flex}.login-header h1{letter-spacing:-.045em;font-size:clamp(22px,5.8vw,28px)}.login-header p{margin:5px 0 0;font-size:clamp(12px,3.35vw,16px)}.login-form{flex:auto;justify-content:space-evenly}.field{background:#03080d2e;border-radius:9px;grid-template-columns:20px 1fr auto;gap:10px;height:clamp(44px,5.8dvh,50px);padding:0 13px}.field+.field{margin-top:0}.field>svg,.visibility-toggle svg{width:18px;height:18px}.field input{font-size:16px}.form-options{margin:0;font-size:clamp(11px,3.15vw,14px)}.remember-option{gap:8px}.checkbox-mark{width:17px;height:17px}.primary-action{border-radius:9px;height:clamp(44px,5.8dvh,50px);font-size:clamp(14px,3.5vw,16px)}.divider{gap:14px;margin:0}.divider p{font-size:clamp(12px,3.2vw,14px)}.sso-action{border-radius:9px;height:clamp(44px,5.8dvh,50px);font-size:clamp(14px,3.55vw,16px)}.sso-action svg{width:18px;height:18px}.page-footer{padding:clamp(18px, 4dvh, 36px) 0 max(12px, env(safe-area-inset-bottom));margin-top:0;font-size:clamp(10px,3.1vw,14px);position:static}}@media (max-width:380px){.login-page{padding-inline:18px}.form-options{gap:10px}.forgot-password{font-size:12px}}@media (max-width:640px) and (max-height:700px){.login-panel{padding-top:18px}.brand-lockup{height:42px;margin-bottom:22px}.field,.primary-action,.sso-action{height:44px}.page-footer{padding-top:12px}}@media (max-width:640px) and (max-height:560px){.login-page{overflow-y:auto}}@media (max-height:820px) and (min-width:641px){.login-page{padding-block:34px 82px}.login-panel{min-height:650px;padding-top:48px}.brand-lockup{margin-bottom:39px}.page-footer{bottom:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
:root{--page-black:#10100f;--text-primary:#f2f2ed;--text-secondary:#aaa9a2;--line:#85847b38;--line-strong:#9a998f66;--blue:#20a879;--control-surface:#0a0a0980}.login-page{background-blend-mode:normal;background:#323232 url(/login-background-gray-4k.png) 50%/cover no-repeat}.login-page:before{content:none;background:0 0}.login-panel{background:linear-gradient(145deg,#1b1b19d6,#121211e6);border-color:#97978f5c;box-shadow:0 22px 60px #0000006b,inset 0 1px #ffffff09}.brand-lockup{isolation:isolate;mix-blend-mode:normal;background:0 0}.brand-face{pointer-events:none;z-index:1;-webkit-backdrop-filter:blur(5px)saturate(.65);backdrop-filter:blur(5px)saturate(.65);background:linear-gradient(#e0e0dbbd 0%,#c2c2bcad 34%,#aaa9a29e 68%,#c2c2bcb3 86%,#9c9c96a3 100%);position:absolute;inset:0;-webkit-mask:url(/qualum-os-logo.png) 50%/contain no-repeat;mask:url(/qualum-os-logo.png) 50%/contain no-repeat}.brand-lockup:before{z-index:2;content:"";clip-path:inset(0 83.2% 0 0);filter:grayscale()contrast(1.72)brightness(1.16);mix-blend-mode:soft-light;opacity:.68;background:url(/qualum-os-logo.png) 50%/contain no-repeat;position:absolute;inset:0}.brand-lockup:after{z-index:3;content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(#ffffff57 0%,#ffffff12 24%,#fff0 48%,#ffffff0d 100%);position:absolute;inset:0;-webkit-mask:url(/qualum-os-logo.png) 50%/contain no-repeat;mask:url(/qualum-os-logo.png) 50%/contain no-repeat}.brand-lockup img{object-fit:contain;opacity:0;width:100%;height:100%;position:absolute;inset:0}.brand-light-wave{z-index:4;filter:blur(.55px);mix-blend-mode:screen;opacity:.84;pointer-events:none;background:linear-gradient(104deg,#fff0 42%,#ffffff2e 46%,#fffffff5 50%,#ffffff38 54%,#fff0 58%) 150% 0/250% 100% no-repeat;animation:5.2s linear infinite scanner-sweep;position:absolute;inset:0;-webkit-mask:url(/qualum-os-logo.png) 50%/contain no-repeat;mask:url(/qualum-os-logo.png) 50%/contain no-repeat}@keyframes scanner-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.brand-light-wave{opacity:.2;background-position:50% 0;animation:none}}.field{background:var(--control-surface);color:#c8c8c1}.field:hover{background:#1f1f1d9e;border-color:#c2c1b857}.field:focus-within{background:#1f1f1db8;border-color:#d3d2ca94;box-shadow:0 0 0 3px #deddd414}.field input{caret-color:#d7d6ce}.field input::placeholder{color:#98978f}.remember-option input:checked+.checkbox-mark{background:var(--text-secondary);border-color:var(--text-secondary)}.remember-option input:checked+.checkbox-mark:after{border-color:#181817}.forgot-password{color:var(--text-primary)}.primary-action{background:var(--text-secondary);color:#181817;box-shadow:none}.divider{color:#9f9e96}.sso-action{background:var(--control-surface)}.page-footer{color:#999890}@media (max-width:640px){.login-page{background-blend-mode:normal;background:#323232 url(/login-background-gray-mobile-4k.png) 50%/cover no-repeat;height:auto;min-height:100svh;overflow:visible}.login-panel{box-shadow:none;background:0 0;flex:1 0 auto;justify-content:flex-start;min-height:0;padding-top:clamp(26px,4.5dvh,38px)}.brand-lockup{width:min(84%,328px);height:clamp(42px,12vw,52px);margin-bottom:clamp(28px,4.2dvh,36px)}.login-content{flex:none;width:min(84%,328px);margin-block:0;transform:none}.login-header,.login-form>.field,.login-form>.form-options{transform:none}.login-header p{margin:6px 0 27px}.login-form{flex:none;justify-content:flex-start}.field{background:var(--control-surface);min-height:calc(1.5em + 16px)}.field:hover,.field:focus-within{background:#1f1f1db8}.field+.field{margin-top:12px}.form-options{flex-wrap:wrap;gap:12px;margin:18px 0 22px}.remember-option{max-width:100%}.forgot-password{white-space:normal;overflow-wrap:anywhere}.primary-action,.sso-action{min-height:calc(1.5em + 16px)}.primary-action{background:var(--text-secondary);color:#181817;margin-top:clamp(24px,7svh,66px);transform:none}.divider{grid-template-columns:minmax(12px,1fr) minmax(0,auto) minmax(12px,1fr);margin:18px 0 23px;transform:none}.divider p{text-align:center;overflow-wrap:anywhere}.sso-action{background:var(--control-surface);transform:none}.forgot-password{color:var(--text-primary)}.page-footer{margin-top:auto;padding-top:22px}.remember-option input:checked+.checkbox-mark{background:var(--text-secondary);border-color:var(--text-secondary)}.login-page[data-keyboard-active=true]{height:var(--login-resting-height,100dvh);min-height:var(--login-resting-height,100dvh);scroll-padding-block:18px;overflow:visible}.login-page[data-keyboard-active=true] .login-panel{padding-top:var(--login-panel-top)}.login-page[data-keyboard-active=true] .brand-lockup{height:var(--login-brand-height);margin-bottom:var(--login-brand-gap)}.login-page[data-keyboard-active=true] .field{height:var(--login-field-height)}.login-page[data-keyboard-active=true] :is(.primary-action,.sso-action){height:var(--login-action-height)}.login-page[data-keyboard-active=true] .primary-action{margin-top:var(--login-action-gap)}.login-page[data-keyboard-active=true] .field:focus-within{scroll-margin-block:18px 120px}.login-page[data-keyboard-active=true] :is(.primary-action,.sso-action){scroll-margin-block:18px}.login-page[data-keyboard-active=true] .page-footer{padding-top:var(--login-footer-top)}}