/* assets/css/style.css — HileKodları Ana CSS */

/* ─── CSS DEĞİŞKENLERİ ─────────────────────────────────────────────────────── */
:root {
  --bg:      #050811;
  --bg2:     #080e1c;
  --accent:  #00f5d4;
  --accent2: #ff2d78;
  --accent3: #f5c400;
  --text:    #c8d8f0;
  --muted:   #4a5a7a;
  --card:    #0b1428;
  --border:  rgba(0,245,212,0.15);
  --glow:    0 0 20px rgba(0,245,212,0.3);
  --glow2:   0 0 20px rgba(255,45,120,0.3);
  --radius:  0px;
}

/* ─── RESET ─────────────────────────────────────────────────────────────────── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Rajdhani', sans-serif;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Scanline + Grid arka plan */
body::before {
  content:'';
  position:fixed; inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.12) 2px,rgba(0,0,0,0.12) 4px);
  pointer-events:none; z-index:9999;
}
body::after {
  content:'';
  position:fixed; inset:0;
  background-image:linear-gradient(rgba(0,245,212,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,212,0.03) 1px,transparent 1px);
  background-size:50px 50px;
  animation:gridMove 20s linear infinite;
  pointer-events:none; z-index:0;
}
@keyframes gridMove { to { transform:translateY(50px); } }
@keyframes blink    { 0%,100%{opacity:1} 50%{opacity:0} }
@keyframes pulse    { 0%,100%{box-shadow:0 0 8px rgba(0,245,212,0.4)} 50%{box-shadow:0 0 24px rgba(0,245,212,0.8),0 0 48px rgba(0,245,212,0.2)} }
@keyframes spin     { to { transform:rotate(360deg); } }
@keyframes fadeInDown { from{opacity:0;transform:translateY(-20px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeInUp   { from{opacity:0;transform:translateY(30px)}  to{opacity:1;transform:translateY(0)} }
@keyframes orbFloat   { 0%,100%{transform:translate(0,0)} 33%{transform:translate(30px,-20px)} 66%{transform:translate(-20px,30px)} }
@keyframes tickerScroll { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ─── NAVBAR ────────────────────────────────────────────────────────────────── */
#hk-nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:64px; display:flex; align-items:center; justify-content:space-between;
  padding:0 40px;
  background:rgba(5,8,17,0.85);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  transition:background 0.3s,box-shadow 0.3s;
}
.nav-logo       { display:flex; align-items:center; gap:12px; text-decoration:none; }
.logo-icon      { width:36px; height:36px; border:2px solid var(--accent); display:flex; align-items:center; justify-content:center; font-family:'Share Tech Mono',monospace; font-size:14px; color:var(--accent); animation:pulse 2s ease-in-out infinite; position:relative; }
.logo-icon::before { content:''; position:absolute; inset:-4px; border:1px solid rgba(0,245,212,0.2); animation:spin 6s linear infinite; }
.logo-text      { font-family:'Orbitron',sans-serif; font-size:18px; font-weight:900; color:#fff; letter-spacing:2px; }
.logo-text span { color:var(--accent); }
.nav-links      { display:flex; align-items:center; gap:4px; list-style:none; }
.nav-links a    { font-family:'Rajdhani',sans-serif; font-weight:600; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); text-decoration:none; padding:8px 14px; border:1px solid transparent; transition:all 0.2s; position:relative; }
.nav-links a:hover, .nav-links a.active { color:var(--accent); border-color:var(--border); background:rgba(0,245,212,0.05); }
.nav-links a.active::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:var(--accent); }
.nav-right      { display:flex; gap:10px; align-items:center; }

/* Butonlar */
.btn-outline { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:12px; letter-spacing:2px; text-transform:uppercase; padding:8px 20px; border:1px solid var(--muted); background:transparent; color:var(--muted); cursor:pointer; transition:all 0.2s; text-decoration:none; display:inline-block; }
.btn-outline:hover { border-color:var(--accent); color:var(--accent); box-shadow:var(--glow); }
.btn-accent  { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:12px; letter-spacing:2px; text-transform:uppercase; padding:8px 20px; border:1px solid var(--accent); background:rgba(0,245,212,0.1); color:var(--accent); cursor:pointer; transition:all 0.2s; text-decoration:none; display:inline-block; }
.btn-accent:hover { background:var(--accent); color:var(--bg); box-shadow:var(--glow); }

/* Hamburger */
.hamburger       { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; border:1px solid var(--border); background:transparent; }
.hamburger span  { display:block; width:22px; height:2px; background:var(--accent); transition:all 0.3s; }
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* Mobil menü */
.mobile-menu        { display:none; position:fixed; top:64px; left:0; right:0; background:rgba(5,8,17,0.98); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); z-index:998; padding:16px; flex-direction:column; gap:4px; }
.mobile-menu.open   { display:flex; }
.mobile-menu a      { font-family:'Rajdhani',sans-serif; font-weight:600; font-size:16px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); text-decoration:none; padding:12px 16px; border:1px solid transparent; transition:all 0.2s; }
.mobile-menu a:hover, .mobile-menu a.active { color:var(--accent); border-color:var(--border); background:rgba(0,245,212,0.05); }
.mobile-menu-btns   { display:flex; gap:10px; padding:14px 16px; border-top:1px solid var(--border); margin-top:8px; }
.mobile-menu-btns a { flex:1; text-align:center; padding:10px 20px; }
.mobile-lang-row    { display:flex; flex-wrap:wrap; gap:8px; padding:12px 16px; border-top:1px solid var(--border); }
.mobile-lang-pill   { font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:1px; padding:5px 10px; border:1px solid var(--border); color:var(--muted); text-decoration:none; transition:all 0.2s; }
.mobile-lang-pill:hover, .mobile-lang-pill.current { border-color:var(--accent); color:var(--accent); }

/* ─── DİL SEÇİCİ ────────────────────────────────────────────────────────────── */
.hk-lang-selector  { position:relative; }
.hk-lang-btn       { display:flex; align-items:center; gap:6px; font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:1px; color:var(--muted); background:transparent; border:1px solid var(--border); padding:6px 12px; cursor:pointer; transition:all 0.2s; }
.hk-lang-btn:hover { color:var(--accent); border-color:var(--accent); }
.hk-lang-dropdown  { display:none; position:absolute; top:calc(100% + 8px); right:0; min-width:160px; background:rgba(5,8,17,0.98); border:1px solid var(--border); backdrop-filter:blur(20px); z-index:1001; }
.hk-lang-dropdown.open { display:block; }
.hk-lang-native    { display:flex; flex-direction:column; }
.hk-lang-item      { display:flex; align-items:center; gap:8px; padding:10px 14px; font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--muted); text-decoration:none; transition:all 0.2s; border:none; background:transparent; cursor:pointer; width:100%; text-align:left; }
.hk-lang-item:hover   { color:var(--accent); background:rgba(0,245,212,0.05); }
.hk-lang-item.current { color:var(--accent); }
.hk-lang-divider   { height:1px; background:var(--border); margin:4px 0; }
.hk-gt-trigger     { border-top:1px solid var(--border); }

/* ─── STATUS BAR ────────────────────────────────────────────────────────────── */
.hk-status-bar     { display:flex; align-items:center; gap:32px; padding:10px 40px; background:rgba(5,8,17,0.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); overflow-x:auto; scrollbar-width:none; }
.hk-status-bar::-webkit-scrollbar { display:none; }
.status-item       { display:flex; align-items:center; gap:8px; white-space:nowrap; }
.status-dot        { width:6px; height:6px; border-radius:50%; }
.dot-green         { background:#00e676; box-shadow:0 0 6px #00e676; animation:blink 2s ease-in-out infinite; }
.dot-yellow        { background:var(--accent3); }
.dot-red           { background:var(--accent2); }
.status-label      { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); }
.status-value      { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; color:var(--text); }

/* ─── HERO ──────────────────────────────────────────────────────────────────── */
.hero { position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden; z-index:1; }
.hero-bg-orbs { position:absolute; inset:0; pointer-events:none; }
.orb  { position:absolute; border-radius:50%; filter:blur(80px); opacity:0.15; animation:orbFloat 8s ease-in-out infinite; }
.orb1 { width:500px; height:500px; background:var(--accent);  top:-100px; left:-100px; animation-delay:0s; }
.orb2 { width:400px; height:400px; background:var(--accent2); bottom:-100px; right:-50px; animation-delay:-3s; }
.orb3 { width:300px; height:300px; background:var(--accent3); top:40%; left:40%; animation-delay:-6s; }
.hero-content { text-align:center; position:relative; z-index:2; max-width:900px; padding:40px; }
.hero-badge   { display:inline-flex; align-items:center; gap:8px; background:rgba(0,245,212,0.08); border:1px solid rgba(0,245,212,0.2); padding:6px 16px; font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--accent); letter-spacing:2px; margin-bottom:30px; animation:fadeInDown 0.6s ease both; }
.badge-dot    { width:6px; height:6px; background:var(--accent); border-radius:50%; animation:blink 1s ease-in-out infinite; }
.hero-title   { font-family:'Orbitron',sans-serif; font-size:clamp(48px,8vw,96px); font-weight:900; line-height:0.95; color:#fff; text-transform:uppercase; letter-spacing:-2px; animation:fadeInUp 0.8s ease 0.2s both; }
.hero-title .line1 { display:block; }
.hero-title .line2 { display:block; background:linear-gradient(135deg,var(--accent),var(--accent2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero-subtitle { font-size:18px; font-weight:300; color:var(--muted); letter-spacing:3px; text-transform:uppercase; margin:20px 0 40px; font-family:'Share Tech Mono',monospace; animation:fadeInUp 0.8s ease 0.4s both; }
.hero-subtitle .cursor { display:inline-block; width:10px; background:var(--accent); animation:blink 0.8s steps(1) infinite; }
.hero-search  { display:flex; align-items:center; max-width:600px; margin:0 auto 50px; background:rgba(11,20,40,0.8); border:1px solid rgba(0,245,212,0.3); padding:0 20px; animation:fadeInUp 0.8s ease 0.6s both; }
.hero-search::before { content:'>'; font-family:'Share Tech Mono',monospace; color:var(--accent); font-size:16px; margin-right:12px; }
.hero-search input { flex:1; background:transparent; border:none; outline:none; font-family:'Share Tech Mono',monospace; font-size:14px; color:#fff; padding:18px 0; letter-spacing:1px; }
.hero-search input::placeholder { color:var(--muted); }
.search-btn   { background:var(--accent); border:none; color:var(--bg); font-family:'Rajdhani',sans-serif; font-weight:700; font-size:12px; letter-spacing:2px; text-transform:uppercase; padding:10px 24px; cursor:pointer; transition:all 0.2s; }
.search-btn:hover { background:#fff; box-shadow:var(--glow); }
.hero-stats   { display:flex; justify-content:center; gap:60px; animation:fadeInUp 0.8s ease 0.8s both; }
.stat         { text-align:center; position:relative; }
.stat::after  { content:''; position:absolute; right:-30px; top:50%; transform:translateY(-50%); width:1px; height:40px; background:var(--border); }
.stat:last-child::after { display:none; }
.stat-num     { font-family:'Orbitron',sans-serif; font-size:32px; font-weight:900; color:var(--accent); line-height:1; }
.stat-label   { font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--muted); margin-top:4px; font-family:'Share Tech Mono',monospace; }
.scroll-hint  { position:absolute; bottom:40px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; z-index:2; animation:fadeInUp 1s ease 1.2s both; }
.scroll-hint span { font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:3px; color:var(--muted); text-transform:uppercase; }
.scroll-line  { width:1px; height:40px; background:linear-gradient(to bottom,var(--accent),transparent); animation:scrollPulse 2s ease-in-out infinite; }
@keyframes scrollPulse { 0%,100%{opacity:1;transform:scaleY(1)} 50%{opacity:0.3;transform:scaleY(0.5)} }

/* ─── TICKER ─────────────────────────────────────────────────────────────────── */
.ticker-wrap  { background:rgba(0,245,212,0.05); border-top:1px solid rgba(0,245,212,0.1); border-bottom:1px solid rgba(0,245,212,0.1); overflow:hidden; position:relative; z-index:1; }
.ticker       { display:flex; animation:tickerScroll 30s linear infinite; width:max-content; }
.ticker-item  { padding:12px 40px; font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--muted); border-right:1px solid var(--border); white-space:nowrap; }
.ticker-item.hot    { color:var(--accent2); }
.ticker-item.accent { color:var(--accent); }

/* ─── SECTIONS ───────────────────────────────────────────────────────────────── */
section { position:relative; z-index:1; padding:80px 40px; max-width:1400px; margin:0 auto; }
.section-header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:50px; }
.section-tag    { font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:3px; color:var(--accent); text-transform:uppercase; margin-bottom:8px; }
.section-title  { font-family:'Orbitron',sans-serif; font-size:clamp(28px,4vw,48px); font-weight:900; color:#fff; line-height:1; text-transform:uppercase; }
.section-title span { color:var(--accent); }
.see-all        { font-family:'Share Tech Mono',monospace; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); text-decoration:none; padding:10px 20px; border:1px solid var(--muted); transition:all 0.2s; white-space:nowrap; }
.see-all:hover  { color:var(--accent); border-color:var(--accent); }
.divider        { height:1px; background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent); margin:0 40px; opacity:0.3; }

/* ─── GAME CARDS ─────────────────────────────────────────────────────────────── */
.games-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:2px; }
.game-card  { position:relative; aspect-ratio:16/10; overflow:hidden; cursor:pointer; text-decoration:none; display:block; }
.game-card img { width:100%; height:100%; object-fit:cover; filter:saturate(0.5) brightness(0.6); transition:all 0.5s; }
.game-card:hover img { filter:saturate(1) brightness(0.8); transform:scale(1.05); }
.game-card-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(5,8,17,0.95) 0%,transparent 60%); display:flex; flex-direction:column; justify-content:flex-end; padding:20px; }
.game-card-tag   { display:inline-block; background:var(--accent2); color:#fff; font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; text-transform:uppercase; padding:3px 8px; margin-bottom:8px; width:fit-content; }
.game-card-title { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:18px; color:#fff; letter-spacing:1px; line-height:1.2; }
.game-card-meta  { display:flex; align-items:center; gap:12px; margin-top:8px; }
.game-card-platform { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--accent); letter-spacing:1px; }
.game-card-count    { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--muted); }
.game-card-arrow    { position:absolute; top:20px; right:20px; width:36px; height:36px; border:1px solid rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; opacity:0; transform:translate(5px,-5px); transition:all 0.3s; }
.game-card:hover .game-card-arrow { opacity:1; transform:translate(0,0); }
.game-card.featured { grid-column:span 2; aspect-ratio:32/10; }
.game-card.featured .game-card-title { font-size:28px; }

/* ─── OYUN KATALOG (oyunlar.php) ─────────────────────────────────────────────── */
.hk-games-catalog { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:2px; }
.gc-card      { background:var(--card); border:1px solid var(--border); text-decoration:none; display:block; transition:all 0.2s; }
.gc-card:hover { border-color:rgba(0,245,212,0.3); transform:translateY(-2px); }
.gc-img       { aspect-ratio:16/9; overflow:hidden; position:relative; }
.gc-img img   { width:100%; height:100%; object-fit:cover; filter:saturate(0.6) brightness(0.7); transition:all 0.4s; }
.gc-card:hover .gc-img img { filter:saturate(1) brightness(0.85); transform:scale(1.03); }
.gc-cheat-badge { position:absolute; top:10px; right:10px; background:rgba(0,245,212,0.15); border:1px solid rgba(0,245,212,0.3); color:var(--accent); font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:1px; padding:3px 8px; }
.gc-body      { padding:20px; }
.gc-name      { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:18px; color:#fff; margin-bottom:4px; }
.gc-platform  { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--accent); letter-spacing:1px; margin-bottom:8px; }
.gc-desc      { font-size:13px; color:var(--muted); line-height:1.5; margin-bottom:12px; }
.gc-footer    { display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid var(--border); }
.gc-cat       { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); }
.gc-arrow     { color:var(--accent); font-size:16px; }

/* ─── KATEGORİ CARDS ─────────────────────────────────────────────────────────── */
.categories-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:2px; }
.cat-card { background:var(--card); border:1px solid var(--border); padding:28px 20px; text-align:center; cursor:pointer; transition:all 0.3s; text-decoration:none; display:flex; flex-direction:column; align-items:center; gap:12px; position:relative; overflow:hidden; }
.cat-card::before { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--accent); transform:scaleX(0); transition:transform 0.3s; }
.cat-card:hover::before { transform:scaleX(1); }
.cat-card:hover { background:rgba(0,245,212,0.05); border-color:rgba(0,245,212,0.3); transform:translateY(-2px); }
.cat-icon { font-size:32px; filter:grayscale(1) brightness(0.8); transition:filter 0.3s; }
.cat-card:hover .cat-icon { filter:none; }
.cat-name { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:14px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); transition:color 0.3s; }
.cat-card:hover .cat-name { color:var(--accent); }
.cat-count { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--muted); }

/* ─── HİLE CARDS ─────────────────────────────────────────────────────────────── */
.cheats-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(380px,1fr)); gap:2px; }
.cheat-card  { background:var(--card); border:1px solid var(--border); padding:28px; cursor:pointer; transition:all 0.3s; text-decoration:none; display:block; position:relative; overflow:hidden; }
.cheat-card:hover { border-color:rgba(0,245,212,0.3); transform:translateY(-2px); }
.cheat-card-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:16px; }
.cheat-badges { display:flex; gap:6px; flex-wrap:wrap; }
.badge { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:1px; text-transform:uppercase; padding:3px 8px; border:1px solid; }
.badge-pc   { color:var(--accent); border-color:rgba(0,245,212,0.3); }
.badge-ps   { color:#0070f3; border-color:rgba(0,112,243,0.3); }
.badge-xbox { color:#107c10; border-color:rgba(16,124,16,0.3); }
.badge-sw   { color:#e4000f; border-color:rgba(228,0,15,0.3); }
.badge-mob  { color:var(--accent3); border-color:rgba(245,196,0,0.3); }
.badge-hot  { color:var(--accent2); border-color:rgba(255,45,120,0.3); background:rgba(255,45,120,0.08); }
.badge-new  { color:var(--accent3); border-color:rgba(245,196,0,0.3); background:rgba(245,196,0,0.08); }
.cheat-card-status { display:flex; align-items:center; gap:6px; font-family:'Share Tech Mono',monospace; font-size:10px; color:#00e676; letter-spacing:1px; }
.cheat-card-status::before { content:''; width:6px; height:6px; background:#00e676; border-radius:50%; animation:blink 1s ease-in-out infinite; box-shadow:0 0 6px #00e676; }
.cheat-card-title { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:20px; color:#fff; letter-spacing:1px; margin-bottom:10px; line-height:1.2; }
.cheat-card-desc  { font-size:14px; color:var(--muted); line-height:1.6; font-weight:300; }
.cheat-card-footer { display:flex; align-items:center; justify-content:space-between; margin-top:20px; padding-top:16px; border-top:1px solid var(--border); }
.cheat-card-date   { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--muted); letter-spacing:1px; }
.cheat-card-link   { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--accent); letter-spacing:2px; text-transform:uppercase; }

/* ─── BLOG CARDS ─────────────────────────────────────────────────────────────── */
.blog-grid      { display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px; }
.blog-card      { background:var(--card); border:1px solid var(--border); overflow:hidden; cursor:pointer; transition:all 0.3s; text-decoration:none; display:block; }
.blog-card:hover { border-color:rgba(0,245,212,0.3); transform:translateY(-2px); }
.blog-card-img  { aspect-ratio:16/9; overflow:hidden; position:relative; }
.blog-card-img img { width:100%; height:100%; object-fit:cover; filter:saturate(0.6) brightness(0.7); transition:all 0.5s; }
.blog-card:hover .blog-card-img img { filter:saturate(1) brightness(0.85); transform:scale(1.03); }
.blog-card-cat  { position:absolute; top:12px; left:12px; background:var(--accent2); color:#fff; font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; text-transform:uppercase; padding:4px 10px; }
.blog-card-body { padding:24px; }
.blog-card-title { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:18px; color:#fff; letter-spacing:0.5px; line-height:1.3; margin-bottom:10px; }
.blog-card-excerpt { font-size:13px; color:var(--muted); line-height:1.6; font-weight:300; }
.blog-card-meta { display:flex; align-items:center; gap:16px; margin-top:16px; padding-top:16px; border-top:1px solid var(--border); font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--muted); letter-spacing:1px; }

/* ─── HİLE TABLO ─────────────────────────────────────────────────────────────── */
.cheat-table    { width:100%; border-collapse:collapse; margin-bottom:8px; }
.cheat-table th { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); text-align:left; padding:10px 16px; border-bottom:1px solid var(--border); }
.cheat-table td { padding:14px 16px; border-bottom:1px solid rgba(255,255,255,0.03); vertical-align:middle; }
.cheat-table tr:hover td { background:rgba(0,245,212,0.02); }
.cheat-effect   { display:flex; align-items:center; gap:12px; }
.cheat-effect-icon { font-size:20px; flex-shrink:0; }
.cheat-effect-desc { font-size:12px; color:var(--muted); margin-top:2px; }
.cheat-code     { font-family:'Share Tech Mono',monospace; font-size:12px; color:var(--accent); background:rgba(0,245,212,0.07); border:1px solid rgba(0,245,212,0.15); padding:6px 10px; cursor:pointer; transition:all 0.2s; position:relative; display:inline-block; white-space:nowrap; }
.cheat-code:hover { background:rgba(0,245,212,0.15); border-color:rgba(0,245,212,0.4); }
.cheat-code.copied { background:rgba(0,230,118,0.15); border-color:rgba(0,230,118,0.4); color:#00e676; }
.copy-hint      { position:absolute; top:-28px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.9); color:#fff; font-size:10px; padding:3px 8px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity 0.2s; border:1px solid var(--border); }
.cheat-code:hover .copy-hint { opacity:1; }
.cheat-section-title { font-family:'Orbitron',sans-serif; font-size:14px; font-weight:700; color:#fff; letter-spacing:2px; text-transform:uppercase; padding:16px 0 12px; border-bottom:1px solid var(--border); margin-bottom:4px; display:flex; align-items:center; justify-content:space-between; }
.cheat-count-badge   { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--accent); background:rgba(0,245,212,0.1); border:1px solid var(--border); padding:2px 10px; }

/* ─── TABS ────────────────────────────────────────────────────────────────────── */
.hk-tabs { display:flex; border-bottom:1px solid var(--border); margin-bottom:32px; overflow-x:auto; scrollbar-width:none; }
.hk-tabs::-webkit-scrollbar { display:none; }
.hk-tab  { font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); padding:14px 20px; border:none; background:transparent; cursor:pointer; transition:all 0.2s; border-bottom:2px solid transparent; margin-bottom:-1px; white-space:nowrap; }
.hk-tab:hover { color:var(--text); }
.hk-tab.active { color:var(--accent); border-bottom-color:var(--accent); }
.hk-tab-content { display:none; }
.hk-tab-content.active { display:block; }

/* ─── SIDEBAR ─────────────────────────────────────────────────────────────────── */
.hk-sidebar, .game-sidebar { display:flex; flex-direction:column; gap:24px; }
.sidebar-widget   { background:var(--card); border:1px solid var(--border); padding:20px; }
.widget-title     { font-family:'Orbitron',sans-serif; font-size:12px; font-weight:700; color:#fff; letter-spacing:2px; text-transform:uppercase; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.sidebar-search-wrap { display:flex; gap:0; }
.sidebar-search-wrap input { flex:1; background:rgba(0,0,0,0.4); border:1px solid var(--border); border-right:none; color:var(--text); font-family:'Share Tech Mono',monospace; font-size:12px; padding:10px 12px; outline:none; }
.sidebar-search-wrap button { background:var(--accent); border:none; color:var(--bg); font-family:'Rajdhani',sans-serif; font-weight:700; padding:10px 14px; cursor:pointer; }
.sidebar-game-list { display:flex; flex-direction:column; gap:12px; }
.sidebar-game-item { display:flex; gap:12px; text-decoration:none; align-items:center; transition:opacity 0.2s; }
.sidebar-game-item:hover { opacity:0.8; }
.sg-img   { width:48px; height:48px; flex-shrink:0; overflow:hidden; }
.sg-img img { width:100%; height:100%; object-fit:cover; filter:saturate(0.5); }
.sg-name  { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:14px; color:#fff; }
.sg-meta  { font-family:'Share Tech Mono',monospace; font-size:9px; color:var(--muted); letter-spacing:1px; }
.sidebar-post-list { display:flex; flex-direction:column; gap:0; }
.sidebar-post-item { display:block; text-decoration:none; padding:10px 0; border-bottom:1px solid var(--border); transition:all 0.2s; }
.sidebar-post-item:last-child { border-bottom:none; }
.sidebar-post-item:hover .sp-title { color:var(--accent); }
.sp-title { font-family:'Rajdhani',sans-serif; font-weight:600; font-size:13px; color:var(--text); margin-bottom:4px; line-height:1.3; }
.sp-date  { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--muted); }
.sidebar-tags { display:flex; flex-wrap:wrap; gap:6px; }
.sidebar-tag  { font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:1px; padding:4px 10px; border:1px solid var(--border); color:var(--muted); text-decoration:none; transition:all 0.2s; }
.sidebar-tag:hover { border-color:var(--accent); color:var(--accent); }
.sidebar-cat-list { list-style:none; }
.sidebar-cat-list li { border-bottom:1px solid var(--border); }
.sidebar-cat-list li:last-child { border-bottom:none; }
.sidebar-cat-list a { display:block; padding:9px 0; font-size:13px; color:var(--muted); text-decoration:none; transition:color 0.2s; }
.sidebar-cat-list a:hover { color:var(--accent); }
.sidebar-ad   { padding:0; }
.ad-placeholder { background:rgba(0,0,0,0.3); border:1px dashed var(--muted); display:flex; flex-direction:column; align-items:center; justify-content:center; height:250px; gap:8px; }
.ad-label     { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; color:var(--muted); }
.ad-size      { font-family:'Share Tech Mono',monospace; font-size:12px; color:var(--muted); }
.discord-box p { font-size:13px; color:var(--muted); line-height:1.5; }

/* ─── ARAMA SAYFASI ──────────────────────────────────────────────────────────── */
.search-bar-big { display:flex; align-items:center; max-width:700px; background:rgba(0,0,0,0.5); border:1px solid rgba(0,245,212,0.3); padding:0 20px; margin-bottom:20px; }
.search-bar-big::before { content:'>'; font-family:'Share Tech Mono',monospace; color:var(--accent); font-size:18px; margin-right:14px; }
.search-bar-big input { flex:1; background:transparent; border:none; outline:none; font-family:'Share Tech Mono',monospace; font-size:16px; color:#fff; padding:18px 0; letter-spacing:1px; }
.search-go    { background:var(--accent); border:none; color:var(--bg); font-family:'Rajdhani',sans-serif; font-weight:700; font-size:12px; letter-spacing:2px; text-transform:uppercase; padding:10px 24px; cursor:pointer; }
.search-meta  { font-family:'Share Tech Mono',monospace; font-size:12px; color:var(--muted); letter-spacing:1px; }
.search-meta strong { color:var(--accent); }
.search-tabs  { display:flex; gap:0; margin-top:20px; border-bottom:1px solid var(--border); overflow-x:auto; scrollbar-width:none; }
.search-tabs::-webkit-scrollbar { display:none; }
.stab         { font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); padding:12px 20px; border:none; background:transparent; cursor:pointer; transition:all 0.2s; border-bottom:2px solid transparent; margin-bottom:-1px; text-decoration:none; white-space:nowrap; }
.stab:hover   { color:var(--text); }
.stab.active  { color:var(--accent); border-bottom-color:var(--accent); }
.results-list { display:flex; flex-direction:column; gap:2px; }
.result-card  { background:var(--card); border:1px solid var(--border); padding:24px; text-decoration:none; display:block; transition:all 0.2s; position:relative; }
.result-card:hover { border-color:rgba(0,245,212,0.3); transform:translateX(4px); }
.result-card:hover::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--accent); }
.rc-type  { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; text-transform:uppercase; padding:3px 10px; border:1px solid; margin-bottom:10px; display:inline-block; }
.rt-hile  { color:var(--accent);  border-color:rgba(0,245,212,0.3); }
.rt-blog  { color:var(--accent2); border-color:rgba(255,45,120,0.3); }
.rt-oyun  { color:var(--accent3); border-color:rgba(245,196,0,0.3); }
.rc-title { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:20px; color:#fff; letter-spacing:0.5px; margin-bottom:8px; }
.rc-desc  { font-size:14px; color:var(--muted); line-height:1.6; margin-bottom:12px; }
.rc-meta  { display:flex; align-items:center; gap:16px; font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--muted); letter-spacing:1px; flex-wrap:wrap; }
mark { background:rgba(0,245,212,0.2); color:var(--accent); padding:0 2px; }

/* ─── BREADCRUMB ─────────────────────────────────────────────────────────────── */
.hk-breadcrumb { display:flex; align-items:center; gap:8px; font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:1px; color:var(--muted); }
.hk-breadcrumb a { color:var(--muted); text-decoration:none; transition:color 0.2s; }
.hk-breadcrumb a:hover { color:var(--accent); }
.hk-breadcrumb span:last-child { color:var(--text); }

/* ─── FİLTRE BAR ─────────────────────────────────────────────────────────────── */
.hk-filter-bar  { background:rgba(5,8,17,0.95); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); padding:12px 40px; }
.filter-form    { display:flex; align-items:center; gap:16px; flex-wrap:wrap; max-width:1400px; margin:0 auto; }
.filter-group   { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.filter-label   { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); }
.filter-btn     { font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:1px; text-transform:uppercase; padding:5px 12px; border:1px solid var(--border); background:transparent; color:var(--muted); cursor:pointer; transition:all 0.2s; }
.filter-btn:hover, .filter-btn.active { border-color:var(--accent); color:var(--accent); background:rgba(0,245,212,0.05); }
.filter-select  { font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:1px; background:rgba(0,0,0,0.4); border:1px solid var(--border); color:var(--text); padding:5px 12px; cursor:pointer; outline:none; }
.filter-select:focus { border-color:var(--accent); }

/* ─── PAGE HEADER ────────────────────────────────────────────────────────────── */
.page-header    { padding:60px 40px 40px; border-bottom:1px solid var(--border); background:linear-gradient(180deg,rgba(0,245,212,0.03) 0%,transparent 100%); }
.page-tag       { font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:3px; color:var(--accent); text-transform:uppercase; margin-bottom:12px; }
.page-title     { font-family:'Orbitron',sans-serif; font-size:clamp(32px,5vw,64px); font-weight:900; color:#fff; text-transform:uppercase; letter-spacing:-2px; line-height:1; }
.page-title span { color:var(--accent); }
.header-stats   { display:flex; gap:32px; flex-shrink:0; }
.h-stat         { text-align:center; }
.h-stat-num     { font-family:'Orbitron',sans-serif; font-size:28px; font-weight:900; color:var(--accent); }
.h-stat-label   { font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:2px; color:var(--muted); text-transform:uppercase; }

/* ─── CONTENT + SIDEBAR LAYOUT ───────────────────────────────────────────────── */
.hk-content-sidebar { max-width:1400px; margin:0 auto; padding:40px; display:grid; grid-template-columns:1fr 320px; gap:40px; align-items:start; }

/* ─── GAME HERO ──────────────────────────────────────────────────────────────── */
.game-hero     { position:relative; overflow:hidden; }
.game-hero-bg  { position:absolute; inset:0; }
.game-hero-content { position:relative; z-index:1; max-width:1400px; margin:0 auto; padding:60px 40px; }

/* ─── INFO BOX ────────────────────────────────────────────────────────────────── */
.hk-info-box   { background:rgba(0,245,212,0.04); border:1px solid rgba(0,245,212,0.2); border-left:4px solid var(--accent); padding:20px; margin-bottom:20px; }
.hk-info-box strong { font-family:'Rajdhani',sans-serif; font-size:15px; color:#fff; display:block; margin-bottom:8px; }
.hk-info-box p { font-size:13px; color:var(--muted); line-height:1.6; }

/* ─── AUTH SAYFASI ───────────────────────────────────────────────────────────── */
.form-group    { margin-bottom:20px; }
.form-label    { display:block; font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
.form-input-wrap { position:relative; }
.form-input-wrap::after { content:attr(data-icon); position:absolute; right:14px; top:50%; transform:translateY(-50%); font-size:14px; pointer-events:none; }
.form-input    { width:100%; background:rgba(0,0,0,0.4); border:1px solid var(--border); color:var(--text); font-family:'Share Tech Mono',monospace; font-size:13px; padding:12px 40px 12px 16px; outline:none; transition:border-color 0.2s; }
.form-input:focus { border-color:rgba(0,245,212,0.5); }
.form-check    { display:flex; align-items:flex-start; gap:10px; font-size:13px; color:var(--muted); }
.form-check input[type="checkbox"] { margin-top:2px; accent-color:var(--accent); }
.form-check a  { color:var(--accent); }
.submit-btn    { width:100%; background:transparent; border:1px solid var(--accent); color:var(--accent); font-family:'Rajdhani',sans-serif; font-weight:700; font-size:14px; letter-spacing:3px; text-transform:uppercase; padding:16px; cursor:pointer; transition:all 0.2s; }
.submit-btn:hover:not(:disabled) { background:var(--accent); color:var(--bg); box-shadow:var(--glow); }
.submit-btn:disabled { opacity:0.6; cursor:not-allowed; }
.social-login-btn { display:flex; align-items:center; justify-content:center; gap:8px; background:rgba(255,255,255,0.04); border:1px solid var(--border); color:var(--muted); font-family:'Rajdhani',sans-serif; font-weight:600; font-size:13px; letter-spacing:1px; padding:10px; cursor:pointer; transition:all 0.2s; text-decoration:none; }
.social-login-btn:hover { border-color:rgba(0,245,212,0.3); color:var(--text); }
.strength-seg  { height:3px; background:var(--border); transition:background 0.3s; }
.strength-seg.weak   { background:var(--accent2); }
.strength-seg.medium { background:var(--accent3); }
.strength-seg.strong { background:var(--accent); }

/* ─── ALERTS ─────────────────────────────────────────────────────────────────── */
.hk-alert       { font-family:'Share Tech Mono',monospace; font-size:12px; letter-spacing:1px; padding:12px 16px; border:1px solid; }
.hk-alert-error { color:var(--accent2); border-color:rgba(255,45,120,0.3); background:rgba(255,45,120,0.06); }
.hk-alert-success { color:var(--accent); border-color:rgba(0,245,212,0.3); background:rgba(0,245,212,0.06); }

/* Flash mesaj */
.hk-flash { position:fixed; top:80px; right:20px; z-index:9998; font-family:'Share Tech Mono',monospace; font-size:12px; letter-spacing:1px; padding:14px 20px; border:1px solid; display:flex; align-items:center; gap:12px; transition:all 0.4s; max-width:360px; }
.hk-flash-success { color:var(--accent);  border-color:rgba(0,245,212,0.3); background:rgba(5,8,17,0.97); }
.hk-flash-error   { color:var(--accent2); border-color:rgba(255,45,120,0.3); background:rgba(5,8,17,0.97); }
.hk-flash button  { background:transparent; border:none; color:inherit; cursor:pointer; font-size:14px; margin-left:auto; }

/* ─── PAGİNATION ─────────────────────────────────────────────────────────────── */
.hk-pagination { display:flex; align-items:center; justify-content:center; gap:4px; margin-top:60px; }
.page-btn      { font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:2px; padding:10px 16px; border:1px solid var(--border); background:transparent; color:var(--muted); cursor:pointer; transition:all 0.2s; text-decoration:none; }
.page-btn:hover, .page-btn.active { border-color:var(--accent); color:var(--accent); background:rgba(0,245,212,0.08); }

/* ─── BOŞ DURUM ──────────────────────────────────────────────────────────────── */
.hk-empty-state { text-align:center; padding:80px 40px; }
.empty-icon  { font-size:64px; margin-bottom:20px; }
.empty-title { font-family:'Orbitron',sans-serif; font-size:20px; font-weight:700; color:#fff; margin-bottom:8px; }
.empty-desc  { color:var(--muted); font-size:14px; }

/* ─── SCROLL TO TOP ──────────────────────────────────────────────────────────── */
.hk-scroll-top { position:fixed; bottom:30px; right:30px; z-index:1000; width:44px; height:44px; background:rgba(0,245,212,0.1); border:1px solid var(--accent); color:var(--accent); font-size:16px; cursor:pointer; transition:all 0.3s; opacity:0; pointer-events:none; }
.hk-scroll-top.visible { opacity:1; pointer-events:all; }
.hk-scroll-top:hover { background:var(--accent); color:var(--bg); box-shadow:var(--glow); }

/* ─── FOOTER ─────────────────────────────────────────────────────────────────── */
#hk-footer    { position:relative; z-index:1; border-top:1px solid var(--border); margin-top:auto; }
.footer-grid  { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:60px; padding:60px 40px; max-width:1400px; margin:0 auto; }
.footer-desc  { font-size:13px; color:var(--muted); line-height:1.7; margin-bottom:20px; }
.footer-social { display:flex; gap:8px; }
.social-btn   { width:36px; height:36px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--muted); text-decoration:none; font-size:14px; transition:all 0.2s; }
.social-btn:hover { border-color:var(--accent); color:var(--accent); }
.footer-col-title { font-family:'Orbitron',sans-serif; font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#fff; margin-bottom:20px; }
.footer-links { list-style:none; display:flex; flex-direction:column; gap:8px; }
.footer-links a { font-size:13px; color:var(--muted); text-decoration:none; transition:color 0.2s; }
.footer-links a:hover { color:var(--accent); }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; padding:20px 40px; border-top:1px solid var(--border); max-width:1400px; margin:0 auto; }
.footer-copy  { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--muted); letter-spacing:1px; }
.konami       { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--muted); letter-spacing:3px; }

/* ─── RESPONSIVE ─────────────────────────────────────────────────────────────── */
@media(max-width:1200px) {
  .hk-content-sidebar { grid-template-columns:1fr; }
  .game-sidebar { position:static !important; }
  .footer-grid  { grid-template-columns:1fr 1fr; gap:40px; }
}
@media(max-width:1024px) {
  .categories-grid { grid-template-columns:repeat(3,1fr); }
  .blog-grid       { grid-template-columns:1fr 1fr; }
  .games-grid      { grid-template-columns:repeat(2,1fr); }
  .game-card.featured { grid-column:span 2; }
  .cheats-list     { grid-template-columns:1fr; }
}
@media(max-width:768px) {
  #hk-nav        { padding:0 16px; }
  .nav-links,
  .nav-right     { display:none; }
  .hamburger     { display:flex; }
  section        { padding:50px 16px; }
  .divider       { margin:0 16px; }
  .hk-status-bar { padding:10px 16px; gap:16px; }
  .hk-status-bar .status-item:nth-child(3),
  .hk-status-bar .status-item:nth-child(4) { display:none; }
  .hero-content  { padding:20px 16px; }
  .hero-stats    { gap:20px; flex-wrap:wrap; justify-content:center; }
  .stat::after   { display:none; }
  .blog-grid     { grid-template-columns:1fr; }
  .categories-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid   { grid-template-columns:1fr; gap:32px; padding:40px 16px; }
  .footer-bottom { flex-direction:column; gap:12px; padding:16px; }
  .page-header   { padding:40px 16px 24px; }
  .hk-filter-bar { padding:12px 16px; }
  .hk-content-sidebar { padding:24px 16px; }
  .game-hero-content  { padding:40px 16px; }
  .search-header { padding:24px 16px; }
  .search-main   { padding:20px 16px; }
}
@media(max-width:480px) {
  .hero-title    { font-size:clamp(30px,9vw,46px); }
  .hk-games-catalog { grid-template-columns:1fr; }
  .cheats-list   { grid-template-columns:1fr; }
}