@font-face{font-family:"Bricolage";src:url(/assets/bricolage.woff) format("woff");font-weight:400 800;font-display:swap}
:root{--gece:#0E0F12;--yuzey:#17181D;--cizgi:#2A2B33;--yazi:#F5F5F0;--soluk:#A9A9A1;--limon:#D7FF3A;
--font:"Bricolage",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Consolas,monospace}
*{box-sizing:border-box}
html{color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--gece);color:var(--yazi);font:400 17px/1.6 var(--font);min-height:100vh;display:flex;flex-direction:column}
main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--limon);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--limon);outline-offset:3px;border-radius:6px}
h1,h2{line-height:1.12;letter-spacing:-.02em;margin:0}
h1{font-weight:800}
h2{font-weight:700;font-size:1.35rem;margin:2.2rem 0 .9rem}
.ust{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1080px;margin:0 auto;padding:22px 20px}
.logo img{display:block;height:34px;width:auto}
.dil{color:var(--yazi);text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid var(--cizgi);padding:.35rem .8rem;border-radius:999px}
.dil:hover{border-color:var(--limon);color:var(--limon)}
.kahraman{padding:48px 0 24px;max-width:820px}
.kahraman h1{font-size:clamp(2.3rem,7vw,4.4rem)}
.kahraman h1 em{font-style:normal;color:var(--limon)}
.kahraman p{color:var(--soluk);font-size:1.12rem;max-width:620px;margin:1.3rem 0 0}
.takip{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.8rem}
.takip span{color:var(--soluk);font-size:.95rem;margin-right:.2rem}
.takip a{background:var(--limon);color:var(--gece);font-weight:700;text-decoration:none;padding:.6rem 1.1rem;border-radius:999px}
.takip a:hover{filter:brightness(1.08)}
.kartlar{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.kart a{display:flex;flex-direction:column;height:100%;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:18px;overflow:hidden;color:var(--yazi);text-decoration:none;transition:border-color .15s,transform .15s}
.kart a:hover{border-color:var(--limon);transform:translateY(-2px)}
.kart img,.kart-bos{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;display:block;background:#000}
.kart-bos{display:grid;place-items:center;font-size:5rem;font-weight:800;color:var(--limon)}
.kart-arac{color:var(--limon);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:14px 16px 0}
.kart-baslik{font-weight:700;line-height:1.3;padding:6px 16px 18px}
.bos{color:var(--soluk)}
.taktik{padding:12px 0 24px}
.geri{display:inline-block;color:var(--soluk);text-decoration:none;font-size:.95rem;margin-bottom:1.4rem}
.geri:hover{color:var(--limon)}
.arac{margin:0 0 .6rem;color:var(--soluk);font-size:.95rem}
.taktik h1{font-size:clamp(1.9rem,5vw,3rem);max-width:900px}
.taktik-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;margin-top:1.6rem}
.taktik h1,.kart-baslik{overflow-wrap:break-word}
@media (min-width:860px){.taktik-izgara{grid-template-columns:minmax(0,1fr) 300px}.taktik-video{position:sticky;top:24px;align-self:start}}
.giris{color:var(--soluk);font-size:1.08rem;margin:0}
.komut{background:var(--yuzey);border:1px solid var(--limon);border-radius:16px;padding:18px 18px 20px;margin-top:1.8rem}
.komut-ust{display:flex;justify-content:space-between;align-items:center;gap:12px}
.komut h2{margin:0;font-size:1rem;color:var(--limon);text-transform:uppercase;letter-spacing:.06em}
.komut pre{margin:.9rem 0 0;white-space:pre-wrap;word-break:break-word;font:500 1.02rem/1.55 var(--mono);color:var(--yazi)}
.kopyala{font:700 .95rem var(--font);background:var(--limon);color:var(--gece);border:0;border-radius:999px;padding:.5rem 1.05rem;cursor:pointer;min-width:6.5rem}
.adimlar{padding-left:1.4rem;margin:0}
.adimlar li{margin:.5rem 0;padding-left:.3rem}
.adimlar li::marker{color:var(--limon);font-weight:700}
.video{width:100%;height:auto;aspect-ratio:9/16;border-radius:18px;background:#000;border:1px solid var(--cizgi);display:block}
.izle{color:var(--soluk);margin:.8rem 0 0;font-size:.95rem}
.bio{max-width:480px;margin:0 auto;padding:24px 0;text-align:center}
.bio img{border-radius:50%;display:block;margin:0 auto 14px}
.bio h1{font-size:1.5rem}
.bio p{color:var(--soluk);margin:.5rem 0 1.6rem}
.bio nav{display:flex;flex-direction:column;gap:12px}
.bio-dugme{display:block;background:var(--yuzey);border:1px solid var(--cizgi);color:var(--yazi);text-decoration:none;font-weight:700;padding:1rem 1.2rem;border-radius:16px}
.bio-dugme:hover{border-color:var(--limon)}
.bio-ana{background:var(--limon);color:var(--gece);border-color:var(--limon)}
.bio-ana small{display:block;font-weight:600;opacity:.7;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}
.bulten{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:18px;padding:22px;margin:40px 0 0;max-width:640px;text-align:left}
.bulten h2{margin:0 0 .4rem;font-size:1.3rem}
.bulten p{color:var(--soluk);margin:0 0 1rem}
.bulten-satir{display:flex;gap:10px;flex-wrap:wrap}
.bulten input[type=email]{flex:1 1 220px;min-width:0;font:inherit;color:var(--yazi);background:var(--gece);border:1px solid var(--cizgi);border-radius:999px;padding:.65rem 1rem}
.bulten input[type=email]:focus-visible,.bulten input[type=checkbox]:focus-visible{outline:2px solid var(--limon);outline-offset:2px}
.bulten button{font:700 1rem var(--font);background:var(--limon);color:var(--gece);border:0;border-radius:999px;padding:.65rem 1.2rem;cursor:pointer}
.bulten button:disabled{opacity:.6;cursor:wait}
.bulten .onay{display:flex;gap:.6rem;align-items:flex-start;margin-top:.9rem;font-size:.85rem;line-height:1.45;color:var(--soluk)}
.bulten .onay input{margin-top:.2rem;flex:none;accent-color:var(--limon)}
.bulten .bulten-durum{min-height:1.4em;margin:.8rem 0 0;color:var(--yazi);font-weight:600}
.bulten.tamam .bulten-satir,.bulten.tamam .onay{display:none}
.bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bio .bulten{margin-top:28px}
.metin{max-width:720px;padding:16px 0 32px}
.metin h1{font-size:clamp(2rem,5vw,2.8rem)}
.metin p{color:#D9D9D2}
.guncel{color:var(--soluk)!important;font-size:.95rem}
.alt{width:100%;max-width:1080px;margin:56px auto 0;padding:28px 20px 40px;border-top:1px solid var(--cizgi);display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;color:var(--soluk);font-size:.95rem}
.alt p{margin:0}
.alt .slogan{color:var(--yazi);font-weight:600}
.alt nav{display:flex;gap:18px}
.alt nav a{color:var(--soluk)}
.alt nav a:hover{color:var(--limon)}
@media (max-width:520px){body{font-size:16px}.ust{padding:18px 16px}main{padding:0 16px}.logo img{height:28px}.kahraman{padding-top:28px}.kartlar{grid-template-columns:1fr 1fr;gap:12px}.kart-baslik{font-size:.92rem;padding:4px 12px 14px}.kart-arac{padding:12px 12px 0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}