*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Segoe UI,Arial,sans-serif;color:#222;display:flex;flex-direction:column;min-height:100vh}
.kap{max-width:1100px;margin:0 auto;padding:0 16px;width:100%}
header{background:#12263f;color:#fff;position:sticky;top:0;z-index:10}
header .kap{display:flex;align-items:center;justify-content:space-between;min-height:64px;flex-wrap:wrap}
.logo{font-size:26px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:1px}
.logo span{color:#2fb5ff}
nav ul{list-style:none}
#menu{display:flex;gap:4px}
#menu li{position:relative}
#menu a{display:block;padding:22px 16px;color:#fff;text-decoration:none;cursor:pointer}
#menu>li:hover>a,#menu a.aktif{background:#1d3b61}
#menu ul{visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;position:absolute;left:0;top:100%;min-width:220px;background:#1d3b61;box-shadow:0 6px 14px #0004}
#menu li:hover>ul,#menu li:focus-within>ul{visibility:visible;opacity:1;transform:none}
#menu li.altli>a::after{content:" ▾";font-size:12px}
#menu ul li.altli>a::after{content:" ▸"}
#menu ul a{padding:12px 16px}
#menu ul a:hover{background:#2a5185}
#menu ul ul{left:100%;top:0}
#mobilBtn{display:none;background:none;border:1px solid #fff6;border-radius:6px;width:44px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}
#mobilBtn span{display:block;width:24px;height:3px;background:#fff;border-radius:2px}
.logo img{height:46px;display:block}
main{flex:1;padding-top:32px;padding-bottom:32px;line-height:1.7}
main h1{margin-bottom:16px;color:#12263f}
main h2{margin:20px 0 8px}
footer{background:#0c1a2b;color:#aab;padding:24px 0;text-align:center;font-size:14px}
#footerLinkler{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:12px}
#footerLinkler a{color:#cfe;text-decoration:none}
#footerLinkler a:hover{text-decoration:underline}
@media(max-width:800px){
 #mobilBtn{display:flex}
 nav{width:100%;display:none}
 nav.acik{display:block}
 #menu{flex-direction:column}
 #menu a{padding:12px 8px}
 #menu ul{visibility:visible;opacity:1;transform:none;position:static;box-shadow:none;background:none;padding-left:16px}
}