:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;color:#172b45;background:#eef3f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 72% 18%,#d7e7fa66,transparent 45%),radial-gradient(ellipse at 20% 90%,#a9dcd522,transparent 48%),#f5f8fb}.card{width:min(100%,460px);padding:40px;border:1px solid #dce5ef;border-radius:22px;background:#ffffffeb;box-shadow:0 24px 72px #2036540b}.brand{display:flex;gap:14px;align-items:center;font-size:15px;line-height:1.5;margin-bottom:38px}.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff;background:#315da4;font-size:29px;font-weight:600}.brand b{font-size:18px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#5279b3;margin:0 0 14px}h1{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin:0 0 12px}.intro{color:#64748b;font-size:14px;line-height:1.7;margin:0 0 30px}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}input[type=password]{width:100%;height:48px;border:1px solid #ccd8e6;border-radius:10px;font:inherit;padding:0 14px;outline:none}input:focus{border-color:#315da4;box-shadow:0 0 0 3px #315da41a}button{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;margin-top:16px;border:0;border-radius:10px;background:#315da4;color:white;font:inherit;font-size:14px;font-weight:600;padding:0 18px;cursor:pointer}button:hover{background:#264b88}.note{font-size:11px;line-height:1.7;color:#76869b;margin:21px 0 30px}footer{border-top:1px solid #e8edf4;padding-top:18px;display:flex;justify-content:space-between;gap:10px;font-size:11px}a{color:#426ba6;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;gap:8px;white-space:nowrap}.error{border-radius:8px;background:#fff3ef;color:#a74027;padding:12px;font-size:13px;line-height:1.5}@media(max-width:480px){body{padding:20px}.card{padding:28px}footer{flex-direction:column}}