*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;color:#1c2b3a}
.wrap{max-width:1080px;margin:auto;padding:24px 16px}.demo{background:#b00020;color:#fff;text-align:center;padding:6px;font-size:13px}
header{border-bottom:1px solid #ddd;position:sticky;top:0;background:#fff;z-index:5}.nav{display:flex;align-items:center;gap:20px;padding:12px 16px;flex-wrap:wrap}
.logo{font-size:24px;color:#0b3d6e;text-decoration:none}.logo b{color:#2a8fd6}nav{flex:1;display:flex;gap:16px;flex-wrap:wrap}nav a{color:#1c2b3a;text-decoration:none}
button,.btn{background:#0b3d6e;color:#fff;border:0;padding:10px 18px;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block}
.ghost{background:transparent;border:2px solid #fff}.hero{background:linear-gradient(120deg,#0b3d6e,#2a8fd6);color:#fff}.hero .wrap{padding:70px 16px}.hero h1{font-size:40px;margin:0 0 10px}.cta{display:flex;gap:12px;margin-top:20px}
.quick{background:#eef4fa}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:16px}.grid4 a{background:#fff;padding:16px;text-align:center;border-radius:8px;color:#0b3d6e;text-decoration:none;font-weight:600}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{border:1px solid #dde5ee;border-radius:10px;padding:20px;background:#fff}.card a{color:#2a8fd6}
.alt{background:#f5f7fa}table{border-collapse:collapse;width:100%;background:#fff}td,th{padding:10px;border-bottom:1px solid #ddd;text-align:left}
input{padding:10px;border:1px solid #bbb;border-radius:6px;margin-right:8px;width:100%;max-width:260px}footer{background:#0b3d6e;color:#cfe}footer a{color:#fff}
#modal{display:none;position:fixed;inset:0;background:#0008;align-items:center;justify-content:center;z-index:9}#modal.on{display:flex}.box{background:#fff;padding:24px;border-radius:10px;width:90%;max-width:340px}.box input{margin:6px 0;max-width:none}.note{color:#b00020;font-size:13px}