* { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: #05080a; color: #fff; font-family: 'Roboto', sans-serif; min-height: 100vh; overflow-x: hidden; }

#bg-video { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: -2; object-fit: cover; filter: brightness(0.3); }
.video-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(5, 8, 10, 0.85); z-index: -1; }

.arena-kapsayici { max-width: 900px; margin: 0 auto; padding: 40px 20px; position: relative; z-index: 1; }
header { text-align: center; margin-bottom: 30px; }
.neon-baslik { font-family: 'Orbitron', sans-serif; font-size: 32px; color: #ff0055; text-shadow: 0 0 15px rgba(255, 0, 85, 0.6); margin-bottom: 10px; }
.alt-baslik { color: #8da499; font-size: 14px; }

.arena-menu { display: flex; justify-content: center; gap: 15px; margin-bottom: 40px; flex-wrap: wrap; }
.arena-buton { font-family: 'Orbitron', sans-serif; background: #0d1517; border: 1px solid #ff0055; color: #ff0055; padding: 10px 20px; border-radius: 20px; text-decoration: none; font-size: 12px; transition: 0.3s; }
.arena-buton:hover, .arena-buton.aktif { background: #ff0055; color: #fff; box-shadow: 0 0 15px rgba(255, 0, 85, 0.6); }
.arena-buton.geri { border-color: #00ff9d; color: #00ff9d; }
.arena-buton.geri:hover { background: #00ff9d; color: #05080a; box-shadow: 0 0 15px rgba(0, 255, 157, 0.6); }

.karsilama-kutusu, .form-kutusu, .tablo-kutusu { background: rgba(13, 21, 23, 0.9); border: 1px solid #1a2a2e; padding: 30px; border-radius: 14px; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,0.8); }
.karsilama-kutusu h2 { font-family: 'Orbitron', sans-serif; margin-bottom: 15px; color: #fff; }
.karsilama-kutusu p { color: #8da499; margin-bottom: 25px; font-size: 14px; }

.ana-cagri-buton { font-family: 'Orbitron', sans-serif; display: inline-block; background: #ff0055; color: #fff; padding: 12px 30px; border-radius: 25px; text-decoration: none; font-weight: bold; border: none; cursor: pointer; transition: 0.3s; box-shadow: 0 0 10px rgba(255, 0, 85, 0.4); }
.ana-cagri-buton:hover { box-shadow: 0 0 20px rgba(255, 0, 85, 0.9); transform: scale(1.05); }

.form-grup { margin-bottom: 20px; text-align: left; }
.form-grup label { display: block; font-family: 'Orbitron', sans-serif; font-size: 12px; color: #00ff9d; margin-bottom: 8px; }
.form-grup input, .form-grup select { width: 100%; padding: 12px; background: #05080a; border: 1px solid #1a2a2e; color: #fff; border-radius: 8px; outline: none; font-size: 14px; }
.form-grup input:focus, .form-grup select:focus { border-color: #ff0055; }

table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
th, td { padding: 12px; border-bottom: 1px solid #1a2a2e; text-align: left; font-size: 14px; }
th { font-family: 'Orbitron', sans-serif; color: #00ff9d; font-size: 12px; }
.sil-buton { background: transparent; border: 1px solid #ff0055; color: #ff0055; padding: 8px 15px; border-radius: 10px; cursor: pointer; font-family: 'Orbitron', sans-serif; font-size: 11px; transition: 0.3s; }
.sil-buton:hover { background: #ff0055; color: #fff; }