@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600;700&display=swap');

:root {
  --bg: #030a05;
  --bg2: #060f07;
  --green: #00ff41;
  --green-dim: #00cc33;
  --green-dark: #003311;
  --yellow: #d4ff00;
  --red: #ff2244;
  --glass: rgba(0,255,65,0.05);
  --glass-border: rgba(0,255,65,0.15);
  --text: #c8ffd4;
  --text-dim: #5a8a60;
}

* { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Rajdhani', sans-serif;
  overflow-x: hidden;
}

/* SCANLINES */
body::before {
  content:'';
  position:fixed;
  inset:0;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 4px);
  pointer-events:none;
  z-index:9999;
}

/* NAV */
nav {
  position:fixed;
  top:0; left:0; right:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 1rem 3rem;
  background: rgba(3,10,5,0.85);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--glass-border);
}

.nav-logo {
  font-family:'Orbitron',monospace;
  font-size:1.4rem;
  font-weight:900;
  color: var(--green);
  text-shadow: 0 0 20px var(--green);
  letter-spacing:3px;
  display:flex;
  align-items:center;
  gap:0.5rem;
}

.nav-logo .biohazard { font-size:1.6rem; animation: spin 8s linear infinite; }

@keyframes spin { to { transform: rotate(360deg); } }

.nav-links { display:flex; gap:2rem; list-style:none; }
.nav-links a {
  color: var(--text-dim);
  text-decoration:none;
  font-size:0.9rem;
  letter-spacing:2px;
  text-transform:uppercase;
  transition: color 0.3s, text-shadow 0.3s;
}
.nav-links a:hover { color: var(--green); text-shadow: 0 0 10px var(--green); }

.btn-connect {
  background: transparent;
  border: 1px solid var(--green);
  color: var(--green);
  padding: 0.5rem 1.5rem;
  font-family:'Orbitron',monospace;
  font-size:0.75rem;
  letter-spacing:2px;
  cursor:pointer;
  transition: all 0.3s;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
.btn-connect:hover { background: var(--green); color: var(--bg); box-shadow: 0 0 20px var(--green); }

/* HERO */
#hero {
  min-height: 100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  padding-top:80px;
}

.hero-bg {
  position:absolute;
  inset:0;
  background: radial-gradient(ellipse at 50% 40%, rgba(0,80,20,0.3) 0%, transparent 70%);
}

#particles-canvas {
  position:absolute;
  inset:0;
  pointer-events:none;
}

.hero-content {
  position:relative;
  z-index:2;
  text-align:center;
  max-width:900px;
  padding:2rem;
}

.hero-tag {
  display:inline-block;
  background: var(--glass);
  border: 1px solid var(--glass-border);
  color: var(--green);
  font-family:'Share Tech Mono',monospace;
  font-size:0.75rem;
  padding:0.4rem 1.2rem;
  letter-spacing:3px;
  margin-bottom:1.5rem;
}

.hero-title {
  font-family:'Orbitron',monospace;
  font-size: clamp(3rem,10vw,7rem);
  font-weight:900;
  line-height:1;
  color: var(--green);
  text-shadow: 0 0 40px var(--green), 0 0 80px rgba(0,255,65,0.3);
  margin-bottom:0.5rem;
}

.hero-subtitle {
  font-family:'Orbitron',monospace;
  font-size: clamp(0.9rem,2vw,1.3rem);
  color: var(--text-dim);
  letter-spacing:6px;
  text-transform:uppercase;
  margin-bottom:2rem;
}

.hero-desc {
  font-size:1.1rem;
  color: var(--text-dim);
  max-width:600px;
  margin:0 auto 2.5rem;
  line-height:1.7;
}

.hero-virus-art {
  font-size: clamp(6rem,15vw,12rem);
  line-height:1;
  margin-bottom:1rem;
  animation: pulse-glow 3s ease-in-out infinite;
}

@keyframes pulse-glow {
  0%,100% { filter: drop-shadow(0 0 10px var(--green)) drop-shadow(0 0 30px rgba(0,255,65,0.3)); }
  50% { filter: drop-shadow(0 0 30px var(--green)) drop-shadow(0 0 60px rgba(0,255,65,0.6)); }
}

.hero-stats {
  display:flex;
  gap:2rem;
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom:2.5rem;
}

.stat-box {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  padding:1rem 2rem;
  text-align:center;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}

.stat-val {
  font-family:'Orbitron',monospace;
  font-size:1.8rem;
  font-weight:900;
  color: var(--green);
  text-shadow: 0 0 15px var(--green);
}

.stat-label {
  font-size:0.75rem;
  letter-spacing:2px;
  color: var(--text-dim);
  text-transform:uppercase;
}

.btn-primary {
  display:inline-block;
  background: linear-gradient(135deg, var(--green-dark), var(--green-dim));
  border: 1px solid var(--green);
  color: var(--bg);
  padding:1rem 3rem;
  font-family:'Orbitron',monospace;
  font-size:0.9rem;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  cursor:pointer;
  transition: all 0.3s;
  text-decoration:none;
  clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
  box-shadow: 0 0 30px rgba(0,255,65,0.2);
}
.btn-primary:hover { background: var(--green); box-shadow: 0 0 50px rgba(0,255,65,0.5); transform:translateY(-2px); }

/* SECTIONS COMMON */
section { padding: 6rem 2rem; }
.section-header { text-align:center; margin-bottom:4rem; }
.section-tag {
  font-family:'Share Tech Mono',monospace;
  font-size:0.75rem;
  color: var(--green);
  letter-spacing:4px;
  text-transform:uppercase;
  margin-bottom:0.8rem;
}
.section-title {
  font-family:'Orbitron',monospace;
  font-size: clamp(1.8rem,4vw,3rem);
  font-weight:900;
  color: var(--text);
  text-shadow: 0 0 20px rgba(0,255,65,0.2);
}
.section-line {
  width:60px; height:2px;
  background: linear-gradient(90deg, transparent, var(--green), transparent);
  margin:1rem auto 0;
}

.container { max-width:1200px; margin:0 auto; }

/* ABOUT */
#about { background: var(--bg2); }
.about-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  align-items:center;
  max-width:1100px;
  margin:0 auto;
}

.about-text h3 {
  font-family:'Orbitron',monospace;
  font-size:1.4rem;
  color: var(--green);
  margin-bottom:1rem;
}
.about-text p { color: var(--text-dim); line-height:1.8; margin-bottom:1.2rem; font-size:1rem; }

.virus-diagram {
  position:relative;
  width:280px;
  height:280px;
  margin:0 auto;
}

.virus-circle {
  position:absolute;
  border-radius:50%;
  border: 1px solid var(--glass-border);
  display:flex;
  align-items:center;
  justify-content:center;
  animation: orbit 10s linear infinite;
}

.virus-core {
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:100px; height:100px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(0,255,65,0.3), rgba(0,80,20,0.8));
  border: 2px solid var(--green);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:3rem;
  box-shadow: 0 0 30px var(--green), inset 0 0 20px rgba(0,255,65,0.2);
  animation: pulse-glow 2s ease-in-out infinite;
}

.spike {
  position:absolute;
  width:8px; height:30px;
  background: var(--green);
  border-radius:4px;
  transform-origin: bottom center;
  box-shadow: 0 0 8px var(--green);
}

/* MINT */
#mint {
  background: var(--bg);
  position:relative;
  overflow:hidden;
}
#mint::before {
  content:'';
  position:absolute;
  inset:0;
  background: radial-gradient(ellipse at 50% 50%, rgba(0,60,15,0.2), transparent 70%);
}

.mint-box {
  position:relative;
  max-width:600px;
  margin:0 auto;
  background: var(--glass);
  border: 1px solid var(--glass-border);
  padding:3rem;
  backdrop-filter:blur(10px);
  clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
}

.mint-info {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.5rem;
  margin-bottom:2rem;
}

.mint-info-item { text-align:center; }
.mint-info-val {
  font-family:'Orbitron',monospace;
  font-size:2rem;
  font-weight:900;
  color: var(--green);
  text-shadow: 0 0 15px var(--green);
}
.mint-info-label { font-size:0.75rem; letter-spacing:2px; color: var(--text-dim); text-transform:uppercase; }

.mint-counter {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1rem;
  margin-bottom:2rem;
}

.counter-btn {
  width:44px; height:44px;
  background: var(--glass);
  border: 1px solid var(--glass-border);
  color: var(--green);
  font-size:1.5rem;
  cursor:pointer;
  transition:all 0.3s;
  font-family:'Orbitron',monospace;
}
.counter-btn:hover { background: var(--green); color: var(--bg); box-shadow: 0 0 15px var(--green); }

#mint-amount {
  font-family:'Orbitron',monospace;
  font-size:2.5rem;
  font-weight:900;
  color: var(--green);
  text-shadow: 0 0 20px var(--green);
  min-width:60px;
  text-align:center;
}

.mint-progress {
  margin-bottom:2rem;
}
.mint-progress-label {
  display:flex;
  justify-content:space-between;
  font-family:'Share Tech Mono',monospace;
  font-size:0.8rem;
  color: var(--text-dim);
  margin-bottom:0.5rem;
}
.progress-bar {
  height:8px;
  background: var(--green-dark);
  border: 1px solid var(--glass-border);
  overflow:hidden;
}
.progress-fill {
  height:100%;
  background: linear-gradient(90deg, var(--green-dim), var(--green));
  box-shadow: 0 0 10px var(--green);
  animation: progress-anim 2s ease-out forwards;
  width:0%;
}
@keyframes progress-anim { to { width: 0%; } }

.btn-mint {
  width:100%;
  padding:1.2rem;
  background: linear-gradient(135deg, var(--green-dark), var(--green-dim));
  border: 1px solid var(--green);
  color: var(--bg);
  font-family:'Orbitron',monospace;
  font-size:1rem;
  font-weight:700;
  letter-spacing:3px;
  cursor:pointer;
  transition:all 0.3s;
  text-transform:uppercase;
  clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
}
.btn-mint:hover { background: var(--green); box-shadow: 0 0 40px rgba(0,255,65,0.4); transform:translateY(-2px); }

/* RARITY */
#rarity { background: var(--bg2); }
.rarity-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
  gap:2rem;
  max-width:1100px;
  margin:0 auto;
}

.rarity-card {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  padding:2rem;
  position:relative;
  overflow:hidden;
  transition: transform 0.3s, box-shadow 0.3s;
  clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
}
.rarity-card:hover { transform: translateY(-8px); }

.rarity-card.common { --card-color: #4a9a5a; }
.rarity-card.uncommon { --card-color: #4a7aff; }
.rarity-card.rare { --card-color: #aa44ff; }
.rarity-card.legend { --card-color: #ffaa00; }

.rarity-card { border-color: var(--card-color); box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.rarity-card:hover { box-shadow: 0 0 30px color-mix(in srgb, var(--card-color) 30%, transparent); }

.rarity-badge {
  display:inline-block;
  background: color-mix(in srgb, var(--card-color) 20%, transparent);
  border: 1px solid var(--card-color);
  color: var(--card-color);
  font-family:'Orbitron',monospace;
  font-size:0.65rem;
  padding:0.2rem 0.8rem;
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:1rem;
}

.rarity-icon { font-size:3rem; margin-bottom:1rem; }

.rarity-name {
  font-family:'Orbitron',monospace;
  font-size:1.2rem;
  font-weight:700;
  color: var(--card-color);
  margin-bottom:0.5rem;
  text-shadow: 0 0 10px var(--card-color);
}

.rarity-supply {
  font-family:'Share Tech Mono',monospace;
  font-size:0.8rem;
  color: var(--text-dim);
  margin-bottom:1rem;
}

.rarity-desc { font-size:0.9rem; color: var(--text-dim); line-height:1.6; margin-bottom:1rem; }

.infection-rate {
  margin-top:1rem;
}
.infection-label {
  font-family:'Share Tech Mono',monospace;
  font-size:0.7rem;
  color: var(--text-dim);
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:0.4rem;
  display:flex;
  justify-content:space-between;
}
.infection-bar {
  height:4px;
  background: rgba(255,255,255,0.05);
  border-radius:2px;
  overflow:hidden;
}
.infection-fill {
  height:100%;
  background: linear-gradient(90deg, var(--card-color), color-mix(in srgb, var(--card-color) 50%, white));
  box-shadow: 0 0 6px var(--card-color);
  border-radius:2px;
}

.rarity-traits {
  margin-top:1rem;
  display:flex;
  flex-wrap:wrap;
  gap:0.4rem;
}
.trait-tag {
  background: color-mix(in srgb, var(--card-color) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--card-color) 30%, transparent);
  color: color-mix(in srgb, var(--card-color) 80%, white);
  font-size:0.65rem;
  padding:0.2rem 0.5rem;
  letter-spacing:1px;
  font-family:'Share Tech Mono',monospace;
}

/* WHITEPAPER */
#whitepaper { background: var(--bg); }
.wp-container {
  max-width:900px;
  margin:0 auto;
  background: var(--glass);
  border: 1px solid var(--glass-border);
  padding:3rem;
}
.wp-section { margin-bottom:2.5rem; }
.wp-section h3 {
  font-family:'Orbitron',monospace;
  font-size:1rem;
  color: var(--green);
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:1rem;
  padding-bottom:0.5rem;
  border-bottom: 1px solid var(--glass-border);
}
.wp-section p { color: var(--text-dim); line-height:1.9; margin-bottom:1rem; font-size:0.95rem; }
.wp-section ul { color: var(--text-dim); padding-left:1.5rem; line-height:2; font-size:0.95rem; }
.wp-section ul li::marker { color: var(--green); }

/* ROADMAP */
#roadmap { background: var(--bg2); }
.roadmap-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap:2rem;
  max-width:1100px;
  margin:0 auto;
}
.roadmap-phase {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  border-top: 2px solid var(--green);
  padding:2rem;
  position:relative;
}
.phase-num {
  font-family:'Share Tech Mono',monospace;
  font-size:0.7rem;
  color: var(--green);
  letter-spacing:3px;
  margin-bottom:0.5rem;
}
.phase-title {
  font-family:'Orbitron',monospace;
  font-size:1rem;
  font-weight:700;
  color: var(--text);
  margin-bottom:1rem;
}
.phase-items { list-style:none; }
.phase-items li {
  color: var(--text-dim);
  font-size:0.85rem;
  padding:0.3rem 0;
  border-bottom: 1px solid rgba(0,255,65,0.05);
  display:flex;
  align-items:center;
  gap:0.5rem;
}
.phase-items li::before { content:'›'; color: var(--green); font-size:1.2rem; }

/* TOKENOMICS */
#tokenomics { background: var(--bg); }
.token-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap:1.5rem;
  max-width:900px;
  margin:0 auto;
}
.token-item {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  padding:1.5rem;
  text-align:center;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  transition:transform 0.3s;
}
.token-item:hover { transform:translateY(-4px); }
.token-pct {
  font-family:'Orbitron',monospace;
  font-size:2.5rem;
  font-weight:900;
  color: var(--green);
  text-shadow: 0 0 15px var(--green);
}
.token-name { font-size:0.8rem; letter-spacing:2px; color: var(--text-dim); text-transform:uppercase; margin-top:0.3rem; }

/* FOOTER */
footer {
  background: var(--bg2);
  border-top: 1px solid var(--glass-border);
  padding:3rem 2rem;
  text-align:center;
}
.footer-logo {
  font-family:'Orbitron',monospace;
  font-size:2rem;
  font-weight:900;
  color: var(--green);
  text-shadow: 0 0 20px var(--green);
  margin-bottom:1rem;
}
.footer-links {
  display:flex;
  gap:2rem;
  justify-content:center;
  list-style:none;
  margin-bottom:2rem;
  flex-wrap:wrap;
}
.footer-links a { color: var(--text-dim); text-decoration:none; font-size:0.85rem; letter-spacing:2px; transition:color 0.3s; }
.footer-links a:hover { color: var(--green); }
.footer-disclaimer { font-size:0.75rem; color: var(--text-dim); max-width:700px; margin:0 auto; line-height:1.7; opacity:0.6; }

/* MODAL */
.modal-overlay {
  position:fixed;
  inset:0;
  background: rgba(0,0,0,0.85);
  backdrop-filter:blur(8px);
  z-index:2000;
  display:none;
  align-items:center;
  justify-content:center;
}
.modal-overlay.active { display:flex; }
.modal {
  background: var(--bg2);
  border: 1px solid var(--green);
  box-shadow: 0 0 60px rgba(0,255,65,0.2);
  padding:3rem;
  max-width:480px;
  width:90%;
  text-align:center;
  clip-path: polygon(16px 0%, 100% 0%, calc(100% - 16px) 100%, 0% 100%);
}
.modal h2 {
  font-family:'Orbitron',monospace;
  color: var(--green);
  font-size:1.5rem;
  margin-bottom:1rem;
}
.modal p { color: var(--text-dim); margin-bottom:2rem; line-height:1.7; }
.modal-btn {
  background: var(--green);
  border:none;
  color: var(--bg);
  padding:0.8rem 2rem;
  font-family:'Orbitron',monospace;
  font-size:0.85rem;
  cursor:pointer;
  transition:all 0.3s;
  margin:0.4rem;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
.modal-btn:hover { box-shadow: 0 0 20px var(--green); }
.modal-btn.secondary { background: transparent; border:1px solid var(--glass-border); color: var(--text-dim); }

/* GLITCH EFFECT */
.glitch {
  position:relative;
}
.glitch::before,.glitch::after {
  content: attr(data-text);
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
}
.glitch::before {
  color: #ff0044;
  animation: glitch1 3s infinite;
  clip-path: polygon(0 30%, 100% 30%, 100% 50%, 0 50%);
}
.glitch::after {
  color: #00ffff;
  animation: glitch2 3s infinite;
  clip-path: polygon(0 60%, 100% 60%, 100% 80%, 0 80%);
}
@keyframes glitch1 { 0%,90%,100%{ transform:translate(0); } 91%{ transform:translate(-2px,1px); } 93%{ transform:translate(2px,-1px); } }
@keyframes glitch2 { 0%,90%,100%{ transform:translate(0); } 92%{ transform:translate(2px,1px); } 94%{ transform:translate(-2px,-1px); } }

/* TICKER */
.ticker-wrap {
  background: var(--green-dark);
  border-top: 1px solid var(--green);
  border-bottom: 1px solid var(--green);
  padding:0.5rem 0;
  overflow:hidden;
  white-space:nowrap;
}
.ticker {
  display:inline-block;
  animation: ticker 25s linear infinite;
  font-family:'Share Tech Mono',monospace;
  font-size:0.8rem;
  color: var(--green);
  letter-spacing:3px;
}
@keyframes ticker { from { transform:translateX(100vw); } to { transform:translateX(-100%); } }

/* WHITEPAPER V4 */
#whitepaper { background: var(--bg); }

.wp-v4-layout {
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:220px 1fr;
  gap:3rem;
  align-items:start;
}

.wp-sidebar {
  position:sticky;
  top:90px;
  background: var(--glass);
  border: 1px solid var(--glass-border);
  padding:1.5rem;
}

.wp-sidebar-title {
  font-family:'Share Tech Mono',monospace;
  font-size:0.65rem;
  color: var(--green);
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:1rem;
  padding-bottom:0.5rem;
  border-bottom: 1px solid var(--glass-border);
}

.wp-nav { list-style:none; }
.wp-nav li { margin:0.1rem 0; }
.wp-nav a {
  display:flex;
  align-items:center;
  gap:0.5rem;
  color: var(--text-dim);
  text-decoration:none;
  font-family:'Share Tech Mono',monospace;
  font-size:0.72rem;
  padding:0.35rem 0.5rem;
  border-left: 2px solid transparent;
  transition: all 0.2s;
  letter-spacing:0.5px;
}
.wp-nav a:hover, .wp-nav a.active {
  color: var(--green);
  border-left-color: var(--green);
  background: rgba(0,255,65,0.04);
}
.wp-nav .nav-num { color: var(--green); opacity:0.5; font-size:0.65rem; }

.wp-sidebar-meta {
  margin-top:1.5rem;
  padding-top:1rem;
  border-top: 1px solid var(--glass-border);
  font-family:'Share Tech Mono',monospace;
  font-size:0.65rem;
  color: var(--text-dim);
  line-height:2;
}
.wp-sidebar-meta span { color: var(--green); }

.wp-content {
  min-width:0;
}

.wp-header-block {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  border-left: 3px solid var(--green);
  padding:2rem;
  margin-bottom:2.5rem;
}

.wp-paper-title {
  font-family:'Orbitron',monospace;
  font-size:1.4rem;
  font-weight:700;
  color: var(--text);
  margin-bottom:0.5rem;
}

.wp-paper-subtitle {
  font-family:'Share Tech Mono',monospace;
  font-size:0.8rem;
  color: var(--text-dim);
  letter-spacing:2px;
  margin-bottom:1.2rem;
}

.wp-paper-authors {
  display:flex;
  gap:2rem;
  flex-wrap:wrap;
}

.wp-author {
  font-size:0.8rem;
  color: var(--text-dim);
}
.wp-author strong { color: var(--green); display:block; font-family:'Share Tech Mono',monospace; font-size:0.75rem; }

.wp-section-v4 {
  margin-bottom:2.5rem;
  scroll-margin-top:90px;
}

.wp-section-v4 h3 {
  font-family:'Orbitron',monospace;
  font-size:0.95rem;
  font-weight:700;
  color: var(--text);
  letter-spacing:1px;
  margin-bottom:1rem;
  padding-bottom:0.6rem;
  border-bottom: 1px solid var(--glass-border);
  display:flex;
  align-items:center;
  gap:0.8rem;
}

.wp-section-v4 h3 .sec-num {
  color: var(--green);
  font-family:'Share Tech Mono',monospace;
  font-size:0.75rem;
  opacity:0.7;
  white-space:nowrap;
}

.wp-section-v4 h4 {
  font-family:'Rajdhani',sans-serif;
  font-size:0.95rem;
  font-weight:600;
  color: var(--text);
  margin:1.2rem 0 0.5rem;
  letter-spacing:1px;
}

.wp-section-v4 p {
  color: var(--text-dim);
  line-height:1.85;
  margin-bottom:1rem;
  font-size:0.92rem;
}

.wp-section-v4 ul, .wp-section-v4 ol {
  color: var(--text-dim);
  padding-left:1.5rem;
  line-height:1.9;
  font-size:0.92rem;
  margin-bottom:1rem;
}
.wp-section-v4 ul li::marker { color: var(--green); }
.wp-section-v4 ol li::marker { color: var(--green); font-family:'Share Tech Mono',monospace; font-size:0.8rem; }

.abstract-box {
  background: rgba(0,255,65,0.03);
  border: 1px solid var(--glass-border);
  border-left: 2px solid var(--green);
  padding:1.2rem 1.5rem;
  margin-bottom:1.5rem;
  font-style:italic;
}
.abstract-box p { margin:0; font-size:0.88rem; }
.abstract-label {
  font-family:'Share Tech Mono',monospace;
  font-size:0.65rem;
  color: var(--green);
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:0.5rem;
  font-style:normal;
}

.formula-box {
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--glass-border);
  padding:1.2rem 1.5rem;
  margin:1.2rem 0;
  font-family:'Share Tech Mono',monospace;
  font-size:0.85rem;
  color: var(--green);
  text-align:center;
  line-height:2;
  overflow-x:auto;
}
.formula-box .formula-label {
  font-size:0.65rem;
  color: var(--text-dim);
  letter-spacing:2px;
  text-transform:uppercase;
  text-align:right;
  margin-top:0.5rem;
}

.spec-table {
  width:100%;
  border-collapse:collapse;
  font-size:0.85rem;
  margin:1rem 0;
}
.spec-table th {
  background: rgba(0,255,65,0.05);
  border: 1px solid var(--glass-border);
  padding:0.6rem 1rem;
  text-align:left;
  font-family:'Share Tech Mono',monospace;
  font-size:0.7rem;
  color: var(--green);
  letter-spacing:2px;
  text-transform:uppercase;
}
.spec-table td {
  border: 1px solid var(--glass-border);
  padding:0.6rem 1rem;
  color: var(--text-dim);
  font-size:0.85rem;
  vertical-align:top;
}
.spec-table tr:hover td { background: rgba(0,255,65,0.02); }
.spec-table td strong { color: var(--text); }
.spec-table td code {
  font-family:'Share Tech Mono',monospace;
  font-size:0.8rem;
  color: var(--green);
  background: rgba(0,255,65,0.06);
  padding:0.1rem 0.3rem;
}

.tier-row-common td strong { color:#4a9a5a; }
.tier-row-uncommon td strong { color:#4a7aff; }
.tier-row-rare td strong { color:#aa44ff; }
.tier-row-legend td strong { color:#ffaa00; }

.callout-box {
  background: rgba(0,255,65,0.04);
  border: 1px solid var(--glass-border);
  border-left: 3px solid var(--green);
  padding:1rem 1.2rem;
  margin:1rem 0;
  font-size:0.85rem;
  color: var(--text-dim);
}
.callout-box .callout-icon { color: var(--green); margin-right:0.5rem; }

/* RESPONSIVE */
@media(max-width:768px){
  nav { padding:1rem; }
  .nav-links { display:none; }
  .about-grid { grid-template-columns:1fr; }
  .mint-box { padding:2rem 1.5rem; }
}