:root{--ink:#1a0b3d;--purple:#2d1466;--purple2:#4a23a8;--edge:#7b52ff;--yellow:#ffd23f;--orange:#ff9a1f;--pink:#ff4fa3;--text:#f3eeff;--muted:#cbbef5}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Fredoka",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:linear-gradient(180deg,#ff6a9e 0%,#6a33c8 38%,#1c0b45 100%) fixed;min-height:100vh;line-height:1.6}
a{color:var(--yellow)}
.wrap{max-width:980px;margin:0 auto;padding:24px 20px 60px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand img{width:52px;height:52px;border-radius:14px;box-shadow:0 4px 0 rgba(0,0,0,.25)}
.brand span{font-family:"Lilita One","Fredoka",sans-serif;font-size:28px;letter-spacing:1px;text-shadow:0 3px 0 var(--ink)}
nav{display:flex;gap:8px;flex-wrap:wrap}
nav a,.lang{font-family:"Lilita One",sans-serif;text-decoration:none;color:#fff;background:var(--purple2);border:3px solid var(--edge);border-radius:14px;padding:6px 14px;cursor:pointer;font-size:16px}
nav a.active{background:var(--orange);border-color:#fff}
.hero{margin-top:36px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.hero h1{font-family:"Lilita One",sans-serif;font-size:clamp(56px,10vw,104px);line-height:.9;margin:0;color:var(--yellow);text-shadow:0 6px 0 var(--ink);transform:rotate(-3deg)}
.hero h1 b{color:#fff;display:block}
.tag{display:inline-block;margin-top:18px;background:var(--pink);border:3px solid #fff;border-radius:12px;padding:4px 14px;font-family:"Lilita One",sans-serif;transform:rotate(-3deg)}
.hero p{font-size:19px;color:var(--text)}
.hero img{width:100%;border-radius:22px;border:4px solid var(--yellow);box-shadow:0 10px 0 rgba(0,0,0,.25)}
.card{background:rgba(45,20,102,.88);border:4px solid var(--edge);border-radius:22px;padding:22px 24px;margin-top:24px;box-shadow:0 8px 0 rgba(0,0,0,.2)}
.card h2{font-family:"Lilita One",sans-serif;color:var(--yellow);margin:0 0 8px;font-size:30px}
.card h3{color:#fff;margin:18px 0 4px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.grid img{width:100%;border-radius:14px;border:3px solid var(--edge)}
.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}
.items div{background:rgba(26,11,61,.6);border-radius:14px;padding:10px 12px;border:2px solid var(--purple2)}
.items b{color:var(--yellow);font-family:"Lilita One",sans-serif;letter-spacing:.5px}
.muted{color:var(--muted);font-size:15px}
footer{margin-top:40px;text-align:center;color:var(--muted);font-size:14px}
[data-lang="tr"] .en,[data-lang="en"] .tr{display:none}
@media (max-width:760px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}