/*
 Theme Name:  Radiate Web3 Unlocked Child
 Theme URI:   https://example.com/
 Description: Neon-dunkles Child-Theme für Radiate (Web3 Unlocked) – Farbpalette, Typo (Inter), UI-Komponenten & 2 Page-Templates.
 Author:      Web3 Unlocked
 Template:    radiate
 Version:     1.0.0
*/

/* CSS-Variablen */
:root{
  --w3u-bg: #0A0A0A;
  --w3u-fg: #ffffff;
  --w3u-muted: rgba(255,255,255,.7);
  --w3u-border: rgba(255,255,255,.08);
  --w3u-primary: #00FF9F;
  --w3u-accent: #8A2BE2;
}

/* Base */
body{
  background: var(--w3u-bg);
  color: var(--w3u-fg);
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
}
a{ color: var(--w3u-primary); }
a:hover{ opacity:.9; }

/* Containers */
.w3u-container{ max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
.w3u-section{ padding: 4rem 0; }
.w3u-section-tight{ padding: 2rem 0; }

/* Hero */
.gradient-hero{
  background:
    radial-gradient(1200px 500px at 10% 10%, rgba(0,255,159,.15), transparent),
    radial-gradient(1200px 500px at 90% 0%, rgba(138,43,226,.2), transparent);
  padding: 5rem 0 3rem;
}
.hero-title{ font-weight: 900; line-height: 1.1; }
.hero-sub{ color: var(--w3u-muted); max-width: 42rem; }

/* Cards & UI */
.card{ border:1px solid var(--w3u-border); border-radius: 1rem; background: rgba(255,255,255,.02); padding: 1.25rem; }
.badge{ display:inline-block; border:1px solid rgba(255,255,255,.2); border-radius:.75rem; padding:.25rem .5rem; font-size:.75rem; color:var(--w3u-primary); }
.button{ display:inline-flex; align-items:center; gap:.5rem; padding:.75rem 1rem; border-radius:1rem; border:1px solid rgba(255,255,255,.15); text-decoration:none; }
.button.primary{ background:var(--w3u-primary); color:#111827; border-color:transparent; font-weight:700; }
.button.secondary{ background:transparent; color:#fff; }
.note{ border:1px solid var(--w3u-border); border-radius: 1rem; padding: 1rem; background: linear-gradient(135deg, rgba(0,255,159,.08), rgba(138,43,226,.08)); }

/* Grids */
.grid-3{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:1rem; }
.grid-2{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:1rem; }
@media (max-width: 900px){ .grid-3{ grid-template-columns: 1fr; } .grid-2{ grid-template-columns: 1fr; } }

/* Headings */
h1,h2,h3{ letter-spacing:-.02em; }
.section-title{ font-weight: 800; font-size: clamp(1.75rem, 3vw, 2rem); margin-bottom:1rem; }

/* Tables */
.table-wrap{ overflow:auto; }
.table{ width:100%; border:1px solid var(--w3u-border); border-radius:.75rem; border-collapse: separate; border-spacing:0; }
.table th{ text-align:left; background: rgba(255,255,255,.05); padding:.75rem; }
.table td{ padding:.75rem; border-top:1px solid var(--w3u-border); }

/* Labels & Timeline */
.label-live{ color: var(--w3u-primary); font-weight:700; }
.label-pilot{ color: #C17FFF; font-weight:700; }
.label-next{ color: #7dd3fc; font-weight:700; }
.timeline{ display:grid; gap:1rem; }
.timeline .item{ border:1px solid var(--w3u-border); border-radius:1rem; padding:1rem; }
.timeline-dot{ width:.75rem; height:.75rem; border-radius:999px; background: var(--w3u-primary); display:inline-block; margin-right:.5rem; }

/* Utility */
.muted{ color: var(--w3u-muted); }
.mt-1{ margin-top:.25rem; }
.mt-2{ margin-top:.5rem; }
.mt-3{ margin-top:.75rem; }
.mt-4{ margin-top:1rem; }
.mt-6{ margin-top:1.5rem; }
.mt-8{ margin-top:2rem; }