* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:'Syne', sans-serif;
  background:#08080c;
  color:#f0eee8;
  overflow-x:hidden;
  cursor:none;
}

/* ── CUSTOM CURSOR ── */
.cursor-dot {
  position:fixed; width:8px; height:8px; border-radius:50%;
  background:#fff; pointer-events:none; z-index:99999;
  transform:translate(-50%,-50%); transition:background 0.2s;
  mix-blend-mode:difference;
}
.cursor-ring {
  position:fixed; width:36px; height:36px; border-radius:50%;
  border:1px solid rgba(255,255,255,0.4); pointer-events:none; z-index:99998;
  transform:translate(-50%,-50%); transition:width 0.3s, height 0.3s, border-color 0.3s;
}

/* ── NAV ── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 48px;
  background:rgba(8,8,12,0.85);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.nav-logo {
  font-family:'DM Mono', monospace; font-size:17px;
  color:#0affb2; text-decoration:none; letter-spacing:0.05em;
}
.nav-links { display:flex; gap:28px; list-style:none; }
.nav-links a {
  font-family:'DM Mono', monospace; font-size:10px;
  color:rgba(240,238,232,0.45); text-decoration:none;
  letter-spacing:0.12em; text-transform:uppercase; transition:color 0.2s;
}
.nav-links a:hover { color:#f0eee8; }
.nav-cta {
  font-family:'DM Mono', monospace; font-size:11px; letter-spacing:0.15em;
  text-transform:uppercase; text-decoration:none;
  background:#0affb2; color:#08080c;
  padding:10px 24px; transition:all 0.25s cubic-bezier(0.23,1,0.32,1);
}
.nav-cta:hover {
  background:#ff2d78 !important; color:#fff !important;
  transform:translateY(-3px) scale(1.06);
  box-shadow:0 8px 24px -4px rgba(255,45,120,0.6);
}

/* ══════════════════════════════════════
   HERO
   ══════════════════════════════════════ */
#hero {
  min-height:100vh;
  background:#08080c;
  position:relative; overflow:hidden;
  display:grid;
  grid-template-columns: 1fr 1fr;
  align-items:center;
  padding:80px 0 0 80px;
}
.hero-left-col {
  display:flex; flex-direction:column;
  justify-content:center;
  position:relative; z-index:3;
  padding-right:32px;
  padding-bottom:60px;
}
.hero-figure-col {
  position:relative;
  height:100vh;
  display:flex; align-items:stretch;
  overflow:hidden;
}
.hero-figure-img {
  width:100%; height:100%;
  object-fit:cover; object-position:center top;
  mix-blend-mode:screen;
  filter:sepia(1) hue-rotate(118deg) saturate(2.4) brightness(1.1);
  opacity:0.9;
  animation:figureReveal 1.2s 0.4s both;
}
@keyframes figureReveal {
  from { opacity:0; transform:scale(1.04) translateY(12px); }
  to   { opacity:0.9; transform:scale(1) translateY(0); }
}
.hero-figure-col::before {
  content:'';
  position:absolute; top:0; left:0;
  width:60%; height:100%;
  background:linear-gradient(90deg, #08080c 0%, #08080c 20%, rgba(8,8,12,0.75) 55%, transparent 100%);
  z-index:2; pointer-events:none;
}
.hero-figure-col::after {
  content:'';
  position:absolute; bottom:0; left:0; right:0;
  height:28%;
  background:linear-gradient(0deg, #08080c 0%, transparent 100%);
  z-index:2; pointer-events:none;
}
.hero-figure-scanlines {
  position:absolute; inset:0; z-index:3; pointer-events:none;
  background:repeating-linear-gradient(
    0deg, transparent, transparent 3px,
    rgba(10,255,178,0.015) 3px, rgba(10,255,178,0.015) 4px
  );
}
.hero-grid-bg {
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(10,255,178,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10,255,178,0.04) 1px, transparent 1px);
  background-size:60px 60px;
}
.hero-glow1 {
  position:absolute; width:700px; height:700px; border-radius:50%;
  background:radial-gradient(circle, rgba(10,255,178,0.12) 0%, transparent 65%);
  top:-200px; right:-100px; pointer-events:none;
}
.hero-glow2 {
  position:absolute; width:400px; height:400px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,45,120,0.08) 0%, transparent 65%);
  bottom:-100px; left:200px; pointer-events:none;
}
.hero-eyebrow {
  font-family:'DM Mono', monospace; font-size:11px; color:#0affb2;
  letter-spacing:0.3em; text-transform:uppercase; margin-bottom:28px;
  display:flex; align-items:center; gap:16px;
  animation:fadeUp 0.7s 0.1s both;
}
.hero-eyebrow::before { content:''; width:32px; height:1px; background:#0affb2; }
.hero-heading {
  font-family:'Black Ops One', sans-serif;
  font-size:clamp(72px,9.5vw,156px);
  line-height:0.82; letter-spacing:-0.03em;
  color:#f0eee8;
  animation:fadeUp 0.7s 0.2s both;
  position:relative; z-index:4;
  width:170%;
  pointer-events:none;
}
.hero-heading .mint { color:#0affb2; }
.hero-heading .stroke {
  -webkit-text-stroke:2px #f0eee8;
  color:transparent;
}
.hero-sub-row {
  display:flex; align-items:flex-end; justify-content:space-between;
  margin-top:40px;
  animation:fadeUp 0.7s 0.35s both;
  position:relative; z-index:2;
}
.hero-tagline {
  font-family:'Black Ops One', sans-serif;
  font-size:clamp(32px,4.5vw,64px);
  color:rgba(240,238,232,0.2);
  letter-spacing:0.04em; line-height:1;
}
.hero-desc-col { max-width:380px; }
.hero-desc {
  font-size:14px; line-height:1.8;
  color:rgba(240,238,232,0.55); margin-bottom:28px;
}
.hero-desc strong { color:#f0eee8; }
.btn-hero {
  display:inline-block; text-decoration:none;
  font-family:'DM Mono', monospace; font-size:12px;
  letter-spacing:0.15em; text-transform:uppercase;
  background:#0affb2; color:#08080c;
  padding:16px 40px; transition:all 0.3s cubic-bezier(0.23,1,0.32,1);
  position:relative;
}
.btn-hero:hover {
  background:#ff2d78 !important; color:#fff !important;
  transform:translateY(-4px) scale(1.06) !important;
  box-shadow:0 16px 40px -8px rgba(255,45,120,0.7);
}
.hero-bottom {
  display:flex; flex-direction:column; gap:28px; margin-top:72px;
  padding-top:40px; border-top:1px solid rgba(255,255,255,0.08);
  max-width:480px;
}
.hero-apply-btn {
  position:absolute; bottom:48px; right:80px; z-index:10;
}
.hero-stat { display:flex; flex-direction:column; gap:6px; }
.hero-stat-num {
  font-family:'Black Ops One', sans-serif;
  font-size:42px; color:#0affb2; line-height:1;
}
.hero-stat-label {
  font-family:'DM Mono', monospace; font-size:10px;
  color:rgba(240,238,232,0.35); letter-spacing:0.2em; text-transform:uppercase;
}

/* ══════════════════════════════════════
   SHARED SECTION STYLES
   ══════════════════════════════════════ */
.section-header {
  padding:0; margin-bottom:64px; position:relative; z-index:2;
}
.section-kicker {
  font-family:'DM Mono', monospace; font-size:10px;
  letter-spacing:0.3em; text-transform:uppercase;
  margin-bottom:16px; display:flex; align-items:center; gap:12px;
}
.kicker-num {
  background:var(--kicker-bg, #6366f1); color:#fff;
  width:24px; height:24px; display:flex; align-items:center; justify-content:center;
  font-size:10px; flex-shrink:0;
}
.section-big-title {
  font-family:'Black Ops One', sans-serif;
  font-size:clamp(52px,7vw,100px);
  line-height:0.88; letter-spacing:0.02em;
}
.section-desc {
  font-size:14px; color:rgba(255,255,255,0.35); margin-top:20px;
  max-width:560px; line-height:1.8;
}
.sep-line {
  height:1px;
  background:linear-gradient(90deg, transparent, var(--sep-color, rgba(255,255,255,0.08)), transparent);
}
.section-link {
  display:inline-flex; align-items:center; gap:10px;
  font-family:'DM Mono', monospace; font-size:11px;
  letter-spacing:0.15em; text-transform:uppercase;
  text-decoration:none; margin-top:32px;
  transition:all 0.25s; position:relative;
}
.section-link::after {
  content:'→'; transition:transform 0.25s;
}
.section-link:hover::after { transform:translateX(6px); }

.pill {
  font-family:'DM Mono', monospace; font-size:9px;
  letter-spacing:0.12em; text-transform:uppercase;
  padding:4px 10px;
  background:rgba(255,255,255,0.07);
  color:rgba(255,255,255,0.5);
  border:1px solid rgba(255,255,255,0.1);
}

/* ══════════════════════════════════════
   SECTION — PROGRAMS
   World: Deep cobalt/indigo, electric blue
   ══════════════════════════════════════ */
#programs {
  background:#0d0b2e;
  padding:140px 80px;
  position:relative; overflow:hidden;
}
.programs-bg-text {
  position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  font-family:'Black Ops One', sans-serif;
  font-size:280px; color:rgba(99,102,241,0.04);
  white-space:nowrap; pointer-events:none; letter-spacing:-0.05em;
}
.programs-glow {
  position:absolute; width:800px; height:800px; border-radius:50%;
  background:radial-gradient(circle, rgba(99,102,241,0.12) 0%, transparent 60%);
  top:50%; left:50%; transform:translate(-50%,-50%);
  pointer-events:none;
}
.programs-grid {
  display:grid; grid-template-columns:repeat(3, 1fr);
  gap:2px; position:relative; z-index:2;
  perspective:1200px; transform-style:preserve-3d; overflow:visible;
}
.program-card {
  padding:48px 36px;
  position:relative; overflow:hidden;
  cursor:default; transition:all 0.35s cubic-bezier(0.23,1,0.32,1);
  display:block;
  border:1px solid rgba(255,255,255,0.06);
  background:rgba(255,255,255,0.02);
  will-change:transform;
}
a.program-card { cursor:pointer; }
.program-card:hover {
  transform:perspective(900px) rotateX(-5deg) translateY(-16px) scale(1.04);
  box-shadow:0 32px 64px -12px rgba(0,0,0,0.8), 0 0 0 1px var(--card-color),
    0 0 32px -4px var(--card-color), 0 0 80px -20px var(--card-color);
  border-color:var(--card-color);
  background:rgba(255,255,255,0.05);
  z-index:10;
}
.program-card.disabled {
  opacity:0.45;
}
.program-card.disabled:hover {
  transform:none;
  box-shadow:none;
  border-color:rgba(255,255,255,0.06);
  background:rgba(255,255,255,0.02);
  z-index:1;
}
.program-card-icon {
  font-size:40px; margin-bottom:24px; display:block;
  filter:drop-shadow(0 0 16px var(--card-color));
}
.program-card:hover .program-card-icon {
  filter:drop-shadow(0 0 28px var(--card-color)) drop-shadow(0 0 8px var(--card-color));
  transform:scale(1.15); transition:all 0.3s;
}
.program-card.disabled:hover .program-card-icon {
  filter:drop-shadow(0 0 16px var(--card-color));
  transform:none;
}
.program-card-name {
  font-family:'Black Ops One', sans-serif;
  font-size:28px; color:#fff; margin-bottom:12px; line-height:1.1;
}
.program-card-desc {
  font-size:13px; color:rgba(255,255,255,0.5);
  line-height:1.75; margin-bottom:20px;
}
.program-status {
  font-family:'DM Mono', monospace; font-size:9px;
  letter-spacing:0.15em; text-transform:uppercase;
  padding:4px 12px; margin-bottom:16px; display:inline-block;
}
.status-active { background:rgba(10,255,178,0.15); color:#0affb2; border:1px solid rgba(10,255,178,0.4); }
.status-soon { background:rgba(255,200,0,0.12); color:#ffc800; border:1px solid rgba(255,200,0,0.3); }
.program-pills { display:flex; flex-wrap:wrap; gap:6px; }
.program-card-bar {
  position:absolute; bottom:0; left:0; right:0;
  height:3px; background:var(--card-color);
  transform:scaleX(0); transform-origin:left;
  transition:transform 0.4s ease;
}
.program-card:hover .program-card-bar { transform:scaleX(1); }
.program-card.disabled:hover .program-card-bar { transform:scaleX(0); }
.program-yt-link {
  display:inline-flex; align-items:center; gap:8px;
  font-family:'DM Mono', monospace; font-size:10px;
  color:#ff0000; text-decoration:none;
  margin-top:12px; padding:6px 14px;
  border:1px solid rgba(255,0,0,0.3);
  background:rgba(255,0,0,0.08);
  transition:all 0.2s;
  letter-spacing:0.1em;
}
.program-yt-link:hover {
  background:rgba(255,0,0,0.2);
  border-color:rgba(255,0,0,0.6);
}

/* ══════════════════════════════════════
   SECTION — COMMUNITY
   World: Warm teal, dark
   ══════════════════════════════════════ */
#community {
  background:#040d0d;
  padding:140px 80px;
  position:relative; overflow:hidden;
}
.community-glow {
  position:absolute; width:800px; height:800px; border-radius:50%;
  background:radial-gradient(circle, rgba(0,210,180,0.08) 0%, transparent 60%);
  top:50%; left:30%; transform:translate(-50%,-50%);
  pointer-events:none;
}
.community-grid {
  display:grid; grid-template-columns:1fr 1fr;
  gap:2px; position:relative; z-index:2;
  perspective:1200px; transform-style:preserve-3d; overflow:visible;
}
.community-card {
  padding:56px 44px;
  background:rgba(0,210,180,0.04);
  border:1px solid rgba(0,210,180,0.12);
  position:relative; overflow:hidden;
  transition:all 0.35s cubic-bezier(0.23,1,0.32,1);
  cursor:default;
}
.community-card:hover {
  background:rgba(0,210,180,0.09);
  border-color:rgba(0,210,180,0.3);
  transform:perspective(900px) rotateX(-4deg) translateY(-14px) scale(1.03);
  box-shadow:0 28px 56px -10px rgba(0,0,0,0.85),
    0 0 0 1px rgba(0,210,180,0.5), 0 0 40px -8px rgba(0,210,180,0.3);
  z-index:10;
}
.community-card-icon {
  font-size:48px; margin-bottom:24px; display:block;
}
.community-card-name {
  font-family:'Black Ops One', sans-serif;
  font-size:36px; color:#fff; margin-bottom:16px; line-height:1;
}
.community-card-desc {
  font-size:13px; color:rgba(255,255,255,0.45);
  line-height:1.8; margin-bottom:24px;
}
.community-features {
  list-style:none; display:flex; flex-direction:column; gap:8px;
}
.community-features li {
  font-family:'DM Mono', monospace; font-size:10px;
  color:rgba(255,255,255,0.4); padding-left:16px; position:relative;
}
.community-features li::before {
  content:'·'; position:absolute; left:0; color:#00d2b4;
}

/* ══════════════════════════════════════
   SECTION — MAGAZINE & SOCIAL
   World: Purple/neon glassmorphism
   ══════════════════════════════════════ */
#magazine {
  background:#0a0520;
  padding:140px 80px;
  position:relative; overflow:hidden;
}
.mag-glow1 {
  position:absolute; width:600px; height:600px; border-radius:50%;
  background:radial-gradient(circle, rgba(168,85,247,0.15) 0%, transparent 60%);
  top:-100px; right:-100px; pointer-events:none;
}
.mag-glow2 {
  position:absolute; width:500px; height:500px; border-radius:50%;
  background:radial-gradient(circle, rgba(236,72,153,0.1) 0%, transparent 60%);
  bottom:-100px; left:100px; pointer-events:none;
}
.mag-layout {
  display:grid; grid-template-columns:1fr 1fr;
  gap:48px; position:relative; z-index:2; align-items:start;
}
/* Glassmorphism magazine card */
.mag-glass-card {
  background:rgba(168,85,247,0.08);
  backdrop-filter:blur(24px);
  border:1px solid rgba(168,85,247,0.25);
  border-radius:16px;
  padding:56px 48px;
  position:relative; overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,0.4),
    inset 0 1px 0 rgba(255,255,255,0.08);
  transition:all 0.4s cubic-bezier(0.23,1,0.32,1);
}
a.mag-glass-card { cursor:pointer; display:block; }
.mag-glass-card:hover {
  transform:translateY(-8px);
  box-shadow:0 24px 64px rgba(0,0,0,0.5),
    0 0 60px -10px rgba(168,85,247,0.4),
    inset 0 1px 0 rgba(255,255,255,0.12);
  border-color:rgba(168,85,247,0.5);
}
.mag-glass-card::before {
  content:''; position:absolute; top:-50%; left:-50%;
  width:200%; height:200%;
  background:conic-gradient(from 180deg, transparent, rgba(168,85,247,0.1), transparent, rgba(236,72,153,0.08), transparent);
  animation:magRotate 8s linear infinite;
  pointer-events:none;
}
@keyframes magRotate { to { transform:rotate(360deg); } }
.mag-glass-card > * { position:relative; z-index:2; }
.mag-neon-title {
  font-family:'Black Ops One', sans-serif;
  font-size:48px; color:#fff; line-height:0.95; margin-bottom:20px;
  text-shadow:0 0 40px rgba(168,85,247,0.5), 0 0 80px rgba(168,85,247,0.2);
}
.mag-desc {
  font-size:14px; color:rgba(255,255,255,0.5);
  line-height:1.85; margin-bottom:28px;
}
.mag-badge {
  display:inline-flex; align-items:center; gap:8px;
  font-family:'DM Mono', monospace; font-size:10px;
  color:#c084fc; letter-spacing:0.2em; text-transform:uppercase;
  margin-bottom:24px; padding:6px 14px;
  background:rgba(168,85,247,0.15); border:1px solid rgba(168,85,247,0.3);
  border-radius:4px;
}
/* Social platforms */
.social-grid {
  display:flex; flex-direction:column; gap:2px;
}
.social-card {
  display:flex; align-items:center; gap:20px;
  padding:24px 28px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  transition:all 0.3s cubic-bezier(0.23,1,0.32,1);
  text-decoration:none; color:#fff;
}
.social-card:hover {
  background:rgba(255,255,255,0.07);
  border-color:var(--social-color);
  transform:translateX(8px);
  box-shadow:0 0 24px -4px var(--social-color);
}
.social-card-icon {
  font-size:28px; width:48px; height:48px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--social-color);
  background:color-mix(in srgb, var(--social-color) 10%, transparent);
  flex-shrink:0;
}
.social-card-info { display:flex; flex-direction:column; gap:4px; }
.social-card-name {
  font-family:'Syne', sans-serif; font-weight:700;
  font-size:15px; color:#fff;
}
.social-card-handle {
  font-family:'DM Mono', monospace; font-size:10px;
  color:rgba(255,255,255,0.35);
}
.social-card-arrow {
  margin-left:auto;
  font-family:'DM Mono', monospace; font-size:14px;
  color:var(--social-color); opacity:0;
  transition:opacity 0.2s, transform 0.2s;
}
.social-card:hover .social-card-arrow {
  opacity:1; transform:translateX(4px);
}
/* GitHub org subsection */
.github-banner {
  margin-top:48px; position:relative; z-index:2;
  padding:40px 44px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.1);
  display:flex; align-items:center; gap:32px;
  transition:all 0.3s;
  text-decoration:none; color:#fff;
}
.github-banner:hover {
  background:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.25);
  transform:translateY(-4px);
  box-shadow:0 16px 40px -8px rgba(0,0,0,0.5);
}
.gh-icon { font-size:48px; flex-shrink:0; }
.gh-info { flex:1; }
.gh-name {
  font-family:'Black Ops One', sans-serif;
  font-size:24px; color:#fff; margin-bottom:8px;
}
.gh-desc {
  font-size:13px; color:rgba(255,255,255,0.4); line-height:1.7;
}
.gh-arrow {
  font-family:'DM Mono', monospace; font-size:20px;
  color:rgba(255,255,255,0.3); transition:all 0.2s;
}
.github-banner:hover .gh-arrow {
  color:#fff; transform:translateX(6px);
}

/* ══════════════════════════════════════
   SECTION — PRODUCTS
   World: Acid lime, deep forest green
   ══════════════════════════════════════ */
#products {
  background:#030d07;
  padding:140px 80px;
  position:relative; overflow:hidden;
}
.products-grid-bg {
  position:absolute; inset:0;
  background-image:
    repeating-linear-gradient(90deg,
      rgba(0,255,100,0.015) 0px, rgba(0,255,100,0.015) 1px,
      transparent 1px, transparent 80px
    );
}
.products-glow {
  position:absolute; width:900px; height:900px; border-radius:50%;
  background:radial-gradient(circle, rgba(0,255,100,0.07) 0%, transparent 60%);
  bottom:-400px; right:-200px; pointer-events:none;
}
.products-layout {
  display:grid; grid-template-columns:1fr 1fr;
  gap:4px; position:relative; z-index:2;
  perspective:1200px; transform-style:preserve-3d; overflow:visible;
}
.product-card {
  --pc:#0,255,100;
  background:rgba(var(--pc),0.03);
  border:1px solid rgba(var(--pc),0.1);
  padding:48px 40px;
  position:relative; overflow:hidden;
  transition:all 0.35s cubic-bezier(0.23,1,0.32,1);
  cursor:default;
}
a.product-card { cursor:pointer; display:block; }
.product-card:hover {
  background:rgba(var(--pc),0.07);
  border-color:rgba(var(--pc),0.25);
  transform:perspective(900px) rotateX(-4deg) translateY(-16px) scale(1.03);
  box-shadow:0 28px 56px -10px rgba(0,0,0,0.85),
    0 0 0 1px rgba(var(--pc),0.5), 0 0 40px -8px rgba(var(--pc),0.4);
  z-index:10;
}
.product-card.featured {
  grid-row:span 2;
  background:rgba(var(--pc),0.05);
  border-color:rgba(var(--pc),0.2);
}
.product-card.featured:hover {
  transform:perspective(900px) rotateX(-3deg) translateY(-20px) scale(1.02);
}
.product-card-tag {
  font-family:'DM Mono', monospace; font-size:9px;
  letter-spacing:0.2em; text-transform:uppercase;
  display:inline-flex; align-items:center; gap:8px;
  margin-bottom:24px; padding:5px 12px;
}
.tag-idea { background:rgba(var(--pc),0.15); color:rgb(var(--pc)); }
.tag-concept { background:rgba(255,200,0,0.12); color:#ffc800; }
.product-card-name {
  font-family:'Black Ops One', sans-serif;
  font-size:32px; color:#fff; line-height:1;
  margin-bottom:16px;
}
.product-card.featured .product-card-name { font-size:44px; }
.product-card-desc {
  font-size:13px; color:rgba(255,255,255,0.45);
  line-height:1.8; margin-bottom:28px;
}
.product-stack { display:flex; flex-wrap:wrap; gap:6px; }
.product-tech {
  font-family:'DM Mono', monospace; font-size:9px;
  color:rgb(var(--pc)); border:1px solid rgba(var(--pc),0.25);
  padding:3px 10px; letter-spacing:0.1em;
}
.product-card-corner {
  position:absolute; bottom:24px; right:24px;
  font-family:'DM Mono', monospace; font-size:48px;
  color:rgba(var(--pc),0.06); line-height:1;
}

/* ══════════════════════════════════════
   SECTION — CAREER
   World: Gold/amber, charcoal
   ══════════════════════════════════════ */
#career {
  background:#0e0900;
  padding:140px 80px;
  position:relative; overflow:hidden;
}
.career-glow {
  position:absolute; width:800px; height:800px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,185,0,0.07) 0%, transparent 60%);
  top:50%; left:50%; transform:translate(-50%,-50%);
  pointer-events:none;
}
.career-grid {
  display:grid; grid-template-columns:repeat(4, 1fr);
  gap:2px; position:relative; z-index:2;
  perspective:1200px; transform-style:preserve-3d; overflow:visible;
}
.career-card {
  background:rgba(255,185,0,0.04);
  border:1px solid rgba(255,185,0,0.1);
  padding:44px 32px;
  display:flex; flex-direction:column; gap:20px;
  transition:all 0.35s cubic-bezier(0.23,1,0.32,1);
  cursor:default; position:relative; overflow:hidden;
}
.career-card:hover {
  background:rgba(255,185,0,0.09);
  border-color:rgba(255,185,0,0.3);
  transform:perspective(900px) rotateX(-6deg) translateY(-18px) scale(1.05);
  box-shadow:0 36px 72px -14px rgba(0,0,0,0.9),
    0 0 0 1px #ffb900, 0 0 40px -8px rgba(255,185,0,0.4);
  z-index:10;
}
.career-card-icon { font-size:36px; }
.career-card-name {
  font-family:'Black Ops One', sans-serif;
  font-size:22px; color:#fff; letter-spacing:0.03em;
}
.career-card-desc {
  font-size:12px; color:rgba(255,255,255,0.4);
  line-height:1.75;
}
.career-card-bar {
  position:absolute; bottom:0; left:0; right:0;
  height:2px; background:linear-gradient(90deg, #ffb900, #ff8c00);
  transform:scaleX(0); transform-origin:left;
  transition:transform 0.4s;
}
.career-card:hover .career-card-bar { transform:scaleX(1); }

/* ══════════════════════════════════════
   SECTION — AI BUILDS CONTEST
   World: Hot red-orange, black
   ══════════════════════════════════════ */
#ai-builds {
  background:#0f0500;
  padding:140px 80px;
  position:relative; overflow:hidden;
}
.ai-bg-num {
  position:absolute; right:-40px; top:50%;
  transform:translateY(-50%);
  font-family:'Black Ops One', sans-serif;
  font-size:400px; line-height:1;
  color:rgba(255,80,0,0.04); pointer-events:none;
}
.ai-glow {
  position:absolute; width:600px; height:600px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,80,0,0.1) 0%, transparent 65%);
  top:50%; left:30%; transform:translateY(-50%);
  pointer-events:none;
}
.ai-layout {
  display:grid; grid-template-columns:1fr 1fr;
  gap:64px; align-items:center; position:relative; z-index:2;
}
.ai-intro {
  font-size:15px; color:rgba(255,255,255,0.45);
  line-height:1.85; margin:28px 0 40px;
}
.ai-stats { display:flex; gap:32px; }
.ai-stat {
  display:flex; flex-direction:column;
  border-left:2px solid rgba(255,80,0,0.3);
  padding-left:20px;
}
.ai-stat-num {
  font-family:'Black Ops One', sans-serif;
  font-size:48px; color:#ff5000; line-height:1;
}
.ai-stat-label {
  font-family:'DM Mono', monospace; font-size:10px;
  color:rgba(255,255,255,0.35); letter-spacing:0.15em; text-transform:uppercase;
}
.ai-visual {
  background:rgba(255,80,0,0.06);
  border:1px solid rgba(255,80,0,0.2);
  padding:56px 48px;
  text-align:center;
  position:relative;
}
.ai-visual-icon {
  font-size:80px; margin-bottom:24px; display:block;
  filter:drop-shadow(0 0 30px rgba(255,80,0,0.4));
}
.ai-visual-title {
  font-family:'Black Ops One', sans-serif;
  font-size:32px; color:#fff; margin-bottom:12px;
}
.ai-visual-sub {
  font-family:'DM Mono', monospace; font-size:11px;
  color:rgba(255,255,255,0.35); letter-spacing:0.15em;
}
.ai-visual-bar {
  position:absolute; bottom:0; left:0; right:0;
  height:3px; background:linear-gradient(90deg, #ff5000, #ff2d78);
}

/* ══════════════════════════════════════
   SECTION — PUBLICATIONS
   World: Rich violet, white
   ══════════════════════════════════════ */
#publications {
  background:#0c0518;
  padding:140px 80px;
  position:relative; overflow:hidden;
}
.pub-glow {
  position:absolute; width:600px; height:600px; border-radius:50%;
  background:radial-gradient(circle, rgba(147,51,234,0.12) 0%, transparent 65%);
  top:50%; left:50%; transform:translate(-50%,-50%);
  pointer-events:none;
}
.pub-grid {
  display:grid; grid-template-columns:repeat(3, 1fr);
  gap:2px; position:relative; z-index:2;
  perspective:1200px; transform-style:preserve-3d; overflow:visible;
}
.pub-card {
  background:rgba(147,51,234,0.06);
  border:1px solid rgba(147,51,234,0.15);
  padding:48px 36px;
  position:relative; overflow:hidden;
  transition:all 0.35s cubic-bezier(0.23,1,0.32,1);
  cursor:default;
  display:flex; flex-direction:column; gap:20px;
}
.pub-card:hover {
  background:rgba(147,51,234,0.14);
  border-color:rgba(147,51,234,0.4);
  transform:perspective(900px) rotateX(-5deg) translateY(-14px) scale(1.04);
  box-shadow:0 30px 60px -12px rgba(0,0,0,0.9),
    0 0 0 1px #9333ea, 0 0 36px -6px rgba(147,51,234,0.4);
  z-index:10;
}
.pub-card-icon { font-size:40px; }
.pub-card-name {
  font-family:'Black Ops One', sans-serif;
  font-size:24px; color:#fff; line-height:1.1;
}
.pub-card-desc {
  font-size:12px; color:rgba(255,255,255,0.45);
  line-height:1.8; flex:1;
}
.pub-coming {
  font-family:'DM Mono', monospace; font-size:9px;
  color:#9333ea; letter-spacing:0.2em; text-transform:uppercase;
  padding:4px 12px;
  background:rgba(147,51,234,0.15); border:1px solid rgba(147,51,234,0.3);
  display:inline-flex; align-self:flex-start;
}

/* ══════════════════════════════════════
   SECTION — CTA
   World: Explosive magenta, black
   ══════════════════════════════════════ */
#cta {
  background:#0a0010;
  padding:160px 80px;
  position:relative; overflow:hidden;
  text-align:center;
}
.cta-glow1 {
  position:absolute; width:900px; height:900px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,0,120,0.15) 0%, transparent 60%);
  top:50%; left:50%; transform:translate(-50%,-50%);
  pointer-events:none;
}
.cta-glow2 {
  position:absolute; width:400px; height:400px; border-radius:50%;
  background:radial-gradient(circle, rgba(10,255,178,0.08) 0%, transparent 65%);
  top:20%; left:10%; pointer-events:none;
}
.cta-bg-word {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  font-family:'Black Ops One', sans-serif;
  font-size:420px; line-height:1;
  color:rgba(255,0,120,0.035); white-space:nowrap;
  pointer-events:none; user-select:none;
}
.cta-label {
  position:relative; z-index:2;
  font-family:'DM Mono', monospace; font-size:11px;
  color:#ff2d78; letter-spacing:0.3em; text-transform:uppercase;
  margin-bottom:32px;
  display:flex; align-items:center; justify-content:center; gap:16px;
}
.cta-label::before, .cta-label::after {
  content:''; width:40px; height:1px; background:#ff2d78;
}
.cta-title {
  position:relative; z-index:2;
  font-family:'Black Ops One', sans-serif;
  font-size:clamp(60px,9vw,130px); line-height:0.88;
  letter-spacing:-0.01em;
  margin-bottom:40px;
}
.cta-title .white { color:#fff; }
.cta-title .pink { color:#ff2d78; }
.cta-title .dim-word { color:rgba(255,255,255,0.15); }
.cta-subtitle {
  position:relative; z-index:2;
  font-size:15px; color:rgba(255,255,255,0.45);
  max-width:500px; margin:0 auto 56px;
  line-height:1.85;
}
.cta-actions {
  position:relative; z-index:2;
  display:flex; gap:16px; justify-content:center; align-items:center;
}
.btn-cta-primary {
  display:inline-block; text-decoration:none;
  font-family:'DM Mono', monospace; font-size:13px;
  letter-spacing:0.15em; text-transform:uppercase;
  background:#ff2d78; color:#fff;
  padding:20px 56px; transition:all 0.3s cubic-bezier(0.23,1,0.32,1);
}
.btn-cta-primary:hover {
  background:#0affb2; color:#08080c;
  transform:translateY(-6px) scale(1.06);
  box-shadow:0 20px 50px -8px rgba(10,255,178,0.6);
}
.btn-cta-secondary {
  display:inline-block; text-decoration:none;
  font-family:'DM Mono', monospace; font-size:13px;
  letter-spacing:0.15em; text-transform:uppercase;
  background:transparent; color:rgba(255,255,255,0.45);
  border:1px solid rgba(255,255,255,0.15);
  padding:20px 40px; transition:all 0.25s;
}
.btn-cta-secondary:hover {
  border-color:rgba(255,255,255,0.5); color:#fff;
  transform:translateY(-4px);
  box-shadow:0 12px 30px -6px rgba(255,255,255,0.15);
}
.cta-footnote {
  position:relative; z-index:2;
  font-family:'DM Mono', monospace; font-size:10px;
  color:rgba(255,255,255,0.2); letter-spacing:0.15em;
  margin-top:40px;
}

/* ══ FOOTER ══ */
footer {
  background:#000; border-top:1px solid rgba(255,255,255,0.06);
  padding:48px 80px;
  display:flex; align-items:center; justify-content:space-between;
}
.footer-brand {
  font-family:'DM Mono', monospace; font-size:16px; color:#0affb2;
}
.footer-copy {
  font-family:'DM Mono', monospace; font-size:10px;
  color:rgba(255,255,255,0.2); letter-spacing:0.1em;
}
.footer-links { display:flex; gap:24px; }
.footer-link {
  font-family:'DM Mono', monospace; font-size:10px;
  color:rgba(255,255,255,0.25); text-decoration:none;
  letter-spacing:0.12em; text-transform:uppercase; transition:color 0.2s;
}
.footer-link:hover { color:#0affb2; }

/* ══ UTILITY ANIMATIONS ══ */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(28px); }
  to { opacity:1; transform:translateY(0); }
}
.reveal {
  opacity:0; transform:translateY(32px);
  transition:opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:0.1s; }
.reveal-delay-2 { transition-delay:0.2s; }
.reveal-delay-3 { transition-delay:0.3s; }
.reveal-delay-4 { transition-delay:0.4s; }
.reveal-delay-5 { transition-delay:0.5s; }
.reveal-delay-6 { transition-delay:0.6s; }

::-webkit-scrollbar { height:4px; width:4px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.1); border-radius:2px; }

/* ══ RESPONSIVE ══ */
@media(max-width:1024px) {
  nav { padding:16px 24px; }
  .nav-links { display:none; }
  #hero { grid-template-columns:1fr; padding:80px 24px 40px; }
  .hero-figure-col { display:none; }
  .hero-heading { width:100%; }
  .hero-sub-row { flex-direction:column; gap:32px; }
  .hero-bottom { flex-wrap:wrap; gap:24px; }
  #programs, #community, #magazine, #products, #career, #ai-builds, #publications, #cta {
    padding-left:24px; padding-right:24px;
  }
  .section-header { padding:0; }
  .programs-grid { grid-template-columns:1fr; }
  .community-grid { grid-template-columns:1fr; }
  .mag-layout { grid-template-columns:1fr; }
  .products-layout { grid-template-columns:1fr; }
  .career-grid { grid-template-columns:1fr 1fr; }
  .ai-layout { grid-template-columns:1fr; }
  .pub-grid { grid-template-columns:1fr; }
  footer { flex-direction:column; gap:24px; text-align:center; padding:32px 24px; }
}
@media(max-width:600px) {
  .career-grid { grid-template-columns:1fr; }
  .hero-bottom { gap:20px; }
  .hero-stat-num { font-size:28px; }
  .ai-stats { flex-direction:column; gap:20px; }
}