/* TEMA 1 · TERMİNAL — siyah zemin, neon yeşil, kod yazı tipi */
:root{--bg:#04070a;--panel:#0a1016;--line:#14321f;--g:#39ff88;--c:#22d3ee;--t:#c9d6cf;--m:#6b8577;--mono:'JetBrains Mono',ui-monospace,monospace}
body{background:var(--bg);color:var(--t);font:16px/1.75 Inter,system-ui,sans-serif}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);z-index:50}
h1,h2,h3,h4,.btn,.etiket,.menu,.logo-ad,.kart-no,.yol{font-family:var(--mono)}
::selection{background:var(--g);color:#02130a}

.ust{background:rgba(4,7,10,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.logo img{border-radius:6px}
.logo-ad{font-weight:800;font-size:17px;color:var(--g)}
.logo-ad::after{content:"";display:inline-block;width:9px;height:17px;background:var(--g);vertical-align:-3px;margin-left:4px;animation:yanip 1s steps(1) infinite}
@keyframes yanip{50%{opacity:0}}
.menu{font-size:13px}
.menu a{color:var(--m)}
.menu a::before{content:"./";opacity:.6}
.menu a:hover,.menu a.aktif{color:var(--g)}
.menu .btn-giris::before{content:none}
.menu-ac{color:var(--g)}
@media (max-width:1000px){.menu{background:var(--bg);border-bottom:1px solid var(--line)}}

.btn{font-weight:600;font-size:13px;padding:12px 18px;border:1px solid var(--g);color:var(--g);background:transparent}
.btn:hover,.btn-dolu{background:var(--g);color:#02130a;box-shadow:0 0 24px rgba(57,255,136,.4)}
.btn-dolu:hover{background:transparent;color:var(--g)}
.menu .btn-giris{color:var(--g)}
.menu .btn-giris:hover{color:#02130a}

/* Hero */
.hero{position:relative;min-height:calc(100vh - 70px);display:flex;align-items:center;overflow:hidden}
#matrix{position:absolute;inset:0;width:100%;height:100%;opacity:.18}
.hero-ic{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:60px 20px}
.prompt{font:500 13px var(--mono);color:var(--c);margin-bottom:18px}
.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.1;color:#fff;letter-spacing:-1px}
.hero h1 em{font-style:normal;color:var(--g);text-shadow:0 0 30px rgba(57,255,136,.5)}
.hero p{margin:22px 0 32px;font-size:18px;max-width:560px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.term{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden}
.term-bar{display:flex;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line);font:12px var(--mono);color:var(--m)}
.term-bar b{width:11px;height:11px;border-radius:50%;background:#ff5f57}.term-bar b:nth-child(2){background:#febc2e}.term-bar b:nth-child(3){background:#28c840}
.term-bar span{margin-left:auto}
#term-out{padding:18px;font:13px/1.9 var(--mono);min-height:330px;white-space:pre-wrap}
#term-out .k{color:var(--g)}#term-out .c{color:var(--c)}#term-out .d{color:var(--m)}#term-out .ok{color:#28c840}

/* Bölümler */
.bolum{border-top:1px solid var(--line)}
.etiket{font-size:13px;font-weight:600;color:var(--g);margin-bottom:10px}
.etiket::before{content:"// "}
.baslik,.sayfa-baslik h1{font-size:clamp(28px,3.4vw,42px);line-height:1.2;color:#fff;font-weight:800}
.giris{color:#e4ece8}
.metin .giris{border-left:2px solid var(--g);padding-left:20px}
.deger-serit li{font:600 13px var(--mono);color:var(--g);border:1px solid var(--line);padding:6px 12px}
.deger-serit li::before{content:"const "; color:var(--m)}

.kart{background:var(--panel);border:1px solid var(--line);padding:30px}
.kart:hover{border-color:var(--g);box-shadow:0 0 40px rgba(57,255,136,.1);transform:translateY(-4px)}
.kart h3{font-size:19px;color:#fff;line-height:1.35}
.kart h3 a:hover{color:var(--g)}
.kart-oz{color:var(--c);font:500 14px var(--mono)}
.kart p{font-size:15px}
.kart-ikon{border:1px solid var(--line);color:var(--g)}
.kart-no{font:800 30px var(--mono);color:transparent;-webkit-text-stroke:1px var(--g);opacity:.6}
.kart-link{color:var(--g);font:600 13px var(--mono)}
.maddeler{font:13px/1.9 var(--mono);background:#060b0f;border:1px solid var(--line);padding:16px 18px}
.maddeler li::before{content:"[✓]";color:var(--g)}

.bolum-koyu{background:#03060a}
.deger{background:var(--panel);border:1px solid var(--line);padding:26px;transition:.25s}
.deger:hover{border-color:var(--g);transform:translateY(-4px)}
.deger-harf{display:none}
.deger-no{font:600 12px var(--mono);color:var(--m)}
.deger h3{font-size:20px;color:var(--g);margin:6px 0 10px}
.deger h3::before{content:"> "}
.deger p{font-size:15px}
.adim{background:var(--panel);border:1px solid var(--line);padding:26px}
.adim-no{font:800 13px var(--mono);color:var(--c)}
.adim h3{font-size:19px;color:#fff;margin:6px 0}
.adim p{font-size:15px}

.vurgu-kutu{border-left:2px solid var(--g);padding:10px 0 10px 24px;font-family:var(--mono)}
.vurgu-kutu span{display:block;font-size:30px;font-weight:800;color:#fff;line-height:1.35}
.vurgu-kutu em{font-style:normal;color:var(--g)}
.vurgu-kutu p{margin-top:16px;color:var(--m);font-size:14px}
.yan-kutu{background:var(--panel);border:1px solid var(--line);padding:26px}
.yan-kutu h3{color:#fff;font-size:18px;margin-bottom:14px}
.yan-kutu.vurgu{border-color:var(--g)}
.yan-kutu.vurgu p{font-size:14px;margin-bottom:6px}
.yan-kutu .maddeler{background:none;border:0;padding:0}

.cta-bant{background:var(--panel);border:1px solid var(--line);padding:46px;box-shadow:inset 0 0 0 1px rgba(57,255,136,.05)}

/* Sayfa başlığı */
.sayfa-baslik{border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(57,255,136,.05),transparent)}
.sayfa-baslik h1{font-size:clamp(32px,4.4vw,54px)}
.yol{font-size:12px;color:var(--m)}
.yol a:hover{color:var(--g)}
.yol b{color:var(--g);font-weight:600}

/* İletişim */
.bilgi{background:var(--panel);border:1px solid var(--line);font-family:var(--mono);font-size:14px;color:var(--c)}
.bilgi:hover{border-color:var(--g)}
.bilgi .ikon{color:var(--g)}
.harita{border:1px solid var(--line);padding:6px;background:var(--panel)}
.harita iframe{filter:invert(.9) hue-rotate(180deg) saturate(.6)}
.form-kutu{background:var(--panel);border:1px solid var(--line);padding:40px}
.alan label{font-family:var(--mono);font-size:13px;color:var(--g)}
.alan input,.alan select,.alan textarea{background:#05090c;border:1px solid var(--line);color:#fff}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(57,255,136,.12)}
.onay label{color:var(--t);font-family:Inter,sans-serif}

/* Alt bilgi */
.alt{border-top:1px solid var(--line);background:#020406}
.alt .logo-ad::after{content:none}
.alt-menu h4{color:var(--g);font-size:12px}
.alt-menu a{color:var(--m)}
.alt-menu a:hover{color:var(--g)}
.alt-marka p{color:var(--m)}
.alt-cizgi{border-top:1px solid var(--line);color:var(--m);font-family:var(--mono);font-size:12px}

@media (max-width:1000px){.hero-ic{grid-template-columns:1fr}.cta-bant,.form-kutu{padding:28px}}