.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,#0b5d8a 0,transparent 36%),#061827;color:#102f45;font-family:"Segoe UI",Arial,sans-serif}.login-card{width:min(440px,100%);padding:30px;border:1px solid #c8d5df;border-radius:16px;background:#fffefb;box-shadow:0 24px 80px #020d1680}.login-card>header{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid #d8e2e9}.login-card>header>span,.login-card>header>img{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#087ba4;color:#fff;font-size:22px;font-weight:900}.login-card>header>img{object-fit:contain;background:transparent;filter:drop-shadow(0 5px 9px #073d6330)}.login-card>header div{display:grid;gap:2px}.login-card>header strong{font-size:21px;letter-spacing:-.025em}.login-card>header small{color:#687b89;font-size:11px;letter-spacing:.015em}.login-title{display:grid;gap:7px;margin:28px 0 20px}.login-title p{margin:0;color:#087ba4;font-size:11px;font-weight:800;letter-spacing:.12em}.login-title h1{margin:0;font-size:27px}.login-title span,.login-help,.login-loading{color:#687b89;line-height:1.5}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:6px}.login-card label span{font-size:12px;font-weight:750}.login-card input{height:46px;padding:0 13px;border:1px solid #bfced9;border-radius:8px;background:#fff;font-size:15px;outline:none}.login-card input:focus{border-color:#087ba4;box-shadow:0 0 0 3px #087ba41c}.login-card button{height:48px;margin-top:5px;border:0;border-radius:8px;background:#087ba4;color:#fff;font-weight:800}.login-card button:disabled{opacity:.6}.login-error{padding:11px 13px;border:1px solid #e2aaa4;border-radius:7px;background:#fff1ef;color:#9b3329}.login-help{margin:18px 0 0;font-size:12px;text-align:center}
.login-card>header.moventra-logo-header{justify-content:center;height:116px;padding:0 0 18px;overflow:hidden}.login-card>header>img.moventra-logo-lockup{width:245px;height:122px;max-width:100%;border-radius:0;filter:none;object-fit:cover;object-position:center 46%}
.login-card>header.official-logo-header{justify-content:center;height:174px;padding:0 0 18px;overflow:hidden}.login-card>header>img.official-logo-lockup{width:220px;height:158px;max-width:100%;border-radius:13px;object-fit:cover;object-position:center;filter:drop-shadow(0 10px 14px #1114)}
.login-card{border-color:#c8cbc8;background-color:#f2f1ed;background-image:linear-gradient(#fffdf8a8,#fffdf8a8),url("/login-concrete-texture.png");background-size:auto,560px 560px;background-position:center;background-repeat:repeat}.login-card>header{border-bottom-color:#d3d5d2}.login-card input{background:#fffffff0}
.login-software-logo{display:flex;justify-content:center;align-items:center;height:125px;margin:12px 0 0;overflow:hidden}.login-software-logo img{width:245px;height:125px;max-width:90%;object-fit:contain;filter:drop-shadow(0 7px 10px #1112)}.login-software-logo+.login-title{margin-top:8px}
.login-card>header.moventra-brand-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:150px;padding:2px 0 20px;border-bottom:1px solid #d3dadd;background:transparent;overflow:visible}.login-card>header.moventra-brand-header>img.moventra-brand-mark{width:122px;height:82px;max-width:46%;flex:none;border-radius:0;background:transparent;object-fit:contain;filter:drop-shadow(0 7px 10px #123b5b22)}.login-card>header.moventra-brand-header>div.moventra-brand-wordmark{display:flex;flex-direction:column;align-items:center;min-width:0;margin-top:-3px}.login-card>header.moventra-brand-header .moventra-brand-wordmark strong{color:#073d63;font-size:37px;font-weight:800;line-height:.96;letter-spacing:-.045em}.login-card>header.moventra-brand-header .moventra-brand-wordmark small{margin-top:6px;color:#173f59;font-size:9px;font-weight:750;line-height:1;letter-spacing:.075em;text-transform:uppercase}