:root{--bg:#070d1a;--bg2:#0b1426;--panel:#101c33;--line:#1c2c4d;--tx:#e9eef7;--mut:#8fa0bd;--ac:#38c8ff;--ac2:#7ee0ff}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7}
a{color:var(--ac2);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:50;background:rgba(7,13,26,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{font-weight:800;font-size:1.3rem;letter-spacing:2px;color:#fff}
.logo b{color:var(--ac)}
nav .menu a{color:var(--mut);margin-left:24px;font-size:.92rem;font-weight:500}
nav .menu a:hover{color:#fff}
.hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden}
#uzay{position:absolute;inset:0;z-index:0}
.hero .ic{position:relative;z-index:1;padding:80px 0}
.hero h1{font-size:clamp(1.8rem,4.2vw,3rem);font-weight:800;line-height:1.2;max-width:700px}
.hero h1 span{background:linear-gradient(90deg,var(--ac),#9d7bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);max-width:560px;margin-top:16px;font-size:1.05rem}
.btn{display:inline-block;margin-top:26px;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;background:linear-gradient(90deg,#1d5bbf,#38c8ff);color:#fff}
.btn:hover{filter:brightness(1.15)}
.btn.dis{background:transparent;border:1px solid var(--line);color:var(--mut);margin-left:12px}
section{padding:76px 0}
h2.bas{font-size:1.7rem;margin-bottom:6px}
.alt{color:var(--mut);margin-bottom:40px;max-width:620px}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.kart{background:linear-gradient(160deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:14px;padding:28px;transition:.25s;display:block;color:var(--tx)}
.kart:hover{border-color:var(--ac);transform:translateY(-4px)}
.kart .no{font-size:.75rem;color:var(--ac);letter-spacing:2px;margin-bottom:12px}
.kart h3{font-size:1.1rem;margin-bottom:10px;color:#fff}
.kart p{color:var(--mut);font-size:.92rem}
.kart .link{display:inline-block;margin-top:14px;font-size:.85rem;color:var(--ac2)}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.ikili img{width:100%;border-radius:12px;border:1px solid var(--line)}
@media(max-width:820px){.ikili{grid-template-columns:1fr}}
.sayilar{display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:34px 40px;background:var(--bg2)}
.sayi b{font-size:2rem;display:block;color:var(--ac2)}
.sayi span{color:var(--mut);font-size:.88rem}
.detay-hero{padding:90px 0 50px;background:radial-gradient(ellipse at 20% 0%,#12244a 0%,var(--bg) 65%)}
.detay-hero .kirinti{color:var(--mut);font-size:.85rem;margin-bottom:14px;display:block}
.detay-hero h1{font-size:clamp(1.6rem,3.5vw,2.4rem);max-width:720px}
.icerik p{color:#c3cee2;margin:14px 0;max-width:760px}
.icerik h2{margin:36px 0 8px;font-size:1.25rem;color:var(--ac2)}
.icerik ul{margin:10px 0 10px 20px;color:var(--mut)}
.icerik li{margin:7px 0}
.icerik img{max-width:100%;border-radius:12px;border:1px solid var(--line);margin:20px 0}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--mut);font-size:.85rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.cta-band{background:linear-gradient(90deg,#0d1a33,#122a4d);border:1px solid var(--line);border-radius:14px;padding:40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}