:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172b45;background:#f2f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 18px;background:radial-gradient(circle at 10% 15%,#dce8f6 0,transparent 35%),radial-gradient(circle at 90% 85%,#e2eaf5 0,transparent 35%),#f5f7fb}.login-card{width:100%;max-width:440px;padding:42px 38px 30px;border:1px solid #e0e7f0;border-radius:20px;background:#fff;box-shadow:0 18px 55px #19304f1a}.brand-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:24px;border-radius:14px;background:#173b65;color:#fff;font-size:27px;font-weight:750}.eyebrow{margin:0 0 9px;color:#54708f;font-size:11px;font-weight:750;letter-spacing:1.8px}h1{margin:0;color:#173b65;font-size:32px;letter-spacing:-1px}.subtitle{margin:10px 0 30px;color:#6b7b8f;font-size:14px;line-height:1.6}form{display:flex;flex-direction:column;gap:10px}label{margin-top:8px;color:#273c55;font-size:13px;font-weight:650}input{width:100%;padding:13px 14px;border:1px solid #d6dfeb;border-radius:9px;outline:none;background:#fff;color:#172b45}input:focus{border-color:#315f91;box-shadow:0 0 0 3px #315f911f}button{margin-top:18px;padding:14px;border:0;border-radius:9px;background:#173b65;color:#fff;font-weight:650;cursor:pointer;transition:background .16s ease}button:hover{background:#24517f}button:focus-visible{outline:3px solid #9abce4;outline-offset:3px}.security-note{margin:24px 0 0;padding:13px;border-radius:9px;background:#f1f6fb;color:#526981;font-size:12px;line-height:1.6;text-align:center}.footer{margin:25px 0 0;color:#8492a4;font-size:11px;text-align:center}@media(max-width:480px){.login-card{padding:32px 23px 25px}h1{font-size:29px}}