:root{font-family:'Segoe UI',Arial,sans-serif;color:#253747;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 10%,#e7edf2,transparent 65%),#f3f5f7;display:grid;place-items:center;padding:28px}main{background:#fff;border:1px solid #dde4eb;box-shadow:0 18px 80px #2438480b;border-radius:24px;padding:48px;width:min(100%,510px);position:relative;overflow:hidden}main:before{content:'';height:4px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,#ef7729 33%,#7ba748 33% 66%,#1c5681 66%)}.brand{display:flex;gap:16px;align-items:center;font-size:24px;font-weight:700}.brand img{width:78px;height:60px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#728495;margin-top:6px}.lock{margin:37px 0 14px;color:#638399;font-size:10px;letter-spacing:1.9px}h1{font-size:32px;line-height:1.3;letter-spacing:-1px;margin:0 0 17px}h1 span{color:#8393a0;font-weight:400}p{font-size:13px;line-height:1.8;color:#697e8e}form{display:grid;margin-top:30px;gap:10px}label{font-size:12px;font-weight:600}input{border:1px solid #cdd8e1;border-radius:10px;background:#fafbfd;padding:15px;font:inherit;width:100%;outline:none}input:focus{border-color:#58798e;box-shadow:0 0 0 3px #dde8ef}button{border:0;border-radius:10px;background:#304c60;color:#fff;padding:15px 18px;margin-top:5px;font:600 13px 'Segoe UI',Arial;cursor:pointer;display:flex;justify-content:space-between}button:hover{background:#213e52}button:disabled{opacity:.6;cursor:wait}#loginMessage{margin:0;color:#a23f4c;min-height:20px}footer{font-size:10px;line-height:1.9;color:#8395a5;border-top:1px solid #e7edf2;padding-top:23px;margin-top:21px}@media(max-width:520px){body{padding:15px}main{padding:30px 25px;border-radius:18px}h1{font-size:28px}}