/* ==========  HI-TECH "WISH-YOU" RESKIN  ========== */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;900&family=Exo+2:wght@300;400;600&display=swap');

:root{
  --gold:#00FFFF;      /* electric cyan → primary accent */
  --pink:#FF007F;      /* neon magenta → hover pop */
  --dark:#000428;      /* deep-space navy */
  --glass:rgba(0,255,255,.08); /* neon glass */
  --glow:rgba(0,255,255,.35);
}

*{
  box-sizing:border-box;margin:0;padding:0;
  -webkit-tap-highlight-color:transparent;
}
html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}
body{
  font-family:'Exo 2',sans-serif;
  background:#000428; /* solid dark canvas first */
  position:relative;color:#fff;
  line-height:1.6;
  overflow-x:hidden;
}
body::before{ /* bg.jpg ON TOP of dark canvas → visible but subdued */
  content:'';position:fixed;inset:0;
  background:url('bg.jpg') center/cover no-repeat;
  opacity:.35; /* ← dim it so text pops */
  z-index:-1;
}

/* GLOBAL TYPE */
h1,h2,h3{font-family:'Orbitron',sans-serif;font-weight:600;letter-spacing:.5px}
img{max-width:100%;display:block}

/* NAVBAR – glass strip with neon glow */
nav{
  position:sticky;top:0;z-index:1000;
  background:var(--glass);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--gold);
  display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.2rem;
  padding:.75rem 1rem;box-shadow:0 0 20px var(--glow);
}
nav a{
  color:var(--gold);text-decoration:none;font-weight:600;
  padding:.4rem .8rem;border-radius:4px;transition:.3s;
}
nav a:hover{background:var(--pink);color:#000;}

/* BIG LOGO STRIP – glass card with neon border */
.logo-strip{
  width:100%;padding:clamp(2rem,8vw,4rem) 1rem;
  background:var(--glass);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 30px var(--glow);
}
.logo-strip img{
  width:clamp(180px,45vw,500px);
  filter:drop-shadow(0 0 15px var(--gold));
  border:1px solid var(--gold);border-radius:12px;
}

/* HERO – neon-glass card */
.hero{
  min-height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:clamp(2rem,8vw,5rem);
}
.hero h1{
  font-size:clamp(2.5rem,12vw,7rem);
  background:linear-gradient(45deg,var(--gold),var(--pink));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:glow 2s ease-in-out infinite alternate;
}
@keyframes glow{
  from{text-shadow:0 0 10px var(--gold);}
  to{text-shadow:0 0 25px var(--pink);}
}
.hero-sub{font-size:clamp(1.2rem,5vw,2rem);margin:1rem 0 2rem;color:var(--gold);text-shadow:0 2px 4px #000}
.hero-warn{
  background:var(--glass);backdrop-filter:blur(20px);
  border:1px solid var(--gold);border-radius:12px;
  padding:clamp(1rem,3vw,2rem);max-width:90vw;
  box-shadow:0 0 20px var(--glow);
}

/* BUTTONS – neon glass */
.btn{
  display:inline-block;margin:.75rem .5rem;padding:clamp(.6rem,2vw,1rem) clamp(1.2rem,3vw,2rem);
  background:var(--glass);border:1px solid var(--gold);border-radius:8px;
  color:var(--gold);font-weight:700;text-decoration:none;
  transition:.3s;box-shadow:0 0 10px var(--glow);
}
.btn:hover{background:var(--pink);color:#000;box-shadow:0 0 20px var(--pink);}

/* PAGE TITLE */
.page-title{text-align:center;font-size:clamp(2rem,8vw,4rem);color:var(--gold);margin:clamp(2rem,6vw,4rem) 0;text-shadow:0 0 15px var(--glow)}

/* CARDS – neon glass, stacked vertically, centered */
.character-grid,
.video-grid{
  display:grid;
  place-items:center;        /* center each card */
  grid-template-columns:1fr; /* single column → stacked */
  gap:clamp(2rem,5vw,4rem);
  padding:0 clamp(1rem,3vw,3rem);
}
.card{
  width:100%;
  max-width:clamp(320px,90vw,600px);
  background:var(--glass);backdrop-filter:blur(20px);
  border:1px solid var(--gold);border-radius:16px;
  padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;gap:1.2rem;
  transition:.3s;box-shadow:0 8px 32px var(--glow);
}
.card:hover{transform:translateY(-8px) rotate(1deg);box-shadow:0 12px 40px var(--pink);}
.card-head{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--gold);padding-bottom:1rem}
.avatar{width:clamp(90px,15vw,120px);height:clamp(90px,15vw,120px);border-radius:50%;overflow:hidden;background:linear-gradient(45deg,var(--gold),var(--pink));display:grid;place-items:center;font-size:clamp(1.8rem,5vw,2.5rem);box-shadow:0 0 15px var(--glow);}
.avatar img{width:100%;height:100%;object-fit:cover}
.names h3{font-size:clamp(1.2rem,4.5vw,1.6rem);color:var(--gold)}.names .handle{color:var(--pink);font-size:clamp(.8rem,2.8vw,1rem)}
.desc{font-size:clamp(.9rem,2.8vw,1.1rem)}.catch{font-size:clamp(.8rem,2.5vw,1rem);font-style:italic;color:var(--green);background:rgba(0,0,0,.3);padding:.6rem 1rem;border-radius:8px;border:1px dashed var(--green);text-align:center}

/* VIDEO CARD – neon glass */
.v-title{font-size:clamp(1.2rem,4vw,1.4rem);color:var(--gold);margin-bottom:.5rem}
.v-desc{font-size:clamp(.9rem,2.8vw,1.1rem);color:var(--pink);font-style:italic}

/*  ✔  HIGH-VISIBILITY LINKS  ✔  */
.names a,
.handle a{
  color:var(--link) !important;
  text-decoration:none;
  transition:.3s;
}
.names a:hover,
.handle a:hover{
  color:var(--pink) !important;
  text-shadow:0 0 8px var(--pink);
}

/* LIGHTBOX – glass + neon border */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:2000;padding:2rem}.lightbox img{max-width:90%;max-height:90%;border:2px solid var(--gold);border-radius:12px;box-shadow:0 0 30px var(--glow)}.lightbox.show{display:flex}

/* GULAG / FINE PRINT – glass cards */
.gulag-page,.legal-page{padding:clamp(2rem,6vw,4rem) 1rem;text-align:center}
.gulag-page ul{list-style:none;max-width:600px;margin:2rem auto;text-align:left;line-height:1.8}
.gulag-page li{padding-left:1.5rem;position:relative}.gulag-page li::before{content:"⛓️";position:absolute;left:0}
.legal-box{background:var(--glass);backdrop-filter:blur(8px);padding:clamp(1.2rem,4vw,2.5rem);border:1px solid var(--gold);border-radius:12px;text-align:left;box-shadow:0 0 20px var(--glow);}

/* FOOTER – glass strip */
footer{text-align:center;padding:clamp(2rem,6vw,4rem) 1rem;background:var(--glass);backdrop-filter:blur(8px);border-top:1px solid var(--gold);box-shadow:0 -8px 32px var(--glow);}
footer p{font-size:clamp(.9rem,2.8vw,1.1rem);max-width:700px;margin:.5rem auto}

/* PROFIT COUNTER – neon glass badge */
.profit{
  position:fixed;top:clamp(60px,10vw,100px);right:clamp(10px,3vw,20px);
  background:var(--glass);backdrop-filter:blur(8px);
  border:1px solid var(--gold);border-radius:8px;
  color:var(--gold);font-weight:900;font-size:clamp(.8rem,3vw,1.2rem);
  padding:clamp(.5rem,2vw,.8rem) clamp(.8rem,2.5vw,1.2rem);
  box-shadow:0 0 20px var(--glow);z-index:999;
}

/* ===== CREATOR HEAD-SHOT FIX ===== */
/* bigger + circular + vertical stack */
.creators .character-grid{
  display:grid;
  grid-template-columns:1fr;                   /* single column → stacked */
  place-items:center;                          /* center each card */
  gap:2rem;
  padding:0 1rem;
}
.creators .card{
  width:100%;
  max-width:clamp(320px,90vw,500px);          /* phone → desktop cap */
}
.creators .avatar{
  width:clamp(90px,15vw,120px);               /* ≈ 45% bigger */
  height:clamp(90px,15vw,120px);
  border-radius:50%;                           /* perfect circle */
  overflow:hidden;
  background:linear-gradient(45deg,var(--gold),var(--pink));
  display:grid;place-items:center;
}
.creators .avatar img{
  width:100%;height:100%;object-fit:cover;
}