[hidden]{display:none!important}
.login-screen{min-height:100vh;min-height:100dvh;display:grid;align-items:center;justify-items:start;padding:36px clamp(24px,5vw,96px);position:relative;isolation:isolate;background:#06121d url('/assets/iditech-cloud-background.jpg') center center/cover no-repeat;color:#fff}
.login-screen::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,12,22,.24),rgba(3,12,22,.02) 65%);pointer-events:none}
.login-card{max-width:470px;width:100%;box-sizing:border-box;padding:34px 36px;background:rgba(7,22,36,.43);border:1px solid rgba(208,235,250,.28);border-radius:22px;box-shadow:0 24px 80px #0005,inset 0 1px 0 #ffffff18;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.login-card>img{display:block;width:218px;max-width:74%;height:auto;margin:0 0 21px;filter:drop-shadow(0 3px 9px #0008)}
.login-card h1{font-size:30px;letter-spacing:-.8px;color:#fff;line-height:1.18;margin:13px 0}
.login-card>p{color:#e3edf6;line-height:1.6;font-size:14px;text-shadow:0 1px 3px #0006}
.login-card .eyebrow{color:#b8e3f1;font-size:10px;font-weight:700;letter-spacing:1.7px}
.login-card form{display:grid;gap:17px;margin:24px 0 20px}
.login-card label{display:grid;gap:8px;color:#f4f8fc;font-weight:600;font-size:13px;text-shadow:0 1px 3px #0006}
.login-card input{background:#fff;color:#14283e;border:1px solid #dbe6ed;padding:14px;border-radius:9px;font-size:16px;line-height:1.4;width:100%;box-sizing:border-box;text-shadow:none;box-shadow:0 2px 8px #0001;color-scheme:light}
.login-card input::placeholder{color:#657589;opacity:1}
.login-card input[readonly]{background:#eef3f7;color:#34485c}
.login-card input:focus{outline:3px solid #8ad7ed;outline-offset:3px;border-color:#fff;box-shadow:0 0 0 5px #07162470}
.login-card #code-step p,.login-card>small{font-size:12px;color:#e2ebf5;line-height:1.65;text-shadow:0 1px 3px #0008}
.login-card #code-step p{margin-top:9px}
.login-card #login-error{font-size:13px;line-height:1.5;color:#fff;margin:0;background:#4b1428cc;border:1px solid #f4a4b54d;border-radius:8px;padding:10px 12px}
.login-card #login-error:empty{display:none}
.login-card #login-submit{min-height:49px;justify-content:center;background:#c91f36;color:#fff;border:1px solid #f9637666;box-shadow:0 7px 24px #a10b2840;font-size:13px}
.login-card #login-submit:hover:not(:disabled){background:#b51b30;box-shadow:0 9px 28px #a10b2859;transform:translateY(-1px)}
.login-card #login-reset{color:#eef7ff;border:1px solid #ffffff45;background:#07162470;min-height:44px;justify-content:center}
.login-card #login-reset:hover{background:#16344dcc}
.login-card button:focus-visible{outline:3px solid #8ad7ed;outline-offset:3px}
.profile #profile-name{display:block;font-size:13px}.profile small{font-size:10px;color:#728199}
@supports not ((backdrop-filter:blur(6px)) or (-webkit-backdrop-filter:blur(6px))){.login-card{background:rgba(7,22,36,.82)}}
@media(max-width:900px){.login-screen{justify-items:center;padding:28px 20px;background-position:56% center}.login-card{background:rgba(7,22,36,.49)}}
@media(max-width:600px){.login-card{padding:27px 24px;border-radius:18px}.login-screen{padding:22px 16px}.login-card h1{font-size:27px}.login-card>img{width:195px;margin-bottom:20px}.profile #profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-transparency:reduce){.login-card{background:#0b2033;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:no-preference){.login-card{animation:login-enter .45s ease both}.login-card button{transition:background .18s,box-shadow .18s,transform .18s}@keyframes login-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.login-card,.login-card button{animation:none;transition:none}}