/* Ubica este archivo en /event/cyberfest.css o cambia la ruta en el HTML */
:root{
  --bg1:#030313; --bg2:#060616; --accent:#00ffff; --accent2:#0066ff; --muted:#bfc7d0;
}

body { background: radial-gradient(circle at top left, var(--bg1), var(--bg2)); color:#fff; font-family: 'Poppins', sans-serif; margin:0; }

/* HERO */
.cf-hero { padding:40px 20px; display:flex; justify-content:center; align-items:center; gap:24px; }
.cf-hero-inner { max-width:1100px; display:flex; gap:28px; width:100%; align-items:center; justify-content:space-between; margin:0 auto; }
.cf-logo-placeholder { flex:0 0 220px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#07102422,#00000022); border-radius:14px; padding:18px; }
.cf-logo-placeholder img { max-width:100%; height:140px; object-fit:contain; }

/* texto */
.cf-hero-text { flex:1; padding-left:10px; }
.cf-hero-text h1 { font-size:2.4rem; color:var(--accent); margin:0 0 8px; text-shadow:0 6px 30px rgba(0,255,255,0.06); }
.cf-hero-text .subtitle { color:var(--muted); margin-bottom:12px; }

/* acciones */
.cf-actions { display:flex; gap:12px; margin-top:10px; flex-wrap:wrap; }
.btn { padding:12px 18px; border-radius:999px; border:none; cursor:pointer; font-weight:700; }
.btn.primary { background:linear-gradient(90deg,var(--accent), var(--accent2)); color:#001; box-shadow:0 8px 30px rgba(0,191,255,0.08); }
.btn.ghost { background:transparent; border:1px solid rgba(255,255,255,0.06); color:#fff; }
.btn.outline { background:transparent; border:1px solid rgba(255,255,255,0.1); color:var(--muted); }

/* MAIN GRID */
.cf-main { max-width:1100px; margin:28px auto; padding:0 18px 80px; display:flex; flex-direction:column; gap:22px; }

/* info cards */
.info-card, .prizes-card, .rules-preview, .sponsor-stream, .footer-cta { background:rgba(255,255,255,0.03); border-radius:12px; padding:20px; box-shadow:0 6px 18px rgba(2,6,23,0.6); }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:12px; }
.card { background:rgba(255,255,255,0.02); padding:14px; border-radius:10px; color:var(--muted); }

/* premios */
.prize-grid { display:flex; gap:12px; flex-wrap:wrap; margin-top:12px; }
.prize { background:linear-gradient(180deg, rgba(0,255,255,0.05), rgba(0,0,0,0.06)); padding:14px 18px; border-radius:10px; min-width:120px; text-align:center; }
.prize .place { font-size:1.1rem; font-weight:800; color:var(--accent); }
.prize .amount { margin-top:6px; font-weight:700; color:#fff; }

/* stream + sponsor area */
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.stream-box, .sponsor-box { padding:12px; color:var(--muted); }

/* small text */
.prize-note, .small { color:var(--muted); margin-top:10px; }

/* responsive */
@media (max-width:900px){
  .grid-3 { grid-template-columns:1fr; }
  .grid-2 { grid-template-columns:1fr; }
  .cf-hero-inner { flex-direction:column; gap:18px; align-items:center; text-align:center; }
  .cf-logo-placeholder img { height:110px; }
}

/* footer */
.cf-footer { text-align:center; padding:28px 10px; color:#999; }