:root{--zemin:#1F2226;--yuzey:#2A2E34;--yuzey2:#33383F;--metin:#F2EBDD;--metin2:rgba(242,235,221,.72);--vurgu:#C9A45C;--vurgu-metin:#D9B873;--vurgu-ust:#25282D;--cizgi:rgba(242,235,221,.09)}
@media (prefers-color-scheme:light){:root{--zemin:#F2EBDD;--yuzey:#FBF8F2;--yuzey2:#EEE5D3;--metin:#25282D;--metin2:rgba(37,40,45,.72);--vurgu-metin:#8A6A2C;--cizgi:rgba(37,40,45,.10)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font:16px/1.6 -apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:48px 16px 32px;text-align:center}
.logo{width:112px;height:112px;border-radius:26px;display:block;margin:0 auto 24px}
h1{font-size:30px;line-height:36px;font-weight:700;margin:0 0 12px}
.alt{max-width:480px;margin:0 auto;color:var(--metin2)}
.dugmeler{display:flex;flex-direction:column;align-items:center;gap:12px;margin:36px 0 40px}
.dugme{display:block;width:100%;max-width:300px;padding:14px 20px;border-radius:14px;font-weight:600;text-decoration:none;text-align:center}
.dugme[hidden]{display:none}
#apk{background:var(--vurgu);color:var(--vurgu-ust)}
#play{background:var(--yuzey2);color:var(--metin2);pointer-events:none;cursor:default}
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:16px;padding:20px 14px;font-size:15px;line-height:22px;display:flex;align-items:center;justify-content:center}
@media(max-width:620px){.kartlar{grid-template-columns:1fr}}
footer{padding:20px 16px 32px;text-align:center;color:var(--metin2);font-size:14px;border-top:1px solid var(--cizgi)}
a{color:var(--vurgu-metin)}
.metin{text-align:left;background:var(--yuzey);border-radius:20px;padding:24px 20px}
.metin h1{text-align:center;font-size:26px;line-height:32px}
.metin h2{font-size:17px;margin:28px 0 8px}
.metin p,.metin li{color:var(--metin2)}
.metin ul{padding-left:20px}
.ust{text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--vurgu-metin);font-weight:600;margin:0 0 8px}
.tarih{text-align:center;color:var(--metin2);font-size:14px;margin:0 0 24px}
hr{border:0;border-top:1px solid var(--cizgi);margin:28px 0}
.geri{display:inline-block;margin-bottom:20px}