:root{
  --bg:#100604;--bg2:#1d0b06;--card:rgba(43,18,9,.9);--card2:rgba(68,29,13,.9);
  --text:#fff2df;--muted:#d3a875;--gold:#f5a72f;--orange:#d75b20;--border:rgba(245,167,47,.22);
  --shadow:0 24px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:
radial-gradient(circle at top left,rgba(245,167,47,.16),transparent 32%),
radial-gradient(circle at top right,rgba(215,91,32,.13),transparent 30%),
linear-gradient(180deg,var(--bg),#070302 75%);}
a{text-decoration:none;color:inherit}
.hero{min-height:86vh;padding:24px clamp(18px,4vw,70px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border:1px solid var(--border);border-radius:24px;background:rgba(16,6,4,.72);backdrop-filter:blur(14px);position:sticky;top:16px;z-index:20;box-shadow:var(--shadow)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{width:48px;height:48px;object-fit:contain}
.nav-links{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-weight:800;font-size:.92rem}.nav-links a:hover{color:var(--gold)}
.hero-inner{max-width:1180px;margin:82px auto 0;display:grid;grid-template-columns:1.18fr .82fr;gap:42px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:.78rem;font-weight:900}
h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.86;margin:10px 0 22px;text-transform:uppercase;text-shadow:0 10px 45px rgba(0,0,0,.55)}
h2{font-size:clamp(2rem,4vw,3.1rem);margin:0 0 10px}.lead{font-size:1.18rem;line-height:1.75;color:#f2d4ad;max-width:690px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 22px;border-radius:999px;border:1px solid var(--border);font-weight:900}.primary{background:linear-gradient(135deg,var(--gold),var(--orange));color:#200b04}.ghost{background:rgba(255,255,255,.07)}
.wanted-card{background:linear-gradient(160deg,var(--card2),rgba(16,6,3,.92));border:1px solid var(--border);border-radius:34px;padding:34px;text-align:center;box-shadow:var(--shadow)}.wanted-card img{max-width:220px;width:75%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}.wanted-card p{color:#e6bd8c}
.section{padding:88px clamp(18px,4vw,70px)}.section.alt{background:rgba(255,255,255,.025);border-top:1px solid rgba(245,167,47,.10);border-bottom:1px solid rgba(245,167,47,.10)}
.section-head,.stats,.panel,.content-grid,.team-grid,.rules{max-width:1180px;margin-left:auto;margin-right:auto}.section-head{margin-bottom:32px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:72px}.stat-card,.content-card,.team-card,.panel{background:linear-gradient(145deg,var(--card),rgba(19,7,4,.86));border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow)}
.stat-card{padding:28px}.stat-card span{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.1em}.stat-card strong{display:block;font-size:2.8rem;margin-top:12px}
.panel{padding:26px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid rgba(245,167,47,.12);text-align:left}th{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.content-grid,.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.content-card,.team-card{padding:26px}.content-card small{color:var(--gold);font-weight:900}.content-card p,.team-card p{color:#e8c39a;line-height:1.65}.event-card{position:relative;overflow:hidden}.event-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--gold),var(--orange))}
.team-card{text-align:center}.avatar{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--orange));color:#210b04;font-size:2rem;font-weight:1000;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.role{color:var(--gold)!important;font-weight:900}
.rules{display:grid;gap:12px}.rules div{padding:17px 20px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid var(--border);color:#f0cfaa;font-weight:750}.empty{color:var(--muted)}
footer{padding:36px clamp(18px,4vw,70px);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted);border-top:1px solid rgba(245,167,47,.12)}

.admin-body{min-height:100vh;padding:30px;background:linear-gradient(160deg,#100604,#2b1107);color:var(--text)}.admin-shell{max-width:1180px;margin:0 auto}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.admin-card{background:rgba(16,6,4,.84);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:22px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}label{display:block;color:var(--muted);font-weight:900;margin:0 0 8px}input,textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.07);color:var(--text);outline:none}textarea{min-height:105px;resize:vertical}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}button,.admin-btn{border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}.admin-btn{background:rgba(255,255,255,.08);display:inline-block}.admin-btn.danger,button.danger{background:#8e241c;color:#fff}button.primary,.admin-btn.primary{background:linear-gradient(135deg,var(--gold),var(--orange));color:#210b04}.notice{padding:12px 14px;border-radius:14px;background:rgba(245,167,47,.14);border:1px solid var(--border);margin-bottom:18px}.login-box{max-width:430px;margin:10vh auto}
@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.hero-inner{grid-template-columns:1fr;margin-top:46px}.stats{grid-template-columns:1fr}.section{padding:64px 18px}h1{font-size:3.4rem}}




/* --- SEO/Performance + Premium Motion Update --- */
.hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(16,6,4,.92), rgba(16,6,4,.52), rgba(16,6,4,.94)),
    url('../header-bg.jpg') center/cover no-repeat,
    radial-gradient(circle at 28% 20%, rgba(245,167,47,.22), transparent 34%),
    linear-gradient(135deg, #100604, #2b1107 58%, #090302);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 60% 8%, rgba(245,167,47,.14), transparent 28%),
    linear-gradient(180deg, transparent 0%, rgba(7,3,2,.88) 100%);
  z-index:0;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto -10% -18% -10%;
  height:35%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(245,167,47,.16), transparent);
  filter:blur(36px);
  z-index:0;
}
.nav,.hero-inner{position:relative;z-index:2}
.brand img{
  transition:transform .25s ease, filter .25s ease;
}
.brand:hover img{
  transform:rotate(-3deg) scale(1.08);
  filter:drop-shadow(0 0 14px rgba(245,167,47,.45));
}
.nav-links a{
  position:relative;
  transition:color .2s ease;
}
.nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  transform:scaleX(0);
  transform-origin:left;
  background:linear-gradient(90deg,var(--gold),var(--orange));
  transition:transform .22s ease;
}
.nav-links a:hover::after{transform:scaleX(1)}
.btn{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.btn:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(215,91,32,.25);
}
.stat-card,.content-card,.team-card,.wanted-card,.panel{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
  will-change:transform;
}
.stat-card:hover,.content-card:hover,.team-card:hover,.wanted-card:hover{
  transform:translateY(-7px);
  border-color:rgba(245,167,47,.46);
  box-shadow:0 30px 90px rgba(0,0,0,.52), 0 0 26px rgba(245,167,47,.10);
}
.content-card h3,.team-card h3{
  letter-spacing:.01em;
}
.reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .65s ease, transform .65s ease;
}
.reveal.visible{
  opacity:1;
  transform:translateY(0);
}
.stat-card strong{
  background:linear-gradient(135deg,#fff7ea,var(--gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.section{
  content-visibility:auto;
  contain-intrinsic-size:700px;
}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
}
@media(max-width:760px){
  .nav-links{gap:12px}
  .nav-links a{font-size:.88rem}
}