/* General Styles */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Arial', sans-serif; color:#fff; background:#0d0d0d; line-height:1.6; }
html { scroll-behavior: smooth; }

/* Navbar */
nav {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem; background:#111; color:#fff;
  position:fixed; width:100%; top:0; z-index:1000;
  box-shadow:0 4px 12px rgba(0,0,0,0.4);
}
nav .logo { font-weight:bold; font-size:1.5rem; color:#ff2d55; letter-spacing:1px; }
.nav-links { display:flex; gap:2rem; }
.nav-links a { color:#fff; font-weight:500; position:relative; text-decoration:none; transition: color 0.3s ease; }
.nav-links a::after { content:""; display:block; width:0; height:2px; background:#ff2d55; transition: width 0.3s ease; position:absolute; bottom:-4px; left:0; }
.nav-links a:hover { color:#ff2d55; }
.nav-links a:hover::after, .nav-links a.active-link::after { width:100%; }
.nav-links a.active-link { color:#ff2d55; }
.hamburger { display:none; flex-direction:column; justify-content:space-between; width:28px; height:20px; cursor:pointer; }
.hamburger span { height:3px; width:100%; background:#fff; border-radius:2px; }

/* Hero Section */
header { background:url('https://gamersuk.co.uk/assets/images/hero-background.jpg') center/cover no-repeat; height:80vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 2rem; }
header .hero-content { max-width:800px; }
header h1 { font-size:3rem; margin-bottom:1rem; }
header p { font-size:1.2rem; }

/* Sections */
section { padding:6rem 2rem; max-width:1200px; margin:0 auto; opacity:0; transform:translateY(20px); transition:all 0.6s ease-out; }
section.visible { opacity:1; transform:translateY(0); }
section h2 { font-size:2.5rem; margin-bottom:1.5rem; text-align:center; }
section p { text-align:center; margin-bottom:2rem; line-height:1.8; font-size:1.1rem; }

/* Incentives */
.incentives-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem; }
.incentives-grid .incentive { background:#1a1a1a; padding:2rem; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.3); transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; }
.incentives-grid .incentive:hover { transform:translateY(-8px); box-shadow:0 12px 25px rgba(0,0,0,0.4); background:#222; }

/* Minecraft */
.minecraft-container { display:flex; flex-wrap:wrap; gap:2rem; align-items:center; }
.minecraft-info, .minecraft-img { flex:1 1 300px; }
.minecraft-img img { width:100%; border-radius:12px; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.minecraft-img img:hover { transform:scale(1.05); box-shadow:0 10px 25px rgba(0,0,0,0.4); }

/* Contact */
.contact-container { display:flex; justify-content:space-between; gap:2rem; flex-wrap:wrap; padding:2rem 0; }
.contact-info, .contact-tiktok { flex:1 1 300px; }
.contact-tiktok { display:flex; justify-content:flex-end; align-items:center; }
.contact-tiktok a { display:flex; align-items:center; gap:0.5rem; color:#fff; text-decoration:none; font-weight:600; transition:color 0.3s ease; }
.contact-tiktok a:hover { color:#ff2d55; }

/* Footer */
footer { background:#111; padding:6rem; }
.footer-container { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding-left: 4rem; padding-right: 4rem; }
.footer-column h4 { margin-bottom:1rem; }
.footer-column ul { list-style:none; }
.footer-column ul li { margin-bottom:0.5rem; }
.footer-column ul li a { color:#fff; text-decoration:none; transition:color 0.3s ease; }
.footer-column ul li a:hover { color:#ff2d55; }
.footer-bottom { text-align:center; margin-top:4rem; font-size:1rem; color:#aaa; }

/* Responsive */
@media(max-width:1024px){.incentives-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){
  .nav-links { position:fixed; top:60px; right:-100%; background:#111; flex-direction:column; width:200px; gap:1rem; padding:2rem; transition:right 0.3s ease; }
  .nav-links.active { right:0; }
  .hamburger { display:flex; }
  .incentives-grid{grid-template-columns:1fr;}
  .minecraft-container{flex-direction:column;}
  .contact-container{flex-direction:column;}
  .contact-tiktok{justify-content:flex-start;margin-top:1rem;}
}