/* ============================================================
   ASELECTA ENTERTAINMENT — SHARED STYLES
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Cormorant:ital,wght@0,300;0,400;1,300;1,400&family=Barlow+Condensed:wght@200;300;400;500;600;700&display=swap');

:root {
  --cyan:    #00D4FF;
  --purple:  #9B30FF;
  --magenta: #D4006A;
  --orange:  #FF6B00;
  --grad: linear-gradient(135deg, var(--cyan) 0%, var(--purple) 40%, var(--magenta) 65%, var(--orange) 100%);
  --grad-h:  linear-gradient(90deg,  var(--cyan) 0%, var(--purple) 50%, var(--orange) 100%);
  --black:   #050505;
  --dark:    #0C0C0C;
  --mid:     #141414;
  --border:  rgba(155,48,255,0.18);
  --border-c:rgba(0,212,255,0.15);
  --text:    #F2F2F2;
  --muted:   rgba(242,242,242,0.45);
  --dim:     rgba(242,242,242,0.22);
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  background:var(--black); color:var(--text);
  font-family:'Rajdhani',sans-serif; font-weight:400;
  overflow-x:hidden; cursor:none;
}

/* ── CURSOR ── */
#cur      { position:fixed; width:8px; height:8px; border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); background:var(--cyan); transition:background .3s; }
#cur-ring { position:fixed; width:32px; height:32px; border-radius:50%; border:1px solid rgba(155,48,255,.6); pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:width .2s,height .2s,border-color .3s; }

/* ── GRAD TEXT ── */
.gt { background:var(--grad-h); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ── NAV ── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:200;
  display:flex; align-items:center; justify-content:space-between;
  padding:24px 56px;
  transition:padding .3s,background .3s,backdrop-filter .3s;
}
nav.scrolled { padding:14px 56px; background:rgba(5,5,5,.93); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }
.nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.nav-logo img { height:36px; width:auto; }
.nav-logo-text { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; background:var(--grad-h); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nav-links { display:flex; gap:36px; list-style:none; }
.nav-links a { font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); text-decoration:none; font-weight:500; transition:color .2s; position:relative; }
.nav-links a::after { content:''; position:absolute; bottom:-4px; left:0; width:0; height:1px; background:var(--grad); transition:width .3s; }
.nav-links a:hover,.nav-links a.active { color:var(--text); }
.nav-links a:hover::after,.nav-links a.active::after { width:100%; }
.nav-cta { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.25em; text-transform:uppercase; font-weight:600; padding:11px 26px; text-decoration:none; color:var(--black); background:var(--grad); transition:opacity .2s,transform .2s; }
.nav-cta:hover { opacity:.88; transform:translateY(-1px); }
.nav-ham { display:none; flex-direction:column; gap:5px; cursor:none; background:none; border:none; padding:4px; }
.nav-ham span { display:block; width:24px; height:1.5px; background:var(--text); transition:all .3s; }

/* Mobile nav */
.mobile-menu { display:none; position:fixed; inset:0; z-index:190; background:rgba(5,5,5,.97); flex-direction:column; align-items:center; justify-content:center; gap:36px; }
.mobile-menu.open { display:flex; }
.mobile-menu a { font-family:'Barlow Condensed',sans-serif; font-size:32px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--text); text-decoration:none; transition:color .2s; }
.mobile-menu a:hover { color:var(--purple); }
.mobile-menu-close { position:absolute; top:28px; right:28px; font-size:28px; color:var(--muted); cursor:none; background:none; border:none; }

/* ── TICKER ── */
.ticker { overflow:hidden; padding:11px 0; background:var(--dark); border-top:1px solid var(--border); border-bottom:1px solid var(--border-c); }
.ticker-track { display:flex; white-space:nowrap; animation:tickAnim 38s linear infinite; }
.tick-item { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--muted); padding:0 32px; display:flex; align-items:center; gap:32px; }
.tick-sep { display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--grad); flex-shrink:0; }

/* ── SECTION LABEL ── */
.s-label { font-family:'Barlow Condensed',sans-serif; font-size:10px; letter-spacing:.45em; text-transform:uppercase; color:var(--cyan); margin-bottom:16px; display:flex; align-items:center; gap:12px; }
.s-label::before { content:''; display:block; width:26px; height:1px; background:var(--cyan); }

/* ── BUTTONS ── */
.btn-grad { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.28em; text-transform:uppercase; font-weight:600; padding:15px 36px; text-decoration:none; background:var(--grad); color:var(--black); display:inline-block; transition:transform .2s,opacity .2s; }
.btn-grad:hover { transform:translateY(-2px); opacity:.9; }
.btn-outline { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.28em; text-transform:uppercase; font-weight:500; padding:14px 34px; text-decoration:none; color:var(--text); border:1px solid var(--border); display:inline-block; transition:border-color .2s,color .2s; }
.btn-outline:hover { border-color:var(--purple); color:var(--purple); }

/* ── FOOTER ── */
footer { background:var(--dark); border-top:1px solid var(--border); padding:80px 56px 44px; }
.foot-top { max-width:1300px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:56px; padding-bottom:52px; border-bottom:1px solid var(--border); }
.foot-brand-logo { height:44px; margin-bottom:18px; }
.foot-brand p { font-size:13px; color:var(--muted); line-height:1.8; max-width:260px; margin-bottom:26px; }
.socials { display:flex; gap:10px; }
.soc { width:36px; height:36px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:600; color:var(--dim); text-decoration:none; transition:border-color .25s,color .25s; }
.soc:hover { border-color:var(--purple); color:var(--purple); }
.foot-col h4 { font-family:'Barlow Condensed',sans-serif; font-size:9px; letter-spacing:.4em; text-transform:uppercase; background:var(--grad-h); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:18px; }
.foot-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.foot-col a { font-family:'Barlow Condensed',sans-serif; font-size:14px; color:var(--muted); text-decoration:none; letter-spacing:.05em; transition:color .2s; }
.foot-col a:hover { color:var(--text); }
.foot-bottom { max-width:1300px; margin:0 auto; padding-top:22px; display:flex; align-items:center; justify-content:space-between; }
.foot-bottom p { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.06em; color:rgba(242,242,242,.18); }
.foot-legal { display:flex; gap:24px; }
.foot-legal a { font-family:'Barlow Condensed',sans-serif; font-size:11px; color:rgba(242,242,242,.18); text-decoration:none; transition:color .2s; }
.foot-legal a:hover { color:var(--muted); }

/* ── REVEAL ANIMATIONS ── */
@keyframes fadeUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }
@keyframes tickAnim { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.reveal { opacity:0; transform:translateY(28px); transition:opacity .75s ease,transform .75s ease; }
.reveal.vis { opacity:1; transform:translateY(0); }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s} .d4{transition-delay:.4s} .d5{transition-delay:.5s}

/* ── GRID OVERLAY ── */
.grid-overlay {
  position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(155,48,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 80%);
}

/* ── PAGE HERO (inner pages) ── */
.page-hero { position:relative; padding:180px 56px 100px; overflow:hidden; }
.page-hero-bg { position:absolute; inset:0; background:linear-gradient(160deg,#050505 0%,#0d0510 60%,#050505 100%); }
.page-hero h1 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(56px,8vw,120px); font-weight:700; text-transform:uppercase; line-height:.92; letter-spacing:.03em; position:relative; z-index:1; }
.page-hero p { font-family:'Cormorant',serif; font-style:italic; font-size:19px; color:var(--muted); max-width:520px; line-height:1.7; margin-top:24px; position:relative; z-index:1; }

/* ── RESPONSIVE ── */
@media(max-width:960px){
  nav { padding:18px 24px; }
  nav.scrolled { padding:12px 24px; }
  .nav-links,.nav-cta { display:none; }
  .nav-ham { display:flex; }
  footer { padding:60px 24px 36px; }
  .foot-top { grid-template-columns:1fr 1fr; gap:32px; }
  .foot-bottom { flex-direction:column; gap:12px; text-align:center; }
  .page-hero { padding:140px 24px 80px; }
}