*{margin:0;padding:0;box-sizing:border-box}
body{font:16px/1.7 Arial,Helvetica,sans-serif;color:#2a3138;background:#fff}
.bar{background:#0b2540;color:#fff;padding:0}
.bar .ic{max-width:1040px;margin:0 auto;padding:16px 22px;display:flex;justify-content:space-between;align-items:center}
.bar .logo{font-weight:800;font-size:19px}.bar .logo em{color:#0e7490;font-style:normal}
.bar nav a{color:#c6d3e2;text-decoration:none;margin-left:20px;font-size:14px}
.hero{background:#f4f7fb;border-bottom:1px solid #e2e9f1}
.hero .ic{max-width:1040px;margin:0 auto;padding:52px 22px}
.hero h1{font-size:clamp(28px,5vw,42px);color:#0b2540;max-width:15ch}
.hero p{color:#54606d;margin:14px 0 22px;max-width:60ch}
.btns a{display:inline-block;padding:14px 34px;border-radius:6px;text-decoration:none;font-weight:700;margin-right:10px}
.birincil{background:#0e7490;color:#fff}.ikincil{border:2px solid #0b2540;color:#0b2540}
.ic{max-width:1040px;margin:0 auto;padding:0 22px}
h2{font-size:26px;color:#0b2540;margin:40px 0 16px}h3{font-size:17px;color:#0b2540;margin-bottom:6px}
p{margin-bottom:14px}
.kutular{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:20px 0}
.ku{border:1px solid #e2e9f1;border-top:3px solid #0e7490;border-radius:6px;padding:20px}
.ku p{font-size:14px;color:#54606d;margin:0}
.tbl{width:100%;border-collapse:collapse;margin:18px 0}
.tbl td,.tbl th{padding:12px 15px;border:1px solid #e2e9f1;text-align:left}
.tbl tr:nth-child(even){background:#f4f7fb}.tbl th{background:#0b2540;color:#fff}
.sss details{border:1px solid #e2e9f1;border-radius:6px;margin-bottom:10px}
.sss summary{padding:14px 16px;font-weight:700;color:#0b2540;cursor:pointer}
.sss details p{padding:0 16px 14px;margin:0;color:#54606d}
footer{background:#0b2540;color:#9fb2c8;margin-top:50px}
footer .ic{padding:26px 22px;font-size:13px;text-align:center}