
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{color:#fff;background:#070707;overflow-x:hidden}
.video-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;will-change:transform;background:#050505}
.bg-fallback{position:fixed;inset:0;background:linear-gradient(135deg,#050505,#17100b,#050505);z-index:-4}
.overlay{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,120,0,.2),transparent 32%),linear-gradient(180deg,rgba(0,0,0,.66),rgba(0,0,0,.92));z-index:-2}
header{position:fixed;top:0;width:100%;padding:18px 7%;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.58);backdrop-filter:blur(14px);z-index:50;border-bottom:1px solid rgba(255,255,255,.09)}
.logo-wrap{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.logo-wrap img{width:46px;height:46px;border-radius:10px;object-fit:cover}
.logo-text{font-size:25px;font-weight:900;letter-spacing:1px}.logo-text span{color:#ff7a00}
nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:800;opacity:.9;transition:.25s}
nav a:hover,nav a.active{color:#ff7a00;opacity:1}
.steam-login{padding:10px 14px;border-radius:12px;background:#171a21;border:1px solid rgba(255,255,255,.14)}
main{min-height:100vh;padding:135px 7% 80px;display:flex;align-items:center}
.content{width:100%;max-width:1180px}
.hero{max-width:880px}
.tag{display:inline-block;padding:9px 16px;border:1px solid rgba(255,122,0,.45);border-radius:999px;color:#ff7a00;background:rgba(255,122,0,.08);font-weight:900;margin-bottom:22px}
h1{font-size:clamp(48px,8vw,98px);line-height:.92;margin-bottom:24px;text-transform:uppercase}
h2{font-size:clamp(34px,5vw,58px);margin-bottom:22px;color:#ff7a00}
p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.82);max-width:860px}
.buttons,.contact-box{margin-top:32px;display:flex;gap:15px;flex-wrap:wrap}
.btn,.contact-box a,button{padding:14px 22px;border-radius:13px;text-decoration:none;font-weight:900;transition:.25s;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.btn-primary,.contact-box a,button.primary{background:#ff7a00;color:#111}
.btn-secondary,button.secondary{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px;width:100%;max-width:1120px}
.card{padding:26px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(0,0,0,.26)}
.card h3{font-size:23px;color:#ff7a00;margin-bottom:12px}
.server-table{width:min(100%,990px);margin-top:34px;border-collapse:collapse;overflow:hidden;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.server-table th,.server-table td{padding:18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.9)}
.server-table th{color:#ff7a00;background:rgba(0,0,0,.28)}
.status-online{color:#7cff9b;font-weight:900}
.progress{height:13px;width:100%;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.13)}
.progress span{display:block;width:0%;height:100%;background:#ff7a00;transition:width .35s}
.rules-list{margin-top:24px;display:grid;gap:14px;max-width:930px}
.rule{padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.08);border-left:4px solid #ff7a00;color:rgba(255,255,255,.86)}
.price{font-size:34px;font-weight:900;color:#fff;margin:14px 0}
.staff-card{text-align:center}
.staff-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:14px;border:2px solid rgba(255,122,0,.55)}
.role{color:#ff7a00;font-weight:900;font-size:14px;margin-bottom:8px}
.user-box{margin-top:22px;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:none}
footer{padding:24px 8%;text-align:center;color:rgba(255,255,255,.62);background:rgba(0,0,0,.7);border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){header{padding:16px 5%;flex-direction:column;gap:14px}nav{gap:12px;justify-content:center}main{padding:210px 5% 70px}.grid{grid-template-columns:1fr}.server-table{display:block;overflow-x:auto;white-space:nowrap}}

.aura-chat-button{position:fixed;right:22px;bottom:22px;z-index:80;background:#ff7a00;color:#111;border:0;border-radius:999px;padding:15px 18px;font-weight:900;box-shadow:0 18px 45px rgba(255,122,0,.32)}
.aura-chat{position:fixed;right:22px;bottom:82px;width:min(380px,calc(100vw - 44px));height:500px;z-index:80;background:rgba(8,8,8,.96);border:1px solid rgba(255,255,255,.14);border-radius:24px;box-shadow:0 25px 75px rgba(0,0,0,.55);display:none;overflow:hidden}
.aura-chat.open{display:flex;flex-direction:column}.aura-chat-head{padding:16px 18px;background:linear-gradient(135deg,rgba(255,122,0,.22),rgba(255,255,255,.04));border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.aura-chat-head strong{color:#ff7a00}.aura-chat-body{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.aura-msg{padding:12px 14px;border-radius:16px;line-height:1.45;font-size:14px;max-width:86%}.aura-msg.bot{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);align-self:flex-start}.aura-msg.user{background:#ff7a00;color:#111;align-self:flex-end;font-weight:800}.aura-chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid rgba(255,255,255,.1)}.aura-chat-form input{flex:1;padding:12px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.42);color:#fff}.aura-chat-form button{padding:12px 15px;border-radius:12px;background:#ff7a00;color:#111;border:0;font-weight:900}
.staff-status{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:900}.staff-dot{width:9px;height:9px;border-radius:50%;background:#777;display:inline-block}.staff-dot.online{background:#7cff9b}.staff-dot.busy{background:#ff6b6b}.staff-dot.away{background:#ffb000}.staff-dot.offline{background:#777}

/* FORCE AURA AI */
.aura-chat-button{
  position:fixed !important;
  right:22px !important;
  bottom:22px !important;
  z-index:999999 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  background:#ff7a00 !important;
  color:#111 !important;
  border:none;
  border-radius:999px;
  padding:16px 20px;
  font-weight:900;
  font-size:15px;
  cursor:pointer;
  box-shadow:0 20px 55px rgba(255,122,0,.45);
}

.aura-chat{
  z-index:999998 !important;
}

.aura-chat.open{
  display:flex !important;
}

/* STEAM ID INFO */
.steamid-info{
  margin-top:10px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,122,0,.12);
  border:1px solid rgba(255,122,0,.25);
  color:#fff;
  font-size:14px;
  line-height:1.5;
}

/* AURA AI BRAND UPDATE */
.aura-ai-brand{
  display:flex;
  align-items:center;
  gap:12px;
  position:relative;
  padding-top:20px;
}

.aura-ai-brand img{
  width:42px;
  height:42px;
  border-radius:12px;
  object-fit:cover;
  border:1px solid rgba(255,122,0,.35);
}

.aura-ai-question{
  position:absolute;
  top:-4px;
  left:0;
  font-size:12px;
  color:rgba(255,255,255,.78);
  font-weight:800;
  white-space:nowrap;
}

.login-user-card{margin-top:22px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:none;align-items:center;gap:12px}.login-user-card img{width:44px;height:44px;border-radius:50%;object-fit:cover}.login-user-card strong{color:#ff7a00}
.staff-socials{display:flex;gap:10px;justify-content:center;margin-top:14px}.social-btn{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:900}.social-btn:hover{background:#ff7a00;color:#111}
.leader-board{margin-top:42px}.leader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.leader-card{padding:24px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11)}.leader-card h3{color:#ff7a00;margin-bottom:14px}.leader-item{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.leader-item:last-child{border-bottom:0}.leader-item span:last-child{font-weight:900}
.aura-ai-brand{display:flex;align-items:center;gap:12px;position:relative;padding-top:20px}.aura-ai-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,122,0,.35)}.aura-ai-question{position:absolute;top:-4px;left:0;font-size:12px;color:rgba(255,255,255,.78);font-weight:800;white-space:nowrap}
@media(max-width:900px){.leader-grid{grid-template-columns:1fr}}

/* STEAM AVATAR + STAFF SOCIAL ICONS */
.nav-steam-user{
  display:none;
  align-items:center;
  gap:9px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  text-decoration:none;
  font-weight:900;
}

.nav-steam-user img{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(255,122,0,.7);
}

.staff-socials{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin-top:16px;
}

.social-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  transition:.22s ease;
}

.social-icon img{
  width:22px !important;
  height:22px !important;
  border:none !important;
  border-radius:0 !important;
  margin:0 !important;
  object-fit:contain !important;
}

.social-icon.steam:hover{
  background:#171a21;
  transform:translateY(-3px);
}

.social-icon.instagram:hover{
  background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
  transform:translateY(-3px);
}

.login-user-card{
  display:none !important;
}

/* FINAL STEAM LOGIN FIX */
.nav-steam-user{
  display:none;
  width:42px;
  height:42px;
  padding:0 !important;
  border-radius:50% !important;
  overflow:hidden;
  background:transparent !important;
  border:2px solid rgba(255,122,0,.75) !important;
}

.nav-steam-user img{
  width:100% !important;
  height:100% !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:0 !important;
}

.nav-steam-user span{
  display:none !important;
}

body.steam-logged-in .steam-login{
  display:none !important;
}

.staff-socials{
  display:flex !important;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin-top:16px;
}

.social-icon{
  width:44px !important;
  height:44px !important;
  border-radius:14px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  transition:.22s ease;
}

.social-icon img{
  display:block !important;
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  border:none !important;
  border-radius:0 !important;
  margin:0 !important;
  object-fit:contain !important;
}

.social-icon.steam:hover{
  background:#171a21;
  transform:translateY(-3px);
}

.social-icon.instagram:hover{
  background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
  transform:translateY(-3px);
}

/* RANK + BAN + TOP10 */
.data-table{
  width:min(100%,1100px);
  margin-top:28px;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
.data-table th,.data-table td{
  padding:16px 18px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.9);
}
.data-table th{
  color:#ff7a00;
  background:rgba(0,0,0,.32);
}
.badge{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  font-weight:900;
  font-size:13px;
  background:rgba(255,122,0,.13);
  color:#ff7a00;
  border:1px solid rgba(255,122,0,.25);
}
.badge.green{background:rgba(124,255,155,.12);color:#7cff9b;border-color:rgba(124,255,155,.25)}
.badge.red{background:rgba(255,107,107,.12);color:#ff6b6b;border-color:rgba(255,107,107,.25)}
