:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#163345;background:#f6f8f9;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{height:96px;max-width:1320px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6e9}.brand{display:flex;align-items:center;gap:12px;color:#163345;text-decoration:none;font-size:14px;font-weight:650}.mark{font-size:25px;font-weight:850;letter-spacing:-1px;color:white;background:#00548f;padding:0 10px;border-radius:4px}.header-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#607986}.login-layout{max-width:1200px;min-height:calc(100vh - 168px);margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;padding:65px 44px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:750;color:#49717c;display:flex;gap:10px;align-items:center;margin-bottom:24px}.eyebrow span,.status-dot{display:inline-block;width:7px;height:7px;background:#008c9d;border-radius:50%}.intro h1{font-size:54px;line-height:1.13;letter-spacing:-2.4px;font-weight:650;margin:0 0 24px}.intro h1 em{font-style:normal;color:#007e94}.intro>p{font-size:16px;max-width:370px;color:#617887;line-height:1.75}.graphic{height:174px;max-width:400px;position:relative;margin-top:40px;overflow:hidden;border-bottom:1px solid #cbdbe0}.graph-grid{position:absolute;inset:0 0 30px;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#e1e9ec 35px,#e1e9ec 36px)}.bars{position:absolute;bottom:30px;left:4px;right:4px;height:140px;display:flex;align-items:flex-end;gap:15px}.bars i{width:34px;border-radius:4px 4px 0 0;background:#bfd7df}.bars i:nth-child(1){height:23%}.bars i:nth-child(2){height:36%}.bars i:nth-child(3){height:31%}.bars i:nth-child(4){height:53%}.bars i:nth-child(5){height:47%}.bars i:nth-child(6){height:67%;background:#6aa6b9}.bars i:nth-child(7){height:79%;background:#32849d}.bars i:nth-child(8){height:96%;background:#007991}.graph-label{position:absolute;bottom:7px;font:9px monospace;color:#6a8593;letter-spacing:1.5px}.intro .intro-foot{font-size:12px;margin-top:17px;color:#718692}.card{background:white;border:1px solid #e0e7eb;border-radius:16px;padding:40px;box-shadow:0 15px 45px #173c4b08}.card .eyebrow{margin-bottom:18px;color:#007a90}h2{font-size:29px;letter-spacing:-.7px;line-height:1.25;margin:0 0 17px;font-weight:650}.card p{font-size:14px;color:#627b89;margin:0 0 24px;line-height:1.7}.card strong{font-weight:600;overflow-wrap:anywhere}label{display:block;font-size:12px;font-weight:650;margin:30px 0 9px}input{width:100%;border:1px solid #cbd8de;border-radius:7px;padding:14px;font:14px inherit;color:#163345;background:#fcfdfd;font-family:inherit;font-size:14px}input::placeholder{color:#8599a5}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #55bace;outline-offset:3px}button{margin-top:15px;width:100%;border:0;border-radius:7px;padding:14px 16px;background:#00548f;color:white;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}button:hover{background:#003d68}.secondary{background:#edf3f6;color:#00548f}.secondary:hover{background:#dce9f0}.privacy{text-align:center;color:#7a8e99;font-size:11px;margin-top:23px}.err,.ok{font-size:13px;border-radius:6px;padding:13px;margin:18px 0}.err{color:#9b3433;background:#fff0ed}.ok{color:#286846;background:#eaf5ed}.hint{font-size:12px!important;margin-top:20px!important}.empty-state{border:1px solid #dde9ed;background:#f6fafb;border-radius:8px;padding:20px;margin-top:28px}.empty-state h3{font-size:15px;margin:8px 0}.empty-state p{font-size:13px;margin:0}footer{max-width:1192px;height:72px;border-top:1px solid #dfe6e9;margin:auto;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7a8e99;letter-spacing:.3px}@media(min-width:1450px){.login-layout{gap:140px}}@media(max-width:850px){header{padding:0 28px;height:78px}.login-layout{gap:40px;padding:50px 28px;grid-template-columns:1fr 1fr}.intro h1{font-size:39px}.card{padding:28px}.bars{gap:10px}footer{margin:0 28px}}@media(max-width:640px){header{padding:0 22px}.brand>span:last-child{font-size:12px}.header-label{font-size:8px;letter-spacing:1px}.login-layout{display:flex;flex-direction:column;gap:30px;padding:36px 22px;min-height:calc(100vh - 150px)}.intro{width:100%;max-width:440px}.intro h1{font-size:37px;margin-bottom:15px}.intro .eyebrow{margin-bottom:16px}.intro>p{font-size:14px;margin-bottom:0}.graphic,.intro-foot{display:none}.signin{width:100%;max-width:440px}.card{padding:28px}h2{font-size:26px}footer{margin:0 22px}}