/*
Theme Name: FFC Gaming OnePack
Theme URI: https://freefirecode.in
Author: Ritesh (with ChatGPT)
Description: All-in-one gaming theme for FreeFireCode.in. Includes hero section, code grid, neon glow, and AdSense slots. Works with [ffc_latest_codes], [ffc_adsense_top], [ffc_adsense_bottom].
Version: 1.0.0
License: GPLv2 or later
Text Domain: ffc-gaming-onepack
*/
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Poppins:wght@400;600;800&display=swap');
:root{--bg:#0b0c0f;--panel:#0f1218;--muted:#9ca3af;--accent:#ff4d00;--accent2:#ff9100;--ring: rgba(255,77,0,.35);}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{background: radial-gradient(1400px 700px at 50% -10%, #171923 0%, #0b0c0f 50%, #05060a 100%);color:#fff;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;}
.container{width:min(1100px,94%);margin:0 auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(0,0,0,.55);backdrop-filter: blur(6px);border-bottom:1px solid #1f2937}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand .logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 18px var(--ring)}
.brand .title{font-weight:800;letter-spacing:.5px}
.main-nav a{color:#cbd5e1;text-decoration:none;margin-left:18px;font-weight:600}
.main-nav a:hover{color:#fff}
.hero{padding:74px 0 52px;text-align:center;background: radial-gradient(600px 300px at 50% 0%, rgba(255,77,0,.25), transparent 60%)}
.hero h1{font-family:'Orbitron',sans-serif;font-size:clamp(34px,5.2vw,56px);letter-spacing:1.5px;color:#ffd4bf;text-shadow:0 0 10px var(--accent),0 0 24px rgba(255,145,0,.9);margin:0 0 12px;}
.hero p{font-size:clamp(16px,1.6vw,19px);opacity:.92;max-width:760px;margin:0 auto}
.hero .cta{display:inline-block;margin-top:20px;padding:14px 26px;border-radius:12px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;font-weight:800;box-shadow:0 0 18px var(--ring);transition:.2s ease-in-out}
.hero .cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 30px rgba(255,145,0,1)}
.section{padding:36px 0}
.section-title{text-align:center;font-size:clamp(22px,3vw,30px);margin-bottom:14px;color:#ffd199;text-shadow:0 0 10px rgba(255,145,0,.6)}
.ads{display:block;text-align:center;margin:10px auto}
.ffc-cards{display:grid;grid-template-columns: repeat(auto-fit, minmax(250px,1fr));gap:14px}
.ffc-card, .ffc-codes .ffc-card, .ffc-codes > div{background:var(--panel);border:1px solid #232a3a;border-radius:14px;padding:14px;box-shadow:0 0 0 1px rgba(255,77,0,.12), 0 12px 22px rgba(0,0,0,.35)}
.ffc-card h3{margin:0 0 6px 0;font-size:18px;color:#fff}
.ffc-card small{color:var(--muted)}
.ffc-card:hover{border-color:var(--accent); box-shadow:0 0 0 1px var(--ring), 0 10px 20px rgba(255,77,0,.18)}
.site-footer{padding:26px 0 38px;text-align:center;color:#a3a8b3;border-top:1px solid #1f2937;background:#06070b;font-size:14px}
.site-footer a{color:#e5e7eb;text-decoration:none}
.site-logo {
  width: 150px;
  height: auto;
  filter: drop-shadow(0 0 12px #ff5722) drop-shadow(0 0 20px #ff9800);
}