/* assets/style.css - RedMCNetwork (horizon-inspired but original) */
:root{
  --bg:#07070a;
  --panel:#0f0f12;
  --accent:#ff1a1a;
  --muted:#cfcfcf;
  --glass: rgba(255,255,255,0.03);
  --glass-strong: rgba(255,255,255,0.04);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Inter, Poppins, system-ui, Arial, sans-serif;background:linear-gradient(180deg,#030303 0%, #0b0b0d 100%);color:#eee;line-height:1.5}
a{color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 22px}

/* header */
header{position:fixed;top:0;left:0;right:0;height:74px;background:linear-gradient(180deg, rgba(10,10,10,0.6), rgba(10,10,10,0.2));backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:999;border-bottom:1px solid rgba(255,26,26,0.06)}
.logo{display:flex;align-items:center;gap:12px;font-weight:800}
.logo img{height:48px;width:48px;border-radius:10px;object-fit:cover;box-shadow:0 8px 30px rgba(255,26,26,0.06)}
nav{display:flex;gap:16px;align-items:center}
nav a{padding:8px 12px;border-radius:8px;font-weight:600;color:#dcdcdc;transition:all .15s ease}
nav a:hover{color:var(--accent);transform:translateY(-2px)}

/* hero */
.hero{height:86vh;padding-top:74px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(600px 200px at 10% 10%, rgba(255,26,26,0.03), transparent), url('assets/hero-bg.jpg');background-size:cover;background-position:center;filter:blur(0px) saturate(1.05);transform:scale(1.03);z-index:0}
.hero-inner{position:relative;z-index:2;text-align:center;padding:20px}
.hero h1{font-size:48px;color:var(--accent);text-shadow:0 8px 40px rgba(255,26,26,0.06);margin-bottom:12px}
.hero p{color:#ddd;font-size:18px;margin-bottom:18px}

/* neon glow buttons */
.btn{display:inline-block;padding:12px 24px;border-radius:12px;background:linear-gradient(90deg,var(--accent),#ff5a5a);color:#fff;font-weight:700;box-shadow:0 12px 40px rgba(255,26,26,0.12);transition:transform .15s ease}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.04)}

/* features */
.section{padding:80px 0}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.02));padding:20px;border-radius:12px;border:1px solid rgba(255,26,26,0.05);box-shadow:0 12px 30px rgba(0,0,0,0.6);transition:transform .2s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(255,26,26,0.08)}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.member{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.02));padding:18px;border-radius:12px;text-align:center;border:1px solid rgba(255,26,26,0.04);transition:transform .18s ease}
.member:hover{transform:translateY(-8px);box-shadow:0 18px 36px rgba(255,26,26,0.08)}
.member img{width:120px;height:120px;border-radius:18px;object-fit:cover;margin-bottom:10px;display:block;margin-left:auto;margin-right:auto}

/* rules */
.rules-list{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.02));padding:18px;border-radius:12px;border:1px solid rgba(255,26,26,0.04)}

/* contact */
.contact-box{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.02));padding:20px;border-radius:12px;border:1px solid rgba(255,26,26,0.04);max-width:720px;margin:0 auto}

/* footer */
footer{padding:28px 0;text-align:center;border-top:1px solid rgba(255,26,26,0.04);color:#bbb;margin-top:40px}

/* small */
.kv{color:var(--muted);font-size:14px}

/* responsive */
@media (max-width:880px){
  .hero h1{font-size:32px}
  header{padding:10px 14px}
  nav{display:none}
}