.page-news{
  --news-head-color:#FFFFFF;
  --news-accent-cyan:#00C2FF;
  --news-accent-green:#39FF14;
  --news-accent-orange:#FF9500;
  --news-accent-purple:#9B5CF6;
  --news-bg-deep:#0A0F1E;
  --news-bg-card:#111827;
  --news-bg-highlight:#0D1220;
  --news-line:#1F2937;
  --news-text:#E5E7EB;
  --news-muted:#9CA3AF;
  background:var(--news-bg-deep);
  color:var(--news-text);
  font-family:var(--font-body);
  overflow-x:hidden;
}
.page-news .container{
  max-width:1280px;
  margin:0 auto;
  padding-left:20px;
  padding-right:20px;
}
.page-news a{
  color:var(--news-accent-cyan);
  transition:color .25s var(--ease);
}
.page-news a:hover{
  color:var(--news-accent-green);
}
.page-news img{
  display:block;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .news-hero{
  position:relative;
  background:linear-gradient(135deg,rgba(0,194,255,.09) 0%,rgba(10,15,30,1) 42%,rgba(17,24,39,1) 100%);
  padding:32px 20px 0;
}
.page-news .news-hero::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:38%;
  height:100%;
  background:repeating-linear-gradient(90deg,transparent 0,transparent 28px,rgba(0,194,255,.08) 28px,rgba(0,194,255,.08) 30px);
  opacity:.6;
  pointer-events:none;
}
.page-news .news-hero__frame{
  max-width:1280px;
  margin:0 auto;
  border:1px solid var(--news-line);
  background:rgba(10,15,30,.88);
  box-shadow:var(--shadow);
  position:relative;
}
.page-news .news-hero__grid-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 16px;
  border-bottom:1px solid var(--news-line);
  background:rgba(17,24,39,.7);
}
.page-news .news-hero__index{
  font-family:var(--font-num);
  font-size:.78rem;
  letter-spacing:.14em;
  color:var(--news-muted);
  text-transform:uppercase;
}
.page-news .news-hero__status{
  display:flex;
  align-items:center;
  gap:8px;
}
.page-news .news-hero__status-text{
  font-size:.78rem;
  color:var(--news-accent-green);
  font-family:var(--font-num);
}
.page-news .status-lamp{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--news-accent-green);
  box-shadow:0 0 10px rgba(57,255,20,.8);
  animation:news-pulse 2s var(--ease) infinite;
}
@keyframes news-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.5;transform:scale(.82)}
}
.page-news .news-hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
.page-news .news-hero__content{
  padding:26px 20px 20px;
  position:relative;
  z-index:1;
}
.page-news .news-hero__title{
  font-family:var(--font-head);
  font-size:1.85rem;
  line-height:1.2;
  font-weight:700;
  color:var(--news-head-color);
  margin:14px 0 14px;
  letter-spacing:.01em;
}
.page-news .news-hero__desc{
  color:var(--news-muted);
  line-height:1.8;
  font-size:.95rem;
  margin-bottom:22px;
}
.page-news .news-hero__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--news-accent-cyan);
  color:#0A0F1E;
  font-weight:700;
  padding:12px 26px;
  border-radius:0;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
}
.page-news .news-hero__poster{
  position:relative;
  min-height:0;
}
.page-news .news-hero__img{
  width:100%;
  height:auto;
  max-height:340px;
  object-fit:cover;
  display:block;
}
.page-news .news-hero__poster-label{
  position:absolute;
  bottom:18px;
  left:18px;
  background:rgba(10,15,30,.84);
  backdrop-filter:blur(4px);
  border-left:3px solid var(--news-accent-orange);
  padding:8px 16px;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.page-news .news-hero__poster-tag{
  font-family:var(--font-num);
  color:var(--news-accent-orange);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
}
.page-news .news-hero__poster-text{
  color:var(--news-text);
  font-size:.85rem;
}
.page-news .news-hero__grid-bottom{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--news-line);
}
.page-news .news-hero__stat{
  padding:16px 14px;
  border-right:1px solid var(--news-line);
  border-bottom:1px solid var(--news-line);
  position:relative;
}
.page-news .news-hero__stat::before{
  content:attr(data-index);
  position:absolute;
  top:6px;
  right:8px;
  font-family:var(--font-num);
  font-size:.65rem;
  color:var(--news-muted);
  opacity:.55;
}
.page-news .news-hero__stat:nth-last-child(-n+2){
  border-bottom:none;
}
.page-news .news-hero__stat:nth-child(even){
  border-right:none;
}
.page-news .news-hero__stat-num{
  display:block;
  font-family:var(--font-num);
  font-size:1.45rem;
  font-weight:700;
  color:var(--news-accent-cyan);
  letter-spacing:.02em;
}
.page-news .news-hero__stat:nth-of-type(3) .news-hero__stat-num{
  color:var(--news-accent-green);
}
.page-news .news-hero__stat:nth-of-type(4) .news-hero__stat-num{
  color:var(--news-accent-purple);
}
.page-news .news-hero__stat:nth-of-type(2) .news-hero__stat-num{
  color:var(--news-accent-orange);
}
.page-news .news-hero__stat-label{
  display:block;
  margin-top:6px;
  color:var(--news-muted);
  font-size:.78rem;
}
.page-news .news-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:36px;
  padding-top:46px;
  padding-bottom:64px;
}
.page-news .news-sidebar__inner{
  position:sticky;
  top:calc(var(--header-h) + 18px);
}
.page-news .news-sidebar__block{
  margin-bottom:28px;
  padding-bottom:24px;
  border-bottom:1px solid var(--news-line);
}
.page-news .news-sidebar__title{
  font-family:var(--font-head);
  font-size:1.05rem;
  font-weight:700;
  color:var(--news-text);
  margin-bottom:14px;
  padding-left:12px;
  border-left:3px solid var(--news-accent-cyan);
  letter-spacing:.04em;
}
.page-news .filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-news .filter-btn{
  background:transparent;
  border:1px solid var(--news-line);
  color:var(--news-muted);
  font-family:var(--font-num);
  font-size:.8rem;
  padding:7px 14px;
  cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  transition:all .3s var(--ease);
}
.page-news .filter-btn:hover,
.page-news .filter-btn.is-active{
  background:rgba(0,194,255,.14);
  border-color:var(--news-accent-cyan);
  color:var(--news-accent-cyan);
}
.page-news .news-sidebar__link{
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 0;
  color:var(--news-muted);
  text-decoration:none;
  font-size:.9rem;
  border-bottom:1px dotted var(--news-line);
  transition:all .3s var(--ease);
}
.page-news .news-sidebar__link:last-child{
  border-bottom:none;
}
.page-news .news-sidebar__link:hover{
  color:var(--news-accent-cyan);
  padding-left:6px;
}
.page-news .news-sidebar__link-num{
  font-family:var(--font-num);
  color:var(--news-accent-purple);
  font-size:.78rem;
}
.page-news .news-sidebar__note{
  background:var(--news-bg-highlight);
  border:1px solid var(--news-line);
  padding:16px 18px;
  position:relative;
}
.page-news .news-sidebar__note::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:3px;
  height:100%;
  background:var(--news-accent-green);
}
.page-news .news-sidebar__note-title{
  font-family:var(--font-head);
  font-weight:700;
  font-size:.9rem;
  color:var(--news-accent-green);
  margin-bottom:8px;
}
.page-news .news-sidebar__note-text{
  color:var(--news-muted);
  font-size:.82rem;
  line-height:1.6;
}
.page-news .news-main__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:28px;
  min-height:44px;
}
.page-news .breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.85rem;
  color:var(--news-muted);
}
.page-news .breadcrumb a{
  color:var(--news-accent-cyan);
  text-decoration:none;
}
.page-news .breadcrumb__sep{
  color:var(--news-line);
}
.page-news .breadcrumb__current{
  color:var(--news-text);
}
.page-news .news-main__head-index{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-num);
}
.page-news .path-label{
  color:var(--news-muted);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.page-news .path-index{
  color:var(--news-accent-purple);
  font-size:.8rem;
  background:rgba(155,92,246,.1);
  border:1px solid var(--news-line);
  padding:4px 10px;
}
.page-news .news-section{
  margin-bottom:54px;
}
.page-news .section-header{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:22px;
  border-bottom:1px solid var(--news-line);
  padding-bottom:14px;
}
.page-news .section-header__index{
  font-family:var(--font-num);
  font-size:1.05rem;
  color:var(--news-accent-orange);
  opacity:.9;
}
.page-news .section-header__text{
  flex:1;
}
.page-news .eyebrow{
  font-family:var(--font-num);
  font-size:.75rem;
  color:var(--news-accent-cyan);
  letter-spacing:.16em;
  text-transform:uppercase;
  margin:0 0 3px;
}
.page-news .section-title{
  font-family:var(--font-head);
  font-size:1.5rem;
  font-weight:700;
  color:var(--news-text);
  letter-spacing:.02em;
  line-height:1.2;
  margin:0;
}
.page-news .section-header__tag{
  font-family:var(--font-num);
  font-size:.72rem;
  color:var(--news-accent-purple);
  border:1px solid rgba(155,92,246,.4);
  padding:4px 10px;
  clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));
  white-space:nowrap;
}
.page-news .news-headlines{}
.page-news .news-card--featured{
  background:var(--news-bg-card);
  border:1px solid var(--news-line);
  display:grid;
  grid-template-columns:1fr;
  overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.page-news .news-card--featured:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 48px rgba(0,0,0,.4);
}
.page-news .news-card__banner{
  position:relative;
}
.page-news .news-card__img{
  width:100%;
  height:auto;
  max-height:260px;
  object-fit:cover;
}
.page-news .news-card__badge{
  position:absolute;
  top:14px;
  left:14px;
  background:var(--news-accent-orange);
  color:#0A0F1E;
  font-family:var(--font-num);
  font-size:.75rem;
  font-weight:700;
  padding:5px 12px;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}
.page-news .news-card__body{
  padding:22px 22px 26px;
}
.page-news .news-card__time{
  font-family:var(--font-num);
  font-size:.78rem;
  color:var(--news-accent-green);
  display:inline-block;
  margin-bottom:10px;
}
.page-news .news-card__title{
  font-family:var(--font-head);
  font-size:1.4rem;
  font-weight:700;
  color:var(--news-head-color);
  line-height:1.35;
  margin:0 0 12px;
}
.page-news .news-card__excerpt{
  color:var(--news-muted);
  line-height:1.75;
  font-size:.9rem;
  margin-bottom:16px;
}
.page-news .news-card__link{
  color:var(--news-accent-cyan);
  text-decoration:none;
  font-family:var(--font-num);
  font-size:.85rem;
  border-bottom:1px solid rgba(0,194,255,.4);
  padding-bottom:2px;
  transition:color .3s var(--ease);
}
.page-news .news-card__link:hover{
  color:var(--news-accent-green);
  border-bottom-color:var(--news-accent-green);
}
.page-news .news-timeline{
  display:flex;
  flex-direction:column;
}
.page-news .news-timeline__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid var(--news-line);
  position:relative;
}
.page-news .news-timeline__item::before{
  content:"";
  position:absolute;
  left:44px;
  top:0;
  height:100%;
  width:1px;
  background:linear-gradient(to bottom,var(--news-accent-cyan) 0%,rgba(0,194,255,.2) 100%);
  opacity:.3;
}
.page-news .news-timeline__marker{
  width:44px;
  position:relative;
  z-index:1;
}
.page-news .news-timeline__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  background:var(--news-bg-deep);
  border:1px solid var(--news-accent-cyan);
  color:var(--news-accent-cyan);
  font-family:var(--font-num);
  font-size:.7rem;
  font-weight:700;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
.page-news .news-timeline__content{
  padding-top:2px;
}
.page-news .news-timeline__title{
  font-family:var(--font-head);
  font-size:1.08rem;
  font-weight:700;
  color:var(--news-text);
  margin:0 0 8px;
  line-height:1.4;
}
.page-news .news-timeline__text{
  color:var(--news-muted);
  font-size:.88rem;
  line-height:1.7;
  margin-bottom:10px;
}
.page-news .news-timeline__tag{
  display:inline-block;
  font-family:var(--font-num);
  font-size:.72rem;
  color:var(--news-accent-purple);
  background:rgba(155,92,246,.08);
  border:1px solid rgba(155,92,246,.3);
  padding:3px 10px;
}
.page-news .news-season{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
}
.page-news .news-card-3col{
  background:var(--news-bg-card);
  border:1px solid var(--news-line);
  display:flex;
  flex-direction:column;
  transition:border-color .35s var(--ease),transform .35s var(--ease);
}
.page-news .news-card-3col:hover{
  border-color:rgba(0,194,255,.55);
  transform:translateY(-3px);
}
.page-news .news-card-3col__head{
  position:relative;
  overflow:hidden;
}
.page-news .news-card-3col__num{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  background:rgba(10,15,30,.85);
  color:var(--news-accent-cyan);
  font-family:var(--font-num);
  font-size:.72rem;
  padding:4px 10px;
  border:1px solid rgba(0,194,255,.5);
}
.page-news .news-card-3col__img{
  width:100%;
  height:auto;
  max-height:190px;
  object-fit:cover;
}
.page-news .news-card-3col__body{
  padding:18px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.page-news .news-card-3col__cat{
  font-family:var(--font-num);
  font-size:.74rem;
  color:var(--news-accent-orange);
  margin-bottom:8px;
  letter-spacing:.04em;
}
.page-news .news-card-3col__title{
  font-family:var(--font-head);
  font-size:1.1rem;
  font-weight:700;
  color:var(--news-head-color);
  line-height:1.38;
  margin:0 0 10px;
}
.page-news .news-card-3col__text{
  color:var(--news-muted);
  font-size:.85rem;
  line-height:1.7;
  margin-bottom:14px;
  flex:1;
}
.page-news .news-card-3col__link{
  font-family:var(--font-num);
  font-size:.8rem;
  color:var(--news-accent-cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(0,194,255,.35);
  padding-bottom:2px;
  align-self:flex-start;
}
.page-news .news-card-3col__link:hover{
  color:var(--news-accent-green);
}
.page-news .news-insight{}
.page-news .news-insight__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  background:var(--news-bg-card);
  border:1px solid var(--news-line);
  overflow:hidden;
}
.page-news .news-insight__visual{
  position:relative;
}
.page-news .news-insight__visual::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:linear-gradient(135deg,rgba(0,194,255,.16) 0%,rgba(10,15,30,.4) 100%);
  mix-blend-mode:overlay;
  pointer-events:none;
}
.page-news .news-insight__img{
  width:100%;
  height:auto;
  max-height:280px;
  object-fit:cover;
}
.page-news .news-insight__content{
  padding:24px;
}
.page-news .news-insight__num{
  font-family:var(--font-num);
  color:var(--news-accent-purple);
  font-size:.8rem;
}
.page-news .news-insight__tag{
  display:inline-block;
  margin-top:12px;
  font-family:var(--font-num);
  font-size:.72rem;
  color:var(--news-accent-green);
  background:rgba(57,255,20,.08);
  border:1px solid rgba(57,255,20,.3);
  padding:3px 10px;
}
.page-news .news-insight__title{
  font-family:var(--font-head);
  font-size:1.4rem;
  font-weight:700;
  color:var(--news-head-color);
  line-height:1.35;
  margin:12px 0 16px;
}
.page-news .news-insight__text{
  color:var(--news-muted);
  font-size:.9rem;
  line-height:1.75;
  margin-bottom:12px;
}
.page-news .news-footer-note{
  background:var(--news-bg-highlight);
  border:1px solid var(--news-line);
  padding:28px 26px;
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:flex-start;
  margin-top:44px;
  position:relative;
}
.page-news .news-footer-note::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  border-top:2px solid var(--news-accent-orange);
  border-right:2px solid var(--news-accent-orange);
  width:46px;
  height:46px;
}
.page-news .news-footer-note__text{
  color:var(--news-text);
  font-size:.92rem;
  line-height:1.7;
  font-weight:500;
  margin:0;
  max-width:640px;
}
.page-news .news-footer-note__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:1px solid var(--news-accent-cyan);
  color:var(--news-accent-cyan);
  font-weight:700;
  padding:10px 24px;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  text-decoration:none;
}
.page-news .news-footer-note__btn:hover{
  background:rgba(0,194,255,.12);
  color:var(--news-accent-cyan);
}

@media (min-width:768px){
  .page-news .news-hero{
    padding:44px 28px 0;
  }
  .page-news .news-hero__grid{
    grid-template-columns:1.06fr .94fr;
  }
  .page-news .news-hero__content{
    padding:46px 42px 38px;
  }
  .page-news .news-hero__title{
    font-size:2.4rem;
  }
  .page-news .news-hero__desc{
    font-size:1rem;
  }
  .page-news .news-hero__poster-img{
    height:100%;
  }
  .page-news .news-hero__img{
    max-height:none;
    height:100%;
    min-height:340px;
  }
  .page-news .news-hero__grid-bottom{
    grid-template-columns:repeat(4,1fr);
  }
  .page-news .news-hero__stat{
    border-bottom:none;
  }
  .page-news .news-hero__stat:nth-child(even){
    border-right:1px solid var(--news-line);
  }
  .page-news .news-hero__stat:last-child{
    border-right:none;
  }
  .page-news .news-layout{
    grid-template-columns:240px 1fr;
    gap:48px;
    padding-top:56px;
  }
  .page-news .news-card--featured{
    grid-template-columns:.92fr 1.08fr;
  }
  .page-news .news-card__img{
    height:100%;
    max-height:none;
  }
  .page-news .news-card__body{
    padding:28px 30px;
  }
  .page-news .news-card__title{
    font-size:1.55rem;
  }
  .page-news .news-season{
    grid-template-columns:repeat(3,1fr);
  }
  .page-news .news-insight__grid{
    grid-template-columns:.9fr 1.1fr;
  }
  .page-news .news-insight__img{
    height:100%;
    max-height:none;
  }
  .page-news .news-insight__content{
    padding:32px 34px;
  }
  .page-news .news-footer-note{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding:32px 34px;
  }
  .page-news .news-footer-note__btn{
    flex-shrink:0;
  }
}

@media (max-width:767px){
  .page-news .news-sidebar__inner{
    position:static;
  }
  .page-news .news-main__head{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .page-news .path-index{
    display:none;
  }
}
