:root {
  --bg:#090611;
  --panel:#160b23;
  --panel2:#220e32;
  --pink:#ff00c8;
  --purple:#954cff;
  --text:#fff4ff;
  --muted:#baaac8;
  --line:rgba(255,0,200,.28);
}

* { box-sizing:border-box; }

body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
}

a { color:inherit; }

.masthead {
  background:#0b0614;
  border-bottom:1px solid var(--line);
}

.masthead-top {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:12px 5%;
  background:#210c2c;
  color:#ff8ce9;
  font-size:10px;
  font-weight:bold;
  letter-spacing:2px;
}

.masthead-main {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
  padding:30px 5%;
}

.brand {
  display:flex;
  align-items:center;
  gap:20px;
  font-size:clamp(28px,4vw,52px);
  font-weight:900;
  text-decoration:none;
  letter-spacing:-2px;
}

.brand-mark {
  display:grid;
  place-items:center;
  width:65px;
  height:65px;
  background:var(--pink);
  color:#100517;
  font-size:26px;
  border-radius:8px;
}

.accent { color:var(--pink); }

.masthead-tagline {
  color:var(--muted);
  font-size:11px;
  letter-spacing:3px;
}

.news-nav {
  display:flex;
  flex-wrap:wrap;
  gap:30px;
  padding:18px 5%;
  border-top:1px solid var(--line);
}

.news-nav a {
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:1px;
}

.news-nav a:hover { color:var(--pink); }

.ticker {
  display:flex;
  overflow:hidden;
  background:#f500c7;
  color:#100517;
  min-height:44px;
  align-items:center;
}

.ticker-label {
  position:relative;
  z-index:2;
  padding:15px 25px;
  background:#170920;
  color:white;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
}

.ticker-window {
  overflow:hidden;
  flex:1;
}

.ticker-text {
  white-space:nowrap;
  width:max-content;
  padding-left:100%;
  animation:ticker 70s linear infinite;
  font-weight:800;
  font-size:13px;
}

@keyframes ticker {
  to {transform:translateX(-100%);}
}

.editorial-intro {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:30px;
  align-items:center;
  padding:75px 5%;
  background:
    radial-gradient(circle at 80% 50%,
    rgba(245,0,199,.2),transparent 45%),
    #0d0717;
}

.eyebrow {
  color:#ff73e3;
  font-size:11px;
  font-weight:900;
  letter-spacing:3px;
}

.editorial-intro h1 {
  font-size:clamp(55px,8vw,115px);
  line-height:.95;
  letter-spacing:-5px;
  margin:20px 0;
}

.editorial-intro em {
  color:var(--pink);
  font-style:normal;
}

.editorial-intro p {
  max-width:650px;
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}

.editorial-graphic {
  position:relative;
  width:min(100%,380px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  margin:auto;
}

.pixel-ring {
  position:absolute;
  border:3px dashed var(--pink);
  border-radius:50%;
  box-shadow:0 0 35px rgba(245,0,199,.2);
}

.ring-one {
  width:95%;
  height:95%;
  animation:spin 30s linear infinite;
}

.ring-two {
  width:65%;
  height:65%;
  border-color:var(--purple);
  animation:spin 20s linear infinite reverse;
}

.pixel-center {
  font-size:100px;
  font-weight:900;
  letter-spacing:-15px;
  padding-right:15px;
  color:var(--pink);
  text-shadow:0 0 50px rgba(245,0,199,.7);
}

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

.frontpage-grid {
  display:grid;
  grid-template-columns:minmax(0,2.4fr) minmax(270px,1fr);
  gap:35px;
  padding:50px 5%;
}

.section-bar {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:16px 0;
  border-bottom:3px solid var(--pink);
  color:#ff8ce9;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
}

.featured-rotator {
  position:relative;
  min-height:380px;
  margin:25px 0 60px;
  overflow:hidden;
  background:
    linear-gradient(135deg,#3a124d,#11091c);
  border:1px solid var(--line);
  border-radius:14px;
}

.news-slide {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(22px,5vw,60px);
  opacity:0;
  visibility:hidden;
  animation:rotateNews 32s infinite;
}

.news-slide:nth-child(1) {animation-delay:0s;}
.news-slide:nth-child(2) {animation-delay:8s;}
.news-slide:nth-child(3) {animation-delay:16s;}
.news-slide:nth-child(4) {animation-delay:24s;}

.news-slide:only-child {
  animation:none;
  opacity:1;
  visibility:visible;
}

@keyframes rotateNews {
  0%,23% {opacity:1;visibility:visible;}
  25%,100% {opacity:0;visibility:hidden;}
}

.news-category {
  color:#ff8ce9;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
}

.news-slide h2 {
  font-size:clamp(25px,4vw,48px);
  line-height:1.12;
  max-width:850px;
}

.news-slide p {
  max-width:750px;
  color:#dac8e3;
  line-height:1.6;
}

.news-slide a {
  margin-top:20px;
  color:#ff86e9;
  font-weight:bold;
  text-decoration:none;
}

.headline-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-top:25px;
}

.headline-card {
  padding:27px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
}

.headline-card span {
  color:#ff83e8;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
}

.headline-card h3 {
  font-size:21px;
  line-height:1.35;
}

.headline-card p {
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}

.headline-card a {
  color:#ff83e8;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
}

.sidebar-heading {
  padding:17px;
  background:var(--pink);
  color:#140719;
  font-weight:900;
  font-size:12px;
  letter-spacing:2px;
}

.sidebar-panel,
.system-panel {
  padding:25px;
  background:var(--panel);
  border:1px solid var(--line);
  margin:12px 0;
}

.sidebar-panel span {
  color:#ff83e8;
  font-size:10px;
  letter-spacing:2px;
}

.sidebar-panel strong {
  display:block;
  font-size:clamp(23px,3vw,37px);
  margin:15px 0;
  overflow-wrap:anywhere;
}

.sidebar-panel p,
.system-panel p {
  color:var(--muted);
  font-size:12px;
}

.system-panel h3 {color:#ff72e6;}

.sidebar-action {
  display:block;
  padding:20px;
  background:linear-gradient(90deg,#bd00a6,#954cff);
  text-align:center;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  margin-top:20px;
}

.platform-feature {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:40px;
  padding:90px 5%;
  background:#180a25;
}

.platform-feature h2 {
  font-size:clamp(35px,5vw,65px);
}

.platform-feature p {
  color:var(--muted);
  line-height:1.8;
}

.platform-feature a {
  color:#ff80e7;
  font-weight:900;
  text-decoration:none;
}

.platform-feature img {
  width:100%;
  border:1px solid var(--line);
  border-radius:15px;
}

.tabloid-footer {
  padding:50px 5%;
  border-top:1px solid var(--line);
}

.tabloid-footer p {
  color:var(--muted);
  font-size:12px;
}

@media(max-width:900px) {
  .editorial-intro,
  .frontpage-grid,
  .platform-feature {
    grid-template-columns:1fr;
  }
}

@media(max-width:600px) {
  .headline-grid {
    grid-template-columns:1fr;
  }

  .editorial-intro h1 {
    letter-spacing:-2px;
  }

  .featured-rotator {
    min-height:470px;
  }

  .news-slide {
    padding:25px;
  }

  .news-slide h2 {
    font-size:26px;
  }

  .masthead-top {
    flex-direction:column;
  }
}

@media(prefers-reduced-motion:reduce) {
  .ticker-text,
  .pixel-ring,
  .news-slide {
    animation:none;
  }

  .news-slide {
    opacity:0;
    visibility:hidden;
  }

  .news-slide:first-child {
    opacity:1;
    visibility:visible;
  }
}