body { font-family: 'Poppins', sans-serif; margin:0; background:#0d0d0d; color:#fff; }

/* --- HEADER --- */
header {
  background:#111;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  position:sticky;
  top:0;
  z-index:100;
}
header img { height:50px; margin-right:10px; }
header h1 { margin:0; font-size:1.5em; color:#ff4444; display:inline; }
nav ul { list-style:none; margin:0; padding:0; display:flex; gap:15px; }
nav ul li { display:inline; }
nav ul li a { color:#fff; text-decoration:none; font-weight:bold; padding:5px 10px; border-radius:5px; transition:0.3s; }
nav ul li a:hover, nav ul li a.active { background:#ff4444; color:#fff; }
@media (max-width:600px) { nav ul { flex-direction:column; gap:10px; } }

/* --- MAIN --- */
main { display:flex; flex-direction:column; align-items:center; padding:40px 20px; text-align:center; }
main h2 { font-size:2em; margin-bottom:20px; color:#ff4444; }
main p { font-size:1.2em; margin-bottom:30px; max-width:600px; }

/* --- ADS & VIDEO BOX --- */
.ads-box { background:#222; padding:20px; margin-bottom:30px; border-radius:10px; width:300px; text-align:center; }
.video-box { background:#222; padding:20px; border-radius:10px; width:560px; max-width:100%; height:315px; display:flex; justify-content:center; align-items:center; color:#888; font-size:1em; margin-bottom:30px; }

/* --- STAFF LIST --- */
main ul { list-style:none; padding:0; }
main ul li { background:#222; margin:10px 0; padding:15px; border-radius:8px; width:300px; text-align:left; }

/* --- FORM --- */
form { background: rgba(255,255,255,0.05); padding:25px; border-radius:10px; max-width:420px; width:100%; display:flex; flex-direction:column; gap:15px; box-shadow:0 0 10px rgba(255,68,68,0.3); }
input, textarea, select { width:100%; padding:10px; border:none; border-radius:5px; outline:none; font-size:1em; }
textarea { resize: vertical; }
button { background:#ff4444; color:white; border:none; padding:10px; border-radius:5px; cursor:pointer; font-weight:bold; }
button:hover { background:#ff2222; }
#message { text-align:center; margin-top:15px; font-weight:bold; }
.success { color:#00ff66; }
.error { color:#ff4444; }

/* --- FOOTER --- */
footer { text-align:center; padding:20px; background:#111; color:#888; }
