:root{
  --bg1: #fff8f0;
  --accent-yellow: #ffcd00;
  --accent-sky: #00bfff;
  --accent-red: #ff4d4d;
  --gold: #d4af37;
  --muted: #666;
  --card: #fff6e6;
  --maxw: 1100px;
  --radius: 14px;
  --glass: rgba(255,255,255,0.6);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
  background: linear-gradient(180deg,var(--bg1),#fff2d9);
  color:#1a1a1a;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:22px}
.header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;background: linear-gradient(90deg, rgba(255,255,255,0.6), rgba(255,255,255,0.9));border-radius:12px;box-shadow: 0 6px 18px rgba(0,0,0,0.06);padding-left:20px;padding-right:20px;}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--accent-red);font-weight:800;font-size:20px}
.logo img{width:56px;height:56px;border-radius:10px;object-fit:cover;border:3px solid rgba(0,0,0,0.04)}
.nav{display:flex;gap:12px;align-items:center}
.nav a{color:var(--accent-sky);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:10px}
.nav a:hover{background:rgba(0,191,255,0.08)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none;background: linear-gradient(90deg,var(--accent-yellow),var(--accent-red));color:#081018;border:none;cursor:pointer;box-shadow:0 8px 30px rgba(255,125,125,0.12);transition:all .22s ease;}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,187,255,0.18)}
.btn.glow{background: linear-gradient(90deg, rgba(0,191,255,0.08), rgba(0,191,255,0.04));color:var(--accent-sky);border:2px solid rgba(0,191,255,0.18);box-shadow:0 6px 22px rgba(0,191,255,0.08)}
.btn.glow:hover{box-shadow:0 14px 48px rgba(0,191,255,0.20);transform:translateY(-3px)}
.btn.gold{background: linear-gradient(180deg, rgba(212,175,55,0.06), rgba(212,175,55,0.02));color: #1a1a1a;border: 2px solid rgba(212,175,55,0.95);box-shadow: 0 10px 30px rgba(212,175,55,0.12), inset 0 -3px 0 rgba(0,0,0,0.03);font-weight:800;}
.btn.gold.coming{position:relative;overflow:hidden}
.btn.gold.coming::after{content:"Coming Soon";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#091018;background:rgba(255,255,255,0.85);padding:4px 8px;border-radius:8px;font-weight:700;}
.hero{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:center;padding:28px;background:linear-gradient(180deg,#fffef9,#fff5e0);border-radius:14px;margin-top:18px}
.hero h1{font-family:'Montserrat',sans-serif;color:var(--accent-red);font-size:34px;margin-bottom:8px}
.hero p{color:var(--muted)}
.yt-thumb{border-radius:12px;overflow:hidden;border:4px solid rgba(0,0,0,0.06)}
.yt-thumb img{display:block;width:100%;height:auto}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.card{background:var(--card);padding:14px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.04)}
.card h3{margin-bottom:8px;color:var(--accent-red)}
.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.video iframe{width:100%;height:220px;border-radius:12px;border:0}
.section{margin-top:30px}
.section h2{font-size:24px;color:var(--accent-red);text-align:center;margin-bottom:12px}
.contact-card{max-width:820px;margin:auto;background:#fff;padding:18px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.06)}
.field{width:100%;padding:12px;border-radius:10px;border:1px solid #e6e6e6;margin-top:8px}
footer{margin-top:30px;padding:18px;text-align:center;color:var(--muted);font-weight:600;border-top:1px dashed rgba(0,0,0,0.04)}
@media (max-width:980px){.hero{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.videos-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.card-grid{grid-template-columns:1fr}.videos-grid{grid-template-columns:1fr}.nav{display:none}.header{padding:14px}}