*{box-sizing:border-box}body{margin:0;background:#f3f6fc;color:#0b2347;font-family:Poppins,Arial,sans-serif}.bar{display:flex;justify-content:space-between;align-items:center;background:#071b3f;color:white;padding:12px max(16px,calc((100vw - 1050px)/2))}.bar img{width:210px;max-width:52vw}.nav{display:flex;gap:18px;background:#fff;border-bottom:1px solid #dde3ed;padding:12px max(16px,calc((100vw - 1050px)/2));flex-wrap:wrap}.nav a{color:#09234b;text-decoration:none;font-size:13px;font-weight:600}.shell{max-width:1050px;margin:auto;padding:24px 16px 60px}h1{font-size:clamp(24px,4vw,35px)}h2{margin:0 0 12px;font-size:19px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.panel{background:#fff;padding:24px;border:1px solid #dfe6ef;border-radius:20px;margin-bottom:16px;box-shadow:0 8px 22px #102f5820}.yellow{background:linear-gradient(120deg,#ffd000,#ffeb8c)}.navy{background:linear-gradient(120deg,#091b44,#1b498e);color:#fff}.big{font-size:36px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.pill{background:#fff3be;border-radius:20px;padding:6px 12px}.notice{padding:12px 0;border-bottom:1px solid #e1e7ee}.notice small{color:#8c6d00}.notice p{white-space:normal}.history{border-left:3px solid #ffca00;padding:7px 12px;background:#f7f9fd}.reminder{border-radius:10px;padding:12px;background:#fff2b2}label{display:block;margin:12px 0;font-size:13px;font-weight:600}input{width:100%;padding:12px;border:1px solid #ced9e9;border-radius:9px;font:inherit}button{border:0;background:#ffc800;border-radius:10px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer}.alert{background:#ffe4de;padding:14px;border-radius:10px}a{color:#063a8c}footer{margin-top:30px;font-size:12px;color:#607392}@media(max-width:650px){.grid{grid-template-columns:1fr}.bar{padding:12px 15px}}