:root{--cim:#0f2416;--cim-2:#163a22;--cim-3:#1f4d2d;--cizgi:#2c6340;--altin:#f5c542;--altin-acik:#ffd866;--kontur:#0b0f0c;--metin:#f1f5ee;--soluk:#b7c7b4;--yazi:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--baslik:"Lilita One", "Nunito", system-ui, sans-serif;--marka:"Luckiest Guy", "Lilita One", system-ui, sans-serif;--genislik:1080px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(circle at 50% -10%, var(--cim-3) 0, transparent 60%), var(--cim);min-height:100vh;color:var(--metin);font:17px/1.65 var(--yazi);flex-direction:column;margin:0;display:flex}main{flex:1}a{color:var(--altin-acik)}img{max-width:100%;height:auto}.ust{width:100%;max-width:var(--genislik);margin:0 auto;padding:18px 16px}.marka{color:var(--metin);font:400 26px/1 var(--marka);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.kahraman{text-align:center;max-width:760px;margin:0 auto;padding:32px 16px 48px}.kahraman__ikon{filter:drop-shadow(0 10px 24px #00000073);margin:0 auto 8px;display:block}.kahraman__ad{font:400 clamp(64px, 14vw, 120px)/1 var(--marka);text-transform:uppercase;letter-spacing:.03em;color:var(--altin);-webkit-text-stroke:3px var(--kontur);paint-order:stroke fill;text-shadow:0 6px 0 var(--kontur);margin:0}.kahraman__slogan{font:400 clamp(22px, 4vw, 30px)/1.2 var(--baslik);color:var(--metin);margin:18px 0 0}.kahraman__giris{max-width:620px;color:var(--soluk);margin:18px auto 0}.rozet{border:3px solid var(--kontur);background:var(--altin);color:var(--kontur);font:400 18px/1 var(--baslik);box-shadow:0 4px 0 var(--kontur);border-radius:999px;margin-top:26px;padding:8px 18px;display:inline-block}.ozellikler{max-width:var(--genislik);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:0 auto;padding:8px 16px 56px;display:grid}.ozellik{background:var(--cim-2);border:3px solid var(--kontur);box-shadow:0 5px 0 var(--kontur);border-radius:18px;padding:22px 22px 18px}.ozellik h2{font:400 24px/1.15 var(--baslik);color:var(--altin);margin:0 0 6px}.ozellik p{color:var(--soluk);margin:0}.metin{max-width:760px;margin:0 auto;padding:16px 16px 56px}.metin h1{font:400 clamp(32px, 6vw, 44px)/1.1 var(--baslik);color:var(--altin);margin:8px 0 4px}.metin h2{font:400 24px/1.2 var(--baslik);margin:32px 0 6px}.metin p{margin:0 0 12px}.metin__tarih{color:var(--soluk);font-size:15px}.alt{width:100%;max-width:var(--genislik);border-top:1px solid var(--cizgi);color:var(--soluk);text-align:center;margin:0 auto;padding:24px 16px 32px;font-size:15px}.alt p{margin:4px 0}.alt__not{font-size:13px}.bos-sayfa{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100vh;padding:24px 16px;display:flex}.bos-sayfa h1{font:400 72px/1 var(--marka);color:var(--altin);-webkit-text-stroke:3px var(--kontur);paint-order:stroke fill;margin:8px 0 0}.bos-sayfa p{color:var(--soluk)}.dugme{border:3px solid var(--kontur);background:var(--altin);color:var(--kontur);font:400 20px/1 var(--baslik);box-shadow:0 4px 0 var(--kontur);border-radius:14px;margin-top:8px;padding:12px 22px;text-decoration:none;display:inline-block}.dugme:hover{background:var(--altin-acik)}@media (prefers-reduced-motion:no-preference){.kahraman__ikon{animation:14s linear infinite don}@keyframes don{to{transform:rotate(360deg)}}}