:root {
  --red: #e50914;
  --red-bright: #ff3038;
  --black: #08090b;
  --panel: #101216;
  --panel-2: #15181d;
  --white: #f7f8fa;
  --muted: #aeb4bf;
  --line: rgba(255,255,255,.12);
  --max: 1200px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--white);
  background:
    radial-gradient(circle at 85% 4%, rgba(229,9,20,.10), transparent 28rem),
    var(--black);
  font-family: Inter, Arial, sans-serif;
  line-height: 1.6;
}
a { color: inherit; }
img { max-width: 100%; display: block; }
.site-header {
  height: 78px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  position: relative;
  z-index: 20;
}
.brand img { width: 168px; }
nav { display: flex; align-items: center; gap: 28px; }
nav a { text-decoration: none; font-size: .8rem; text-transform: uppercase; letter-spacing: .09em; color: #d8dce2; }
nav a:hover { color: white; }
.nav-cta { border: 1px solid rgba(229,9,20,.75); border-radius: 5px; padding: 10px 15px; background: rgba(229,9,20,.12); }
.menu-button { display: none; }
.hero {
  min-height: 735px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 64px 32px 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(460px, 1.12fr);
  align-items: center;
  overflow: hidden;
  position: relative;
}
.hero-copy { position: relative; z-index: 3; max-width: 660px; }
.eyebrow { margin: 0 0 15px; color: var(--red-bright); text-transform: uppercase; letter-spacing: .16em; font-size: .76rem; font-weight: 700; }
.hero h1 {
  margin: 0;
  font-family: Orbitron, Inter, sans-serif;
  font-size: clamp(4rem, 8vw, 7.2rem);
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 600;
}
.hero h1 span { color: var(--red); font-size: .25em; vertical-align: top; margin-left: 7px; }
.hero h2 { margin: 20px 0 0; font-size: clamp(1.35rem, 2.3vw, 2.15rem); font-weight: 400; }
.hero h2 strong { color: var(--red-bright); }
.hero-text { max-width: 600px; margin: 22px 0 30px; color: #d4d8df; font-size: 1.08rem; }
.hero-actions { display: flex; gap: 13px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 5px; text-decoration: none; border: 1px solid transparent; font-weight: 700; text-transform: uppercase; letter-spacing: .055em; font-size: .75rem; cursor: pointer; }
.primary { background: linear-gradient(135deg, var(--red-bright), #b4000d); color: white; box-shadow: 0 10px 35px rgba(229,9,20,.22); }
.secondary { border-color: rgba(255,255,255,.25); background: rgba(0,0,0,.28); color: white; backdrop-filter: blur(10px); }
.hero-stats { margin-top: 52px; padding-top: 25px; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.hero-stats b, .hero-stats span { display: block; }
.hero-stats b { font-size: .91rem; }
.hero-stats span { color: var(--muted); font-size: .72rem; line-height: 1.45; margin-top: 5px; }
.hero-art { height: 620px; position: relative; margin-right: -120px; z-index: 1; }
.hero-art::before { content:""; position:absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, var(--black) 0%, transparent 30%, transparent 86%, var(--black) 100%), linear-gradient(0deg, var(--black) 0%, transparent 25%); pointer-events:none; }
.hero-art img { width: 100%; height: 100%; object-fit: cover; object-position: 46% center; filter: saturate(.95) contrast(1.04); }
.hero-glow { position: absolute; right: 5%; width: 420px; height: 420px; border-radius: 50%; background: rgba(229,9,20,.14); filter: blur(110px); }
.section { max-width: var(--max); margin: 0 auto; padding: 110px 32px; }
.section-heading h2, .nova h2, .creator h2, .join h2 { margin: 0; font-family: Orbitron, Inter, sans-serif; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.13; letter-spacing: -.035em; }
.centered { text-align: center; }
.intro-grid { margin-top: 44px; padding-top: 35px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; color: var(--muted); font-size: 1.03rem; }
.intro-grid .lead { margin: 0; color: white; font-size: clamp(1.25rem, 2.4vw, 1.75rem); line-height: 1.48; }
.intro-grid p { margin: 0; }
.features { max-width: 1400px; }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 52px; }
.feature-grid article { min-height: 270px; padding: 29px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.015)); }
.feature-number { color: var(--red); font-family: Orbitron, sans-serif; font-size: .8rem; }
.feature-grid h3 { margin: 62px 0 10px; font-family: Orbitron, sans-serif; font-size: 1.25rem; }
.feature-grid p { color: var(--muted); font-size: .9rem; margin: 0; }
.nova { max-width: 1400px; }
.nova-panel { overflow: hidden; border-radius: 16px; border: 1px solid rgba(229,9,20,.35); padding: 62px; background: linear-gradient(120deg, #12151a 0%, #0b0c0f 58%, #210508 100%); display: grid; grid-template-columns: 1.2fr .8fr; gap: 40px; align-items: center; position: relative; }
.nova-panel p { color: var(--muted); max-width: 670px; }
.nova-panel ul { padding-left: 20px; margin: 24px 0 30px; color: #d7dbe1; }
.nova-visual { display: flex; align-items: center; flex-direction: column; }
.pulse-ring { width: 230px; height: 230px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--red); box-shadow: 0 0 0 24px rgba(229,9,20,.06), 0 0 90px rgba(229,9,20,.24); }
.pulse-ring span { font-family: Orbitron, sans-serif; font-size: 6rem; color: var(--red); font-weight: 700; }
.nova-visual p { color: white; text-transform: uppercase; letter-spacing: .13em; font-size: .75rem; margin-top: 40px; }
.creator-card { padding: 55px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: center; }
.creator-copy > p:not(.eyebrow) { color: var(--muted); font-size: 1rem; max-width: 680px; }
.creator-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.creator-tags span { padding: 8px 11px; border-radius: 4px; border: 1px solid var(--line); color: #d7dbe1; font-size: .75rem; }
blockquote { margin: 0; padding-left: 29px; border-left: 3px solid var(--red); font-size: clamp(1.25rem, 2.1vw, 1.65rem); line-height: 1.55; color: white; }
.join { display: grid; grid-template-columns: .85fr 1.15fr; gap: 75px; align-items: start; }
.join-copy p:last-child { color: var(--muted); }
.signup-form { padding: 32px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); display: grid; grid-template-columns: 1fr 1fr; gap: 19px; }
.signup-form label { display: flex; flex-direction: column; gap: 7px; color: #dce0e5; font-size: .78rem; font-weight: 600; }
.signup-form label span { color: var(--muted); font-weight: 400; }
.signup-form input, .signup-form select { min-height: 48px; width: 100%; color: white; background: #090a0d; border: 1px solid rgba(255,255,255,.16); border-radius: 5px; padding: 0 13px; font: inherit; }
.signup-form input:focus, .signup-form select:focus { outline: 2px solid rgba(229,9,20,.55); border-color: transparent; }
.consent { grid-column: 1 / -1; display: grid !important; grid-template-columns: auto 1fr; align-items: start; font-weight: 400 !important; }
.consent input { min-height: auto; width: 16px; height: 16px; margin-top: 3px; accent-color: var(--red); }
.signup-form button, .form-note { grid-column: 1 / -1; }
.form-note { margin: 0; color: var(--muted); font-size: .72rem; }
.form-note code { color: white; }
footer { max-width: 1400px; margin: 0 auto; padding: 45px 32px 55px; border-top: 1px solid var(--line); color: var(--muted); font-size: .72rem; }
footer img { width: 155px; margin-bottom: 18px; }
footer p { margin: 8px 0; }
.legal { max-width: 850px; line-height: 1.55; }

@media (max-width: 900px) {
  .site-header { padding: 0 20px; }
  .menu-button { display: block; border: 1px solid var(--line); background: transparent; color: white; border-radius: 4px; padding: 8px 11px; }
  nav { display: none; position: absolute; top: 77px; left: 14px; right: 14px; padding: 22px; background: #101216; border: 1px solid var(--line); border-radius: 8px; flex-direction: column; align-items: stretch; }
  nav.open { display: flex; }
  .hero { min-height: auto; padding: 58px 20px 0; grid-template-columns: 1fr; }
  .hero-art { height: 510px; margin: -20px -130px 0 -30px; opacity: .76; }
  .hero-art::before { background: linear-gradient(0deg, var(--black) 0%, transparent 23%), linear-gradient(90deg, var(--black) 0%, transparent 21%, transparent 84%, var(--black) 100%); }
  .hero-stats { grid-template-columns: 1fr; }
  .section { padding: 78px 20px; }
  .intro-grid, .nova-panel, .creator-card, .join { grid-template-columns: 1fr; gap: 38px; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .nova-panel { padding: 38px 25px; }
  .creator-card { padding: 38px 10px; }
}
@media (max-width: 560px) {
  .brand img { width: 145px; }
  .hero h1 { font-size: 3.7rem; }
  .feature-grid, .signup-form { grid-template-columns: 1fr; }
  .signup-form label, .signup-form button, .form-note, .consent { grid-column: 1; }
  .hero-art { height: 420px; margin-right: -165px; }
}