*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2833;background:#f4f6f7;line-height:1.55}
header{background:#1f3a5f;color:#fff;padding:28px 18px}header h1{margin:0 auto;max-width:880px;font-size:clamp(1.5rem,4vw,2.2rem)}header p{max-width:880px;margin:8px auto 0;color:#d6eaf8}
main{max-width:880px;margin:0 auto;padding:18px}.card{background:#fff;border-radius:12px;padding:18px;margin:16px 0;box-shadow:0 2px 8px rgba(0,0,0,.06)}
label{display:block;font-weight:600;margin:8px 0 4px}input,select{width:100%;padding:9px;border:1px solid #ccd1d1;border-radius:8px;font-size:1rem;background:#fff8e1}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}table{width:100%;border-collapse:collapse;margin-top:8px;font-size:.95rem}
th,td{padding:7px;border-bottom:1px solid #e5e8e8;text-align:left}th{background:#2e86ab;color:#fff}td input{background:#fff8e1}
button{background:#2e86ab;color:#fff;border:0;border-radius:8px;padding:10px 16px;font-size:1rem;cursor:pointer}button.sec{background:#aab7b8}
.res{font-size:1.05rem}.pc{border-left:5px solid #2e86ab;padding:10px 14px;margin:10px 0;background:#eaf2f8;border-radius:8px}.neg{color:#c0392b;font-weight:700}.pos{color:#1e8449;font-weight:700}
.cta{background:#1f3a5f;color:#fff}.cta a.btn{display:inline-block;background:#f5b041;color:#1c2833;font-weight:700;padding:12px 18px;border-radius:10px;text-decoration:none;margin:6px 8px 6px 0}.cta a.ghost{background:#fff}
.cta img{max-width:100%;border-radius:8px}footer{text-align:center;color:#7f8c8d;font-size:.85rem;padding:24px}h2{margin-top:0}