:root { --green:#79ff00; --red:#ff2028; --black:#030504; --panel:#0a0d0b; --muted:#9ca49e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--black); }
body { margin:0; background:var(--black); color:#fff; font-family:Arial,Helvetica,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }

.site-header { position:fixed; z-index:50; top:0; left:0; width:100%; height:78px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; background:rgba(3,5,4,.8); border-bottom:1px solid rgba(121,255,0,.18); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; gap:12px; font-weight:900; font-size:17px; letter-spacing:.05em; }
.brand img { width:52px; height:44px; object-fit:cover; object-position:center; border-radius:5px; }
.brand span span { color:var(--green); }
nav { display:flex; gap:32px; }
nav a { color:#c7cec9; text-transform:uppercase; font-size:12px; font-weight:800; letter-spacing:.14em; transition:.2s; }
nav a:hover { color:var(--green); }
.header-live { display:flex; align-items:center; gap:8px; padding:11px 17px; border:1px solid rgba(255,32,40,.65); color:#fff; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.12em; }
.header-live i,.live-chip i { width:7px; height:7px; background:var(--red); border-radius:50%; box-shadow:0 0 12px var(--red); animation:pulse 1.6s infinite; }
@keyframes pulse { 50% { opacity:.35; transform:scale(.75); } }

.hero { min-height:100vh; position:relative; display:flex; align-items:center; overflow:hidden; padding:130px 7vw 80px; }
.hero-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(1.08) contrast(1.06); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.68) 39%,rgba(0,0,0,.08) 75%),linear-gradient(0deg,#030504 0%,transparent 25%); }
.hero-content { position:relative; z-index:2; max-width:670px; }
.eyebrow,.section-kicker { color:var(--green); font-size:11px; line-height:1.4; font-weight:900; letter-spacing:.23em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.eyebrow span { width:34px; height:2px; background:var(--green); box-shadow:0 0 12px var(--green); }
h1 { margin:20px 0; font-size:clamp(64px,8vw,118px); line-height:.82; letter-spacing:-.065em; font-style:italic; font-weight:950; }
h1 em { color:var(--green); font-style:inherit; text-shadow:0 0 36px rgba(121,255,0,.25); }
.hero-copy { color:#c2c8c3; font-size:17px; line-height:1.75; max-width:570px; }
.hero-actions,.split-actions { margin-top:32px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:0 24px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; font-weight:900; transition:.25s; }
.button:hover { transform:translateY(-3px); }
.button-green { background:var(--green); color:#061000; box-shadow:0 0 24px rgba(121,255,0,.2); }
.button-red { background:var(--red); color:#fff; box-shadow:0 0 24px rgba(255,32,40,.2); }
.button-ghost { border:1px solid #4a504c; background:rgba(0,0,0,.35); }
.button-ghost:hover { border-color:var(--green); color:var(--green); }
.scroll-cue { position:absolute; z-index:2; right:4vw; bottom:34px; color:#818a84; font-size:9px; font-weight:900; letter-spacing:.2em; display:flex; align-items:center; gap:12px; writing-mode:vertical-rl; }
.scroll-cue span { color:var(--green); font-size:20px; }

.section { max-width:1240px; margin:auto; padding:120px 5vw; }
.intro { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
h2 { margin:10px 0 0; font-size:clamp(39px,5vw,68px); line-height:1; letter-spacing:-.045em; text-transform:uppercase; font-style:italic; }
h2 span { color:var(--green); }
.section-lead { align-self:end; color:#aeb6b0; font-size:17px; line-height:1.75; max-width:540px; }
.meaning-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); margin-top:32px; border-top:1px solid #272d29; }
.meaning-grid article { padding:40px 34px 20px 0; border-right:1px solid #272d29; }
.meaning-grid article+article { padding-left:34px; }
.meaning-grid article:last-child { border:0; }
.meaning-grid b { color:var(--green); font-size:11px; letter-spacing:.2em; }
.meaning-grid h3 { font-size:24px; margin:12px 0; text-transform:uppercase; font-style:italic; }
.meaning-grid p { color:var(--muted); line-height:1.7; margin:0; }

.live-section { padding:40px 4vw 120px; }
.live-card { max-width:1240px; margin:auto; display:grid; grid-template-columns:1.1fr .9fr; border:1px solid #242a26; background:linear-gradient(145deg,#090c0a,#050706); box-shadow:0 30px 80px rgba(0,0,0,.55); }
.live-visual { min-height:550px; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 55%,rgba(255,32,40,.18),transparent 50%),repeating-linear-gradient(135deg,transparent 0 30px,rgba(255,255,255,.018) 31px 32px); display:flex; align-items:center; justify-content:center; }
.live-visual:after { content:""; position:absolute; inset:7%; border:1px solid rgba(255,32,40,.16); box-shadow:0 0 80px rgba(255,32,40,.1) inset; }
.live-visual img { width:82%; position:relative; z-index:1; filter:drop-shadow(0 24px 40px #000); }
.live-chip { position:absolute; z-index:2; left:30px; top:30px; padding:10px 13px; background:#0b0c0b; border:1px solid rgba(255,32,40,.55); font-size:10px; font-weight:900; letter-spacing:.16em; display:flex; align-items:center; gap:8px; }
.live-info { padding:64px 58px; display:flex; flex-direction:column; justify-content:center; }
.red { color:var(--red); }
.live-info h2 { font-size:clamp(38px,4vw,58px); }
.live-info>p:not(.section-kicker) { color:var(--muted); line-height:1.75; margin:24px 0; }
.schedule { display:flex; flex-direction:column; padding:17px 0; border-top:1px solid #292f2b; border-bottom:1px solid #292f2b; }
.schedule span { color:#777f79; font-size:9px; letter-spacing:.2em; font-weight:900; }
.schedule strong { margin-top:6px; font-size:19px; }
.text-link { color:#fff; font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; border-bottom:1px solid #555; padding-bottom:7px; }
.text-link:hover { color:var(--green); border-color:var(--green); }

.news-section { padding-top:80px; }
.section-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:42px; }
.content-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:14px; }
.content-card { min-height:350px; padding:28px; background:linear-gradient(145deg,#0b0f0c,#060806); border:1px solid #202622; display:flex; flex-direction:column; justify-content:space-between; transition:.3s; }
.content-card:hover { border-color:var(--green); transform:translateY(-5px); box-shadow:0 16px 45px rgba(0,0,0,.45); }
.content-card.feature { background:linear-gradient(160deg,rgba(121,255,0,.12),#080b09 52%); }
.card-number { color:#3c443e; font-size:12px; font-weight:900; letter-spacing:.18em; }
.content-card span { color:var(--green); font-size:9px; letter-spacing:.2em; font-weight:900; }
.content-card h3 { font-size:25px; line-height:1.18; text-transform:uppercase; font-style:italic; margin:14px 0 30px; }
.content-card p { font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:900; }

.community { max-width:1240px; margin:80px auto 130px; min-height:560px; padding:70px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:flex-end; background:#070a08; border:1px solid #232923; }
.community>img { position:absolute; left:-4%; width:56%; opacity:.55; filter:saturate(.85); mask-image:linear-gradient(90deg,#000 65%,transparent); }
.community-glow { position:absolute; inset:0; background:radial-gradient(circle at 15% 50%,rgba(121,255,0,.15),transparent 38%),linear-gradient(90deg,transparent 20%,#070a08 63%); }
.community-copy { width:51%; position:relative; z-index:2; }
.community-copy h2 { font-size:clamp(38px,4.4vw,62px); }
.community-copy>p:not(.section-kicker) { color:var(--muted); line-height:1.75; margin:24px 0; }

.social-section { max-width:1240px; margin:0 auto; padding:0 5vw 100px; }
.social-links { display:grid; grid-template-columns:1fr 1fr; margin-top:22px; border-top:1px solid #2a302c; }
.social-links a { min-height:92px; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; padding:0 20px; border-bottom:1px solid #2a302c; transition:.2s; }
.social-links a:nth-child(odd) { border-right:1px solid #2a302c; }
.social-links a:hover { background:rgba(121,255,0,.04); color:var(--green); }
.social-links span { font-weight:900; text-transform:uppercase; font-style:italic; font-size:20px; }
.social-links small { color:#7f8982; }

footer { min-height:170px; padding:35px 5vw; border-top:1px solid #252a27; display:flex; align-items:center; justify-content:space-between; color:#737c76; }
.footer-brand { display:flex; align-items:center; gap:12px; color:#fff; }
.footer-brand img { width:52px; height:42px; object-fit:cover; border-radius:4px; }
footer p { letter-spacing:.3em; font-size:11px; font-weight:900; } footer p span { color:var(--green); }
.footer-legal { display:flex; flex-direction:column; align-items:flex-end; gap:10px; text-align:right; }
.legal-details { position:relative; }
.legal-details summary { list-style:none; cursor:pointer; color:#dce2de; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; border:1px solid #4a514c; padding:10px 15px; transition:.2s; }
.legal-details summary::-webkit-details-marker { display:none; }
.legal-details summary:hover,.legal-details[open] summary { color:var(--green); border-color:var(--green); box-shadow:0 0 20px rgba(121,255,0,.12); }
.legal-panel { position:absolute; z-index:20; right:0; bottom:calc(100% + 14px); width:min(390px,calc(100vw - 36px)); padding:25px; background:rgba(6,10,7,.98); border:1px solid rgba(121,255,0,.5); box-shadow:0 20px 70px #000,0 0 30px rgba(121,255,0,.08); text-align:left; }
.legal-panel:after { content:""; position:absolute; right:24px; bottom:-7px; width:12px; height:12px; background:#080b09; border-right:1px solid rgba(121,255,0,.5); border-bottom:1px solid rgba(121,255,0,.5); transform:rotate(45deg); }
.legal-label { color:var(--green); font-size:9px; font-weight:900; letter-spacing:.18em; }
.legal-panel h3 { margin:9px 0 17px; color:#fff; font-size:22px; text-transform:uppercase; font-style:italic; }
.legal-panel address { color:#b0b8b2; font-size:12px; line-height:1.65; font-style:normal; }
.footer-legal .footer-email { display:inline-block; margin-top:9px; color:#dce2de; font-size:12px; border-bottom:1px solid #4a514c; }
.legal-panel p { margin:18px 0; color:#7f8982; font-size:11px; line-height:1.55; letter-spacing:0; }
.legal-panel .legal-full-link { display:inline-block; color:#fff; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--green); padding-bottom:5px; }
.legal-panel a:hover { color:var(--green); }

@media (max-width:900px) {
  .site-header { height:68px; padding:0 18px; } nav { display:none; } .brand span { font-size:14px; } .brand img { width:45px;height:38px; }
  .header-live { padding:9px 11px; font-size:10px; }
  .hero { min-height:840px; padding:120px 24px 70px; align-items:flex-end; }
  .hero-art { object-position:58% center; }
  .hero-shade { background:linear-gradient(0deg,#030504 2%,rgba(0,0,0,.48) 64%,rgba(0,0,0,.35)),linear-gradient(90deg,rgba(0,0,0,.65),transparent); }
  h1 { font-size:68px; } .hero-copy { font-size:15px; } .button { width:100%; }
  .section { padding:85px 22px; } .intro { grid-template-columns:1fr; gap:20px; } .meaning-grid { grid-template-columns:1fr; }
  .meaning-grid article,.meaning-grid article+article { padding:28px 0; border-right:0; border-bottom:1px solid #272d29; }
  .live-section { padding:10px 18px 90px; } .live-card { grid-template-columns:1fr; } .live-visual { min-height:330px; } .live-info { padding:40px 26px; }
  .content-grid { grid-template-columns:1fr; } .content-card { min-height:280px; } .section-head { align-items:start; gap:25px; flex-direction:column; }
  .community { margin:40px 18px 100px; padding:320px 25px 45px; display:block; } .community>img { top:40px; left:0; width:100%; mask-image:linear-gradient(0deg,transparent,#000 45%); } .community-glow { background:linear-gradient(0deg,#070a08 45%,transparent); } .community-copy { width:100%; }
  .social-section { padding:0 22px 80px; } .social-links { grid-template-columns:1fr; } .social-links a:nth-child(odd) { border-right:0; } .social-links a { grid-template-columns:1fr auto; } .social-links small { display:none; }
  footer { flex-direction:column; justify-content:center; gap:16px; text-align:center; padding-bottom:45px; } .footer-legal { align-items:center; text-align:center; } .legal-panel { position:fixed; left:18px; right:18px; bottom:22px; width:auto; max-height:calc(100vh - 44px); overflow:auto; } .legal-panel:after { display:none; } .scroll-cue { display:none; }
}

@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }