/* ===== RESET & BASE ===== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body {
  font-family:'Exo 2','Inter',sans-serif;
  background:#0e1117;
  color:#d8dce8;
  overflow-x:hidden;
  min-height:100vh;
}
:root {
  --red:#e8a030; --red-glow:#e8a03070;
  --blue:#4d8ab5; --blue-glow:#4d8ab560;
  --green:#6db56d;
  --silver:#a8adb8; --dark:#0e1117;
  --card-bg:rgba(255,255,255,0.04); --card-border:rgba(255,255,255,0.09);
  --input-bg:rgba(0,0,0,0.35); --input-border:rgba(255,255,255,0.12);
}
.text-red { color:var(--red); }

/* ===== PARTICLES CANVAS ===== */
#particles-canvas {
  position:fixed; top:0; left:0; width:100%; height:100%;
  z-index:0; pointer-events:none;
}

/* ===== SCANLINE ===== */
.scanline-overlay {
  position:fixed; top:0; left:0; width:100%; height:100%;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);
  pointer-events:none; z-index:999;
}

/* ===== NAVBAR ===== */
.navbar {
  position:fixed; top:0; left:0; width:100%; z-index:100;
  background:rgba(14,17,23,.88); backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(232,160,48,.2);
  transition:all .3s;
}
.nav-container {
  max-width:1200px; margin:0 auto; padding:0 24px;
  display:flex; align-items:center; justify-content:space-between; height:70px;
}
.nav-logo { display:flex; align-items:center; gap:12px; text-decoration:none; }
.nav-logo-img { width:40px; height:40px; border-radius:50%; object-fit:cover; }
.nav-logo-text { font-family:'Orbitron',monospace; font-weight:700; font-size:1.1rem; color:#fff; letter-spacing:2px; }
.nav-links { display:flex; gap:32px; }
.nav-link {
  color:var(--silver); text-decoration:none; font-family:'Orbitron',monospace;
  font-size:.75rem; letter-spacing:2px; text-transform:uppercase;
  transition:color .3s; position:relative; padding:4px 0;
}
.nav-link::after {
  content:''; position:absolute; bottom:0; left:0; width:0; height:2px;
  background:var(--red); transition:width .3s;
}
.nav-link:hover { color:#fff; }
.nav-link:hover::after { width:100%; }
.nav-burger { display:none; background:none; border:none; cursor:pointer; flex-direction:column; gap:5px; padding:8px; }
.nav-burger span { display:block; width:24px; height:2px; background:#fff; transition:all .3s; }

/* Mobile menu */
.mobile-menu {
  display:none; position:fixed; top:70px; left:0; width:100%; z-index:99;
  background:rgba(10,10,15,.95); backdrop-filter:blur(20px);
  flex-direction:column; padding:20px 24px; gap:16px;
  border-bottom:1px solid var(--red);
}
.mobile-menu.active { display:flex; }
.mobile-link { color:var(--silver); text-decoration:none; font-family:'Orbitron',monospace; font-size:.85rem; letter-spacing:2px; padding:8px 0; }
.mobile-link:hover { color:var(--red); }

/* ===== HERO ===== */
.hero {
  position:relative; min-height:100vh; display:flex; align-items:center;
  justify-content:center; text-align:center; padding:120px 24px 80px;
  overflow:hidden;
}
.hero-bg-effects { position:absolute; inset:0; overflow:hidden; }
.hero-grid {
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,42,42,.05) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(255,42,42,.05) 1px,transparent 1px);
  background-size:60px 60px;
  animation:gridMove 20s linear infinite;
}
@keyframes gridMove { to { transform:translate(60px,60px); } }
.hero-glow {
  position:absolute; border-radius:50%; filter:blur(120px); opacity:.3;
  animation:glowPulse 6s ease-in-out infinite alternate;
}
.hero-glow-1 { width:600px; height:600px; background:#b87820; top:-15%; left:-15%; }
.hero-glow-2 { width:400px; height:400px; background:#2a4d6e; bottom:-10%; right:-10%; animation-delay:2s; }
.hero-glow-3 { width:350px; height:350px; background:#1a3550; top:50%; left:50%; transform:translate(-50%,-50%); animation-delay:4s; }
@keyframes glowPulse { 0%{opacity:.2;transform:scale(1)} 100%{opacity:.4;transform:scale(1.2)} }

.hero-content { position:relative; z-index:2; max-width:900px; }
.hero-badges { display:flex; justify-content:center; gap:20px; margin-bottom:32px; }
.hero-badge-img { width:80px; height:80px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,42,42,.4); box-shadow:0 0 20px var(--red-glow); }
.hero-subtitle-top {
  font-family:'Orbitron',monospace; font-size:.8rem; letter-spacing:6px;
  color:var(--blue); margin-bottom:24px;
  text-shadow:0 0 20px var(--blue-glow);
}
.hero-title { margin-bottom:24px; }
.hero-title-line {
  display:block; font-family:'Orbitron',monospace; font-weight:900;
  font-size:clamp(1.8rem,5vw,3.5rem); line-height:1.15;
  color:#fff; letter-spacing:3px;
  text-shadow:0 0 40px rgba(255,255,255,.1);
}
.hero-title-accent {
  color:var(--red); font-size:clamp(2.5rem,7vw,5rem);
  text-shadow:0 0 60px var(--red-glow),0 0 120px rgba(255,42,42,.3);
  -webkit-text-stroke:1px rgba(255,42,42,.3);
}
.hero-tagline {
  font-family:'Exo 2',sans-serif; font-size:1.3rem; color:var(--silver);
  letter-spacing:4px; text-transform:uppercase; margin-bottom:32px;
}
.tagline-decorator { color:var(--red); margin:0 8px; }
.hero-meta {
  display:flex; justify-content:center; align-items:center; gap:20px;
  flex-wrap:wrap; margin-bottom:40px;
}
.meta-item { display:flex; align-items:center; gap:8px; font-size:1rem; color:var(--silver); }
.meta-icon { font-size:1.2rem; }
.meta-divider { width:1px; height:20px; background:rgba(255,255,255,.2); }
.hero-cta {
  display:inline-flex; align-items:center; gap:12px;
  background:linear-gradient(135deg,#d4901a,#b87520);
  color:#fff; padding:16px 40px; border-radius:2px;
  font-family:'Orbitron',monospace; font-size:1rem; font-weight:700;
  text-decoration:none; letter-spacing:2px; text-transform:uppercase;
  border:1px solid rgba(232,160,48,.4);
  box-shadow:0 0 30px rgba(232,160,48,.3),inset 0 1px 0 rgba(255,255,255,.15);
  transition:all .3s; position:relative; overflow:hidden;
}
.hero-cta::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);
  transform:translateX(-100%); transition:transform .6s;
}
.hero-cta:hover::before { transform:translateX(100%); }
.hero-cta:hover { transform:translateY(-3px); box-shadow:0 0 50px rgba(232,160,48,.4),0 10px 40px rgba(0,0,0,.4); }
.cta-arrow { transition:transform .3s; }
.hero-cta:hover .cta-arrow { transform:translateX(4px); }
.hero-scroll-indicator {
  position:absolute; bottom:30px; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:8px;
  color:rgba(255,255,255,.3); font-family:'Orbitron',monospace; font-size:.6rem; letter-spacing:3px;
}
.scroll-line { width:1px; height:40px; background:linear-gradient(to bottom,var(--red),transparent); animation:scrollPulse 2s ease-in-out infinite; }
@keyframes scrollPulse { 0%,100%{opacity:.3;height:40px} 50%{opacity:1;height:60px} }

/* ===== SECTIONS COMMON ===== */
.section-container { max-width:1000px; margin:0 auto; padding:100px 24px; position:relative; z-index:2; }
.section-label {
  font-family:'Orbitron',monospace; font-size:.7rem; letter-spacing:6px;
  color:var(--red); text-align:center; margin-bottom:8px;
}
.section-title {
  font-family:'Orbitron',monospace; font-size:clamp(1.5rem,3vw,2.2rem);
  font-weight:800; text-align:center; color:#fff; margin-bottom:48px;
  letter-spacing:3px;
  text-shadow:0 0 30px rgba(255,42,42,.2);
}

/* ===== TIMER ===== */
.timer-section { background:linear-gradient(180deg,#0e1117 0%,#111520 50%,#0e1117 100%); position:relative; }
.timer-wrapper { display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:32px; }
.timer-block {
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1);
  backdrop-filter:blur(8px); border-radius:2px; padding:20px 24px; text-align:center; min-width:100px;
  position:relative; overflow:hidden;
  box-shadow:0 4px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);
}
.timer-block::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,transparent,#e8a030,transparent);
}
.timer-value {
  font-family:'Orbitron',monospace; font-size:clamp(2rem,5vw,3.5rem);
  font-weight:900; color:#fff;
  text-shadow:0 0 20px var(--red-glow);
}
.timer-label { font-family:'Orbitron',monospace; font-size:.65rem; letter-spacing:3px; color:var(--silver); margin-top:8px; }
.timer-separator { font-family:'Orbitron',monospace; font-size:2.5rem; color:var(--red); animation:blink 1s step-end infinite; }
@keyframes blink { 50%{opacity:0} }
.timer-date {
  text-align:center; font-size:1rem; color:var(--silver);
  font-family:'Exo 2',sans-serif; letter-spacing:2px;
}
.timer-expired {
  text-align:center; padding:40px;
  background:linear-gradient(135deg,rgba(255,42,42,.1),rgba(255,42,42,.05));
  border:1px solid rgba(255,42,42,.3); border-radius:12px;
}
.timer-expired h3 { font-family:'Orbitron',monospace; font-size:1.5rem; color:var(--red); margin:16px 0 8px; }
.timer-expired p { color:var(--silver); }
.expired-icon { font-size:3rem; }

/* ===== REGISTRATION ===== */
.register-section { background:linear-gradient(180deg,#0e1117,#101520,#0e1117); }

/* Counter */
.team-counter { margin-bottom:40px; }
.counter-bar-container {
  height:8px; background:var(--input-bg); border-radius:4px;
  overflow:hidden; margin-bottom:12px;
  border:1px solid var(--card-border);
}
.counter-bar {
  height:100%; background:linear-gradient(90deg,var(--red),var(--blue));
  border-radius:4px; transition:width .8s cubic-bezier(.4,0,.2,1);
  box-shadow:0 0 10px var(--red-glow);
}
.counter-info { display:flex; justify-content:space-between; align-items:center; }
.counter-text { font-family:'Exo 2',sans-serif; font-size:1.1rem; color:var(--silver); }
.counter-text strong { color:#fff; font-size:1.3rem; }
.counter-slots { font-family:'Orbitron',monospace; font-size:.7rem; letter-spacing:2px; color:var(--blue); }

/* Responsive */
.registration-closed {
  text-align:center; padding:48px;
  background:linear-gradient(135deg,rgba(255,42,42,.08),rgba(255,42,42,.03));
  border:1px solid rgba(255,42,42,.3); border-radius:12px;
}
.registration-closed .closed-icon { font-size:3rem; }
.registration-closed h3 { font-family:'Orbitron',monospace; font-size:1.4rem; color:var(--red); margin:16px 0 8px; }
.registration-closed p { color:var(--silver); }

/* Form */
.reg-form { display:flex; flex-direction:column; gap:24px; }
.form-group-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.form-group { display:flex; flex-direction:column; gap:6px; }
.form-group label {
  font-family:'Orbitron',monospace; font-size:.7rem; letter-spacing:2px;
  color:var(--silver); display:flex; align-items:center; gap:8px;
}
.label-icon { font-size:1rem; }
.form-group input {
  background:var(--input-bg); border:1px solid var(--input-border);
  border-radius:4px; padding:14px 16px; color:#fff;
  font-family:'Exo 2',sans-serif; font-size:1rem;
  transition:all .3s; outline:none;
}
.form-group input:focus { border-color:var(--red); box-shadow:0 0 15px rgba(255,42,42,.15); }
.form-group input::placeholder { color:#555; }
.form-roster {
  background:var(--card-bg); border:1px solid var(--card-border);
  border-radius:8px; padding:28px; margin-top:8px;
}
.roster-title {
  font-family:'Orbitron',monospace; font-size:.9rem; color:#fff;
  letter-spacing:2px; margin-bottom:20px; display:flex; align-items:center; gap:10px;
}
.player-card {
  background:var(--input-bg); border:1px solid var(--input-border);
  border-radius:6px; margin-bottom:16px; overflow:hidden;
  transition:border-color .3s;
}
.player-card:hover { border-color:rgba(255,42,42,.3); }
.player-card-header {
  font-family:'Orbitron',monospace; font-size:.8rem; color:#fff;
  letter-spacing:2px; padding:14px 18px;
  background:rgba(255,255,255,.03);
  border-bottom:1px solid var(--input-border);
  display:flex; align-items:center; gap:10px;
}
.player-card-fields {
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px;
  padding:18px;
}
.player-number { color:var(--red); font-weight:700; }
.form-group select {
  background:var(--input-bg); border:1px solid var(--input-border);
  border-radius:4px; padding:14px 16px; color:#fff;
  font-family:'Exo 2',sans-serif; font-size:1rem;
  transition:all .3s; outline:none; cursor:pointer;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
}
.form-group select:focus { border-color:var(--red); box-shadow:0 0 15px rgba(255,42,42,.15); }
.submit-btn {
  display:flex; align-items:center; justify-content:center; gap:12px;
  width:100%; padding:18px; border:none; border-radius:2px;
  background:linear-gradient(135deg,#d4901a,#b87520);
  color:#fff; font-family:'Orbitron',monospace; font-size:1rem;
  font-weight:700; letter-spacing:3px; cursor:pointer;
  transition:all .3s; position:relative; overflow:hidden;
  box-shadow:0 0 25px rgba(232,160,48,.3);
}
.submit-btn:hover { transform:translateY(-2px); box-shadow:0 0 40px rgba(232,160,48,.5),0 8px 30px rgba(0,0,0,.4); }
.submit-btn:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.btn-glow { display:none; }

/* Success */
.success-message {
  text-align:center; padding:48px;
  background:linear-gradient(135deg,rgba(0,212,255,.08),rgba(0,212,255,.03));
  border:1px solid rgba(0,212,255,.3); border-radius:12px; margin-top:24px;
}
.success-message .success-icon { font-size:3rem; }
.success-message h3 { font-family:'Orbitron',monospace; font-size:1.3rem; color:var(--blue); margin:16px 0 8px; }
.success-message p { color:var(--silver); }

/* ===== INFO ===== */
.info-section { background:linear-gradient(180deg,#0e1117,#101420,#0e1117); }
.info-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:48px; }
.info-card {
  background:var(--card-bg); border:1px solid var(--card-border);
  border-radius:8px; padding:32px; position:relative; overflow:hidden;
  transition:transform .3s,box-shadow .3s;
}
.info-card:hover { transform:translateY(-4px); box-shadow:0 8px 30px rgba(0,0,0,.3); }
.info-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; }
.info-card-ru::before { background:linear-gradient(90deg,var(--red),transparent); }
.info-card-kz::before { background:linear-gradient(90deg,var(--blue),transparent); }
.info-card-header { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.info-lang-badge {
  font-family:'Orbitron',monospace; font-size:.7rem; font-weight:700;
  background:var(--red); color:#fff; padding:4px 10px; border-radius:3px; letter-spacing:2px;
}
.info-lang-kz { background:var(--blue); color:#000; }
.info-card-header h3 { font-family:'Orbitron',monospace; font-size:1rem; color:#fff; letter-spacing:2px; }
.info-list { list-style:none; display:flex; flex-direction:column; gap:12px; }
.info-list li { display:flex; align-items:flex-start; gap:10px; color:var(--silver); font-size:.95rem; line-height:1.5; }
.info-bullet { color:var(--red); font-weight:700; flex-shrink:0; }
.info-card-kz .info-bullet { color:var(--blue); }

/* Features */
.features-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.feature-card {
  background:var(--card-bg); border:1px solid var(--card-border);
  border-radius:8px; padding:28px 20px; text-align:center;
  transition:all .3s; position:relative; overflow:hidden;
}
.feature-card::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(255,42,42,.05),transparent);
  opacity:0; transition:opacity .3s;
}
.feature-card:hover { transform:translateY(-4px); border-color:rgba(255,42,42,.3); }
.feature-card:hover::after { opacity:1; }
.feature-icon-box {
  width:52px; height:52px; margin:0 auto 14px;
  border:1px solid var(--red); border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  font-family:'Orbitron',monospace; font-size:.75rem; font-weight:800;
  color:var(--red); letter-spacing:1px;
  background:rgba(255,42,42,.06);
}
.feature-card h4 { font-family:'Orbitron',monospace; font-size:.8rem; color:#fff; letter-spacing:2px; margin-bottom:8px; }
.feature-card p { font-size:.85rem; color:var(--silver); line-height:1.4; }

/* ===== VENUE ===== */
.venue-block {
  margin-top:48px; background:var(--card-bg); border:1px solid var(--card-border);
  border-radius:10px; overflow:hidden;
}
.venue-header {
  padding:28px 32px; border-bottom:1px solid var(--card-border);
}
.venue-title {
  font-family:'Orbitron',monospace; font-size:1.3rem; font-weight:800;
  color:#fff; letter-spacing:3px; margin-bottom:6px;
}
.venue-address { color:var(--silver); font-size:.9rem; margin-bottom:16px; }
.venue-meta { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.venue-tag {
  font-family:'Orbitron',monospace; font-size:.65rem; letter-spacing:1px;
  background:rgba(255,42,42,.1); border:1px solid rgba(255,42,42,.3);
  color:var(--red); padding:5px 12px; border-radius:4px;
}
.maps-open-btn {
  display:inline-flex; align-items:center; gap:6px;
  color:var(--blue); font-family:'Orbitron',monospace; font-size:.7rem;
  letter-spacing:1px; text-decoration:none;
  border:1px solid rgba(0,212,255,.3); padding:8px 16px; border-radius:4px;
  background:rgba(0,212,255,.06); transition:all .3s;
}
.maps-open-btn:hover { background:rgba(0,212,255,.15); }
.venue-map { display:block; line-height:0; }
.venue-map iframe { display:block; width:100%; height:320px; border:0; filter:grayscale(40%) invert(90%) hue-rotate(180deg); }

/* ===== PARTICIPANTS ===== */
.participants-section { background:linear-gradient(180deg,#0a0a0f,#0e0e18,#0a0a0f); }
.participants-empty {
  text-align:center; padding:48px;
  background:var(--card-bg); border:1px solid var(--card-border);
  border-radius:8px; color:var(--silver);
}
.participants-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:16px;
  margin-bottom:32px;
}
.participant-card {
  background:var(--card-bg); border:1px solid var(--card-border);
  border-radius:8px; padding:20px 18px;
  display:flex; align-items:center; gap:14px;
  transition:all .3s; position:relative; overflow:hidden;
}
.participant-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--red),transparent);
}
.participant-card:hover { transform:translateY(-3px); border-color:rgba(255,42,42,.3); box-shadow:0 8px 24px rgba(0,0,0,.3); }
.participant-seed {
  font-family:'Orbitron',monospace; font-size:1.1rem; font-weight:900;
  color:var(--red); min-width:32px;
}
.participant-info {}
.participant-name { font-size:1rem; font-weight:700; color:#fff; margin-bottom:3px; }
.participant-captain { font-size:.78rem; color:var(--silver); }
.participants-footer { text-align:center; margin-top:16px; }
.bracket-btn {
  display:inline-flex; align-items:center; gap:10px;
  background:rgba(0,255,136,.08); border:1px solid rgba(0,255,136,.3);
  color:#00ff88; padding:14px 36px; border-radius:4px;
  font-family:'Orbitron',monospace; font-size:.8rem; font-weight:700;
  letter-spacing:2px; text-decoration:none; transition:all .3s;
}
.bracket-btn:hover { background:rgba(0,255,136,.15); transform:translateY(-2px); box-shadow:0 0 30px rgba(0,255,136,.2); }

/* ===== FOOTER ===== */
.footer {
  background:rgba(10,12,18,.95); border-top:1px solid rgba(232,160,48,.15);
  position:relative; z-index:2;
}
.footer-container { max-width:1000px; margin:0 auto; padding:48px 24px 32px; }
.footer-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid var(--card-border); }
.footer-brand { display:flex; align-items:center; gap:16px; }
.footer-logo { width:50px; height:50px; border-radius:50%; object-fit:cover; border:2px solid rgba(0,212,255,.3); }
.footer-brand h3 { font-family:'Orbitron',monospace; font-size:.9rem; color:#fff; letter-spacing:3px; }
.footer-brand p { font-family:'Orbitron',monospace; font-size:.6rem; color:var(--silver); letter-spacing:2px; margin-top:4px; }
.footer-socials { display:flex; gap:12px; }
.social-link {
  width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,.05); border:1px solid var(--card-border);
  display:flex; align-items:center; justify-content:center;
  color:var(--silver); transition:all .3s;
}
.social-link:hover { border-color:var(--red); color:var(--red); background:rgba(255,42,42,.1); transform:translateY(-2px); }
.footer-bottom { text-align:center; }
.footer-bottom p { font-size:.85rem; color:var(--silver); margin-bottom:4px; }
.footer-tagline { font-size:.8rem; color:#555; }

/* ===== TOAST ===== */
.toast {
  position:fixed; bottom:30px; left:50%; transform:translateX(-50%) translateY(100px);
  background:var(--card-bg); border:1px solid var(--blue);
  color:#fff; padding:16px 32px; border-radius:8px;
  font-family:'Rajdhani',sans-serif; font-size:1rem;
  box-shadow:0 0 30px rgba(0,212,255,.2);
  transition:transform .4s cubic-bezier(.4,0,.2,1);
  z-index:1000; text-align:center;
}
.toast.show { transform:translateX(-50%) translateY(0); }

/* ===== ANIMATIONS ===== */
.animate-fade-up { opacity:0; transform:translateY(30px); animation:fadeUp .8s ease forwards; }
.animate-fade-down { opacity:0; transform:translateY(-20px); animation:fadeDown .8s ease forwards; }
.animate-fade-up-delay { opacity:0; transform:translateY(30px); animation:fadeUp .8s ease .3s forwards; }
.animate-fade-up-delay2 { opacity:0; transform:translateY(30px); animation:fadeUp .8s ease .5s forwards; }
.animate-fade-up-delay3 { opacity:0; transform:translateY(30px); animation:fadeUp .8s ease .7s forwards; }
@keyframes fadeUp { to { opacity:1; transform:translateY(0); } }
@keyframes fadeDown { to { opacity:1; transform:translateY(0); } }

/* ===== VISUAL REFRESH ===== */
body {
  background:
    linear-gradient(180deg,rgba(9,11,15,.96),rgba(12,15,21,.98)),
    url('/dust2.jpg') center top/cover fixed;
}
body::before {
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 34%,rgba(232,160,48,.06) 34% 35%,transparent 35% 66%,rgba(77,138,181,.055) 66% 67%,transparent 67%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 1px,transparent 1px 72px);
}
#particles-canvas { opacity:.42; }
.scanline-overlay {
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,transparent 82%,rgba(0,0,0,.24)),
    repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.045) 3px,rgba(0,0,0,.045) 4px);
}
.navbar {
  background:rgba(9,11,16,.78);
  border-bottom:1px solid rgba(232,160,48,.28);
  box-shadow:0 12px 40px rgba(0,0,0,.35);
}
.nav-container { height:76px; }
.nav-logo-img,
.hero-badge-img,
.footer-logo {
  background:#05070a;
  border-color:rgba(232,160,48,.42);
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 28px rgba(232,160,48,.22);
}
.nav-logo-text {
  font-size:1.18rem;
  letter-spacing:3px;
}
.nav-link {
  color:#c2c8d3;
  font-size:.7rem;
}
.nav-link:hover { color:#fff2da; }
.mobile-menu {
  background:rgba(9,11,16,.96);
  border-bottom:1px solid rgba(232,160,48,.34);
}
.hero {
  min-height:96vh;
  padding-top:132px;
  background:
    linear-gradient(180deg,rgba(8,10,14,.52),rgba(8,10,14,.95)),
    linear-gradient(90deg,rgba(8,10,14,.96),rgba(8,10,14,.58),rgba(8,10,14,.96)),
    url('/dust2.jpg') center/cover;
}
.hero::before {
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(112deg,rgba(232,160,48,.18) 0 1px,transparent 1px 44%,rgba(232,160,48,.12) 44% 45%,transparent 45%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px);
  opacity:.55;
}
.hero-bg-effects { opacity:.75; }
.hero-grid {
  background-image:
    linear-gradient(rgba(232,160,48,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,138,181,.065) 1px,transparent 1px);
  background-size:76px 76px;
}
.hero-glow {
  border-radius:0;
  filter:none;
  opacity:.2;
  animation:none;
  transform:skewX(-24deg);
}
.hero-glow-1 {
  width:190px;
  height:120%;
  top:-10%;
  left:10%;
  background:linear-gradient(180deg,transparent,rgba(232,160,48,.36),transparent);
}
.hero-glow-2 {
  width:140px;
  height:95%;
  right:14%;
  bottom:0;
  background:linear-gradient(180deg,transparent,rgba(77,138,181,.28),transparent);
}
.hero-glow-3 {
  width:1px;
  height:70%;
  top:16%;
  left:50%;
  background:rgba(255,255,255,.28);
}
.hero-content {
  max-width:980px;
  padding:22px 0;
}
.hero-badges { margin-bottom:28px; }
.hero-subtitle-top,
.section-label {
  color:#f3a72f;
  text-shadow:none;
}
.hero-title-line {
  letter-spacing:2px;
  text-shadow:0 2px 0 rgba(0,0,0,.35),0 18px 60px rgba(0,0,0,.6);
}
.hero-title-accent {
  color:#f1a531;
  -webkit-text-stroke:1px rgba(255,255,255,.18);
  text-shadow:0 0 30px rgba(232,160,48,.35),0 3px 0 rgba(0,0,0,.38);
}
.hero-tagline {
  color:#d7dce6;
  font-weight:600;
}
.hero-meta {
  gap:10px;
}
.meta-item {
  min-height:42px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,11,16,.62);
  color:#f3f5f8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.meta-divider { display:none; }
.hero-cta,
.submit-btn {
  border-radius:4px;
  background:linear-gradient(135deg,#f0a431,#c1771e);
  box-shadow:0 16px 44px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.08) inset;
}
.hero-cta:hover,
.submit-btn:hover {
  box-shadow:0 20px 50px rgba(0,0,0,.44),0 0 34px rgba(232,160,48,.32);
}
.section-container {
  max-width:1120px;
  padding:88px 24px;
}
.section-title {
  margin-bottom:38px;
  letter-spacing:2px;
  text-shadow:0 14px 46px rgba(0,0,0,.62);
}
.timer-section,
.participants-section,
.register-section,
.info-section {
  background:rgba(9,12,17,.84);
  border-top:1px solid rgba(255,255,255,.055);
  position:relative;
}
.timer-section::before,
.participants-section::before,
.register-section::before,
.info-section::before {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(232,160,48,.05),transparent 36%,rgba(77,138,181,.04));
}
.timer-wrapper { gap:14px; }
.timer-block {
  min-width:118px;
  border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
}
.timer-block::before {
  background:linear-gradient(90deg,#f0a431,transparent);
}
.timer-value {
  color:#fff;
  text-shadow:0 0 22px rgba(232,160,48,.28);
}
.timer-date {
  display:inline-flex;
  justify-content:center;
  width:100%;
  color:#d1d6df;
}
.team-counter,
.form-roster,
.participants-empty,
.info-card,
.feature-card,
.venue-block,
.registration-closed,
.success-message {
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.065);
}
.team-counter {
  padding:20px;
  border-radius:8px;
}
.counter-bar-container {
  height:10px;
  background:rgba(0,0,0,.34);
}
.counter-bar {
  background:linear-gradient(90deg,#f0a431,#4d8ab5);
}
.counter-slots { color:#72add2; }
.reg-form { gap:20px; }
.form-group label {
  color:#c8ced8;
}
.form-group input,
.form-group select {
  background:rgba(6,8,12,.72);
  border-color:rgba(255,255,255,.14);
  border-radius:5px;
}
.form-group input:hover,
.form-group select:hover {
  border-color:rgba(232,160,48,.32);
}
.form-group input:focus,
.form-group select:focus {
  border-color:#f0a431;
  box-shadow:0 0 0 3px rgba(232,160,48,.12);
}
.form-roster {
  border-radius:8px;
}
.player-card {
  background:rgba(5,7,11,.48);
  border-color:rgba(255,255,255,.105);
  border-radius:6px;
}
.player-card-header {
  background:linear-gradient(90deg,rgba(232,160,48,.12),rgba(255,255,255,.035));
}
.player-number { color:#f0a431; }
.participant-card {
  min-height:92px;
  border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.032));
  border-color:rgba(255,255,255,.13);
}
.participant-number {
  min-width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(232,160,48,.45);
  border-radius:4px;
  color:#f0a431;
  font-family:'Orbitron',monospace;
  font-weight:800;
  font-size:.78rem;
}
.participant-name { letter-spacing:.3px; }
.bracket-btn {
  background:rgba(77,138,181,.1);
  border-color:rgba(77,138,181,.4);
  color:#bfe5ff;
}
.bracket-btn:hover {
  background:rgba(77,138,181,.18);
  box-shadow:0 0 30px rgba(77,138,181,.22);
}
.info-card,
.feature-card,
.venue-block {
  border-radius:8px;
}
.info-card:hover,
.feature-card:hover {
  border-color:rgba(232,160,48,.34);
}
.info-lang-badge {
  background:#f0a431;
  color:#101010;
}
.info-lang-kz {
  background:#6fa9cf;
  color:#061018;
}
.feature-icon-box {
  border-color:rgba(232,160,48,.55);
  color:#f0a431;
  background:rgba(232,160,48,.09);
}
.venue-tag {
  background:rgba(232,160,48,.095);
  border-color:rgba(232,160,48,.34);
}
.maps-open-btn {
  color:#ccecff;
  border-color:rgba(77,138,181,.42);
  background:rgba(77,138,181,.1);
}
.footer {
  background:rgba(7,9,13,.94);
  border-top:1px solid rgba(232,160,48,.22);
}
.toast {
  background:rgba(9,12,17,.94);
  border-color:rgba(77,138,181,.55);
}

/* ===== RESPONSIVE ===== */
@media(max-width:768px) {
  .nav-links { display:none; }
  .nav-burger { display:flex; }
  .hero-badge-img { width:60px; height:60px; }
  .form-group-row { grid-template-columns:1fr; }
  .player-card-fields { grid-template-columns:1fr 1fr; }
  .info-grid { grid-template-columns:1fr; }
  .features-grid { grid-template-columns:1fr 1fr; }
  .participants-grid { grid-template-columns:repeat(2,1fr); }
  .footer-top { flex-direction:column; gap:20px; text-align:center; }
  .timer-block { min-width:70px; padding:14px 16px; }
  .hero-meta { gap:12px; }
  .meta-divider { display:none; }
}
@media(max-width:480px) {
  .features-grid { grid-template-columns:1fr; }
  .hero-badges { gap:12px; }
  .hero-badge-img { width:50px; height:50px; }
  .player-card-fields { grid-template-columns:1fr; }
  .features-grid { grid-template-columns:1fr; }
}