:root {
  font-family: "DM Sans", sans-serif;
  color: #fff;
  background: #29020d;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --red: #ed171d;
  --pink: #e6004c;
  --muted: #c7aab0;
  --line: rgba(255,255,255,.15);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: radial-gradient(ellipse at 54% 38%, #651026 0%, #3d091a 39%, #21020b 100%); }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
.page-shell { max-width: 1440px; min-height: 100vh; margin: auto; display: flex; flex-direction: column; padding: 0 5.3%; }
.topbar { position: relative; z-index: 2; width: 100vw; height: 94px; margin-left: calc(50% - 50vw); padding: 0 clamp(20px, 5.3vw, 76px); display: flex; align-items: center; justify-content: center; background: #c44348; box-shadow: 0 1px 0 rgba(255,255,255,.12); flex-shrink: 0; }
.topbar-inner { width: 100%; max-width: 1120px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; }
.brand-logo { width: 72px; height: 72px; display: grid; place-items: center; overflow: visible; background: transparent; }
.brand-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.brand-name { font-family: Manrope, sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -.7px; }
.headline-row { display: flex; align-items: center; gap: 16px; margin: 0 0 8px; }
.headline-koala { width: 92px; height: 92px; flex: 0 0 92px; display: block; object-fit: contain; padding: 5px; border-radius: 50%; background: #c44348; }
.headline-row h1 { margin: 0; }
.top-nav { display: flex; gap: clamp(20px, 3.4vw, 48px); color: #fff; font-size: 15px; font-weight: 700; letter-spacing: -.15px; text-shadow: 0 0 12px rgba(255,255,255,.22); }
.top-nav a { transition: color .15s ease, text-shadow .15s ease; }
.top-nav a:hover { color: #ffe4e5; text-shadow: 0 0 15px rgba(255,255,255,.5); }
.hero { flex: 1; width: min(1120px, 100%); margin: auto; display: grid; grid-template-columns: minmax(280px, 390px) minmax(390px, 1fr); align-items: center; gap: clamp(55px, 9vw, 130px); padding: 57px 0 64px; }
.photo-column { width: 100%; }
.photo-stage { position: relative; width: 100%; height: min(66vh, 590px); min-height: 460px; perspective: 1200px; }
.photo-wrap, .photo-peek { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; overflow: hidden; background: #3b2630; }
.photo-wrap { z-index: 3; box-shadow: 0 27px 70px rgba(0,0,0,.42); }
.photo-peek { box-shadow: 0 18px 35px rgba(0,0,0,.28); }
.photo-peek img { width: 100%; height: 100%; object-fit: cover; display: block; }
.peek-one { z-index: 2; transform: translate(9px, 8px) rotate(2.2deg) scale(.985); }
.peek-two { z-index: 1; transform: translate(17px, 16px) rotate(4deg) scale(.97); }
.photo-stage.is-shuffling .photo-wrap { animation: shuffle-front .72s cubic-bezier(.45,0,.35,1) both; }
.photo-stage.is-shuffling .peek-one { animation: shuffle-middle .72s cubic-bezier(.45,0,.35,1) both; }
.photo-stage.is-shuffling .peek-two { animation: shuffle-back .72s cubic-bezier(.45,0,.35,1) both; }
@keyframes shuffle-front {
  0%, 100% { transform: translate(0,0) rotate(0) scale(1); }
  24% { transform: translate(48px,-3px) rotate(8deg) scale(.95); }
  54% { transform: translate(-13px,4px) rotate(-3deg) scale(1.01); }
  78% { transform: translate(11px,1px) rotate(2deg) scale(.99); }
}
@keyframes shuffle-middle {
  0%, 100% { transform: translate(9px,8px) rotate(2.2deg) scale(.985); }
  24% { transform: translate(-41px,3px) rotate(-8deg) scale(.95); }
  54% { transform: translate(27px,-5px) rotate(5deg) scale(1.01); }
  78% { transform: translate(-7px,2px) rotate(-1deg) scale(1); }
}
@keyframes shuffle-back {
  0%, 100% { transform: translate(17px,16px) rotate(4deg) scale(.97); }
  24% { transform: translate(21px,-23px) rotate(-2deg) scale(1.02); }
  54% { transform: translate(-29px,10px) rotate(-6deg) scale(.97); }
  78% { transform: translate(12px,-7px) rotate(2deg) scale(1); }
}
.portrait { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; display: block; }
.content { max-width: 560px; padding: 10px 0; scroll-margin-top: 30px; }
.eyebrow { margin: 0 0 19px; display: flex; align-items: center; gap: 10px; color: #e5a8b1; font-size: 10px; font-weight: 700; letter-spacing: .18em; }
.eyebrow-line { display: inline-block; width: 23px; height: 2px; background: #fa484a; }
h1 { margin: 0; font-family: Manrope, sans-serif; font-size: clamp(42px, 5vw, 65px); line-height: 1.04; letter-spacing: -3.6px; font-weight: 800; }
.question { color: #ff3545; }
.intro { max-width: 470px; margin: 18px 0 31px; color: #d0b6bb; font-size: 15px; line-height: 1.75; }
.rating-block { position: relative; margin-top: 11px; scroll-margin-top: 40px; }
.rating-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; }
.rating { height: 39px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(18,0,7,.35); color: #f8e9eb; cursor: default; opacity: 1; font-size: 12px; font-weight: 700; transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.rating.demo-target { z-index: 1; transform: scale(1.06); border-color: #ffd86a; background: linear-gradient(145deg,#ffdf72,#ffb825); color: #38131a; box-shadow: 0 0 0 4px rgba(255,210,83,.2), 0 0 22px 7px rgba(255,190,37,.65); }
.rating.demo-pressed { animation: demo-press .22s ease-in-out; }
.demo-pointer { position: fixed; z-index: 1000; top: 0; left: 0; opacity: 0; font-size: 35px; line-height: 1; filter: drop-shadow(0 4px 3px rgba(0,0,0,.5)); pointer-events: none; user-select: none; transform: translate3d(var(--cursor-x),var(--cursor-y),0); transition: transform .62s cubic-bezier(.2,.75,.25,1), opacity .16s ease; }
.demo-pointer.is-visible { opacity: 1; }
.demo-pointer.is-entering { transform: translate3d(var(--cursor-start-x),var(--cursor-start-y),0); transition: none; }
.demo-pointer.is-anchored { transition: none; }
@keyframes demo-press { 50% { transform: scale(.93); box-shadow: 0 0 0 7px rgba(255,214,82,.34), 0 0 28px 10px rgba(255,190,37,.75); } }
.rating:focus-visible, .project-link:focus-visible { outline: 3px solid rgba(255,179,176,.55); outline-offset: 3px; }
.rating-feedback { min-height: 0; margin: 0; color: #c19da5; font-size: 10px; }
.rating-feedback:not(:empty) { min-height: 17px; margin: 8px 0 0; }
.links-heading { margin-bottom: 11px; font-size: 12px; font-weight: 700; scroll-margin-top: 35px; }
.project-links { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.project-link { min-height: 49px; display: flex; align-items: center; gap: 9px; padding: 0 15px; border-radius: 999px; font-size: 12px; font-weight: 700; transition: transform .16s ease, box-shadow .16s ease; }
.project-link:hover { transform: translateY(-2px); box-shadow: 0 9px 23px rgba(0,0,0,.2); }
.bot-link { color: white; background: linear-gradient(100deg, #ef171d, #d80b35); }
.site-link { color: white; background: #3038e9; }
.link-icon { width: 25px; height: 25px; flex: 0 0 25px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.2); font-size: 15px; }
.koala-icon { font-size: 17px; }
.link-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.footer { min-height: 58px; border-top: 1px solid rgba(255,255,255,.12); display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #a98a91; font-size: 10px; }
.footer-links { display: flex; align-items: center; gap: 9px; color: #f6e8eb; font-family: Manrope, sans-serif; font-size: 12px; font-weight: 700; }
.footer-links a { min-height: 36px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; background: rgba(255,255,255,.055); box-shadow: inset 0 1px rgba(255,255,255,.045); transition: color .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.footer-links a::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #ff6675; box-shadow: 0 0 9px rgba(255,82,107,.7); }
.footer-links a + a::before { background: #a8b7ff; box-shadow: 0 0 9px rgba(116,139,255,.7); }
.footer-links a:hover { transform: translateY(-2px); color: #fff; border-color: rgba(255,155,170,.55); background: rgba(237,50,83,.15); box-shadow: 0 5px 17px rgba(210,28,66,.2); }
.footer-links a:focus-visible { outline: 2px solid #ffacb8; outline-offset: 3px; }
.heart { color: #ff4351; }
.steps-section { width: min(1120px, 100%); margin: 0 auto; padding: 46px 0 66px; border-top: 1px solid rgba(255,255,255,.12); scroll-margin-top: 28px; }
.steps-heading { margin-bottom: 23px; }
.steps-heading .eyebrow { margin-bottom: 12px; }
.steps-heading h2 { margin: 0; font-family: Manrope, sans-serif; font-size: clamp(30px, 4vw, 42px); line-height: 1.15; letter-spacing: -1.6px; }
.steps-heading > p:last-child { margin: 10px 0 0; color: #c0a2a9; font-size: 14px; }
.steps-grid { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; list-style: none; }
.step-card { min-height: 205px; padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.035); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.step-card:hover { transform: translateY(-3px); border-color: rgba(244,97,112,.45); background: linear-gradient(145deg,rgba(214,42,75,.14),rgba(255,255,255,.035)); }
.step-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 21px; }
.step-number { color: #ff8f9b; font-family: Manrope, sans-serif; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.step-icon { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgba(255,130,147,.24); border-radius: 12px; background: rgba(220,48,78,.12); color: #ff9aa5; }
.step-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.step-card h3 { margin: 0 0 8px; font-family: Manrope, sans-serif; font-size: 17px; font-weight: 700; letter-spacing: -.25px; }
.step-card p { margin: 0; color: #c0a2a9; font-size: 12px; line-height: 1.7; }
.faq-section { width: min(1120px, 100%); margin: 0 auto; padding: 12px 0 72px; scroll-margin-top: 28px; }
.faq-heading { margin-bottom: 25px; }
.faq-heading .eyebrow { margin-bottom: 12px; }
.faq-heading h2 { margin: 0; font-family: Manrope, sans-serif; font-size: clamp(30px, 4vw, 42px); line-height: 1.15; letter-spacing: -1.6px; }
.faq-heading > p:last-child { margin: 10px 0 0; color: #c0a2a9; font-size: 14px; }
.faq-list { display: grid; gap: 9px; }
.faq-item { border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: linear-gradient(120deg,rgba(255,255,255,.055),rgba(255,255,255,.025)); transition: border-color .18s ease, background .18s ease; }
.faq-item:hover, .faq-item[open] { border-color: rgba(244,97,112,.48); background: linear-gradient(120deg,rgba(214,42,75,.13),rgba(255,255,255,.035)); }
.faq-item summary { min-height: 62px; padding: 17px 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; list-style: none; cursor: pointer; color: #fff6f7; font-size: 14px; font-weight: 700; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-toggle { position: relative; width: 25px; height: 25px; flex: 0 0 25px; border-radius: 50%; background: rgba(242,78,96,.17); }
.faq-toggle::before, .faq-toggle::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1.5px; border-radius: 2px; background: #ff8993; transform: translate(-50%,-50%); transition: transform .18s ease; }
.faq-toggle::after { transform: translate(-50%,-50%) rotate(90deg); }
.faq-item[open] .faq-toggle::after { transform: translate(-50%,-50%) rotate(0); }
.faq-answer { padding: 0 58px 17px 20px; color: #cdb4b9; font-size: 13px; line-height: 1.75; }
.faq-answer p { margin: 0; }
.faq-answer a { color: #ffabb0; text-decoration: underline; text-decoration-color: rgba(255,171,176,.4); text-underline-offset: 3px; }
.faq-answer a:hover { color: #fff; }
.faq-support { margin-top: 16px; min-height: 78px; padding: 14px 18px; border: 1px solid rgba(244,97,112,.3); border-radius: 14px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: linear-gradient(100deg,rgba(215,27,61,.2),rgba(255,255,255,.035)); }
.faq-support-copy > span { color: #fff; font-size: 14px; font-weight: 700; }
.faq-support-copy p { margin: 4px 0 0; color: #c0a2a9; font-size: 11px; }
.support-button { min-height: 45px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 17px; border: 1px solid rgba(255,255,255,.15); border-radius: 10px; background: linear-gradient(110deg,#f34b58,#d91e4f); box-shadow: 0 7px 20px rgba(211,20,63,.25); color: #fff; font-size: 12px; font-weight: 700; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease; }
.support-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.support-button:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(211,20,63,.38); filter: brightness(1.08); }
@media (max-width: 850px) {
  .page-shell { padding: 0 28px; }
  .topbar { padding: 0 28px; }
  .topbar-inner { gap: 28px; }
  .top-nav { gap: 18px; font-size: 13px; }
  .hero { gap: 35px; grid-template-columns: minmax(230px, .85fr) minmax(330px, 1.15fr); }
  .photo-stage { min-height: 420px; height: 60vh; }
}
@media (max-width: 650px) {
  .page-shell { padding: 0 20px; }
  .topbar { height: 76px; padding: 0 20px; }
  .brand-logo { width: 54px; height: 54px; border-radius: 10px; }
  .brand-name { font-size: 19px; }
  .headline-row { gap: 12px; }
  .headline-koala { width: 68px; height: 68px; flex-basis: 68px; padding: 3px; }
  .top-nav { display: none; }
  .hero { display: flex; flex-direction: column; align-items: stretch; gap: 27px; padding: 26px 0 36px; }
  .photo-stage { height: min(54vh, 440px); min-height: 300px; max-height: 440px; }
  .photo-wrap, .photo-peek { border-radius: 17px; }
  .portrait { object-position: center 38%; }
  .content { max-width: none; padding: 0 2px; }
  .eyebrow { margin-bottom: 13px; font-size: 9px; }
  h1 { font-size: clamp(42px, 10vw, 53px); letter-spacing: -2.8px; }
  .intro { margin: 13px 0 23px; font-size: 14px; }
  .rating { height: 40px; }
  .project-link { padding: 0 12px; font-size: 11px; }
  .footer { flex-wrap: wrap; gap: 10px; padding: 12px 0; font-size: 9px; }
  .footer-tagline { margin-left: auto; }
  .footer-links { width: 100%; justify-content: flex-end; gap: 8px; font-size: 11px; }
  .footer-links a { min-height: 34px; padding: 0 11px; }
  .steps-section { padding: 34px 0 44px; }
  .steps-grid { grid-template-columns: 1fr; gap: 10px; }
  .step-card { min-height: 0; padding: 17px; }
  .step-card-top { margin-bottom: 12px; }
  .faq-section { padding: 8px 0 48px; }
  .faq-item summary { min-height: 58px; padding: 15px; font-size: 13px; }
  .faq-answer { padding: 0 48px 15px 15px; font-size: 12px; }
  .faq-support { align-items: stretch; flex-direction: column; justify-content: center; min-height: 70px; padding: 13px 15px; }
  .support-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* News page */
.news-page { background: radial-gradient(ellipse at 52% 28%, #651026 0%, #3d091a 39%, #21020b 100%); }
.news-shell { min-height: 100vh; }
.news-page .top-nav a[aria-current="page"] { color: #ffe0e3; text-shadow: 0 0 15px rgba(255,255,255,.42); }
.news-hero { width: min(1120px,100%); min-height: 325px; margin: 0 auto; padding: 62px 0 38px; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; }
.news-hero-copy { position: relative; z-index: 1; }
.news-hero-copy .eyebrow { margin-bottom: 17px; }
.news-hero h1 { font-size: clamp(48px,6vw,72px); }
.news-hero-copy > p:last-child { max-width: 500px; margin: 19px 0 0; color: #d0b6bb; font-size: 15px; line-height: 1.8; }
.news-hero-art { position: relative; height: 245px; display: grid; place-items: center; }
.news-hero-art img { position: relative; z-index: 1; width: 175px; height: 175px; object-fit: contain; filter: drop-shadow(0 17px 32px rgba(0,0,0,.25)); animation: koala-float 4s ease-in-out infinite; }
.news-orbit { position: absolute; width: 220px; height: 220px; border: 1px solid rgba(255,151,165,.18); border-radius: 50%; }
.orbit-two { width: 280px; height: 140px; transform: rotate(-28deg); border-color: rgba(255,151,165,.12); }
.news-spark { position: absolute; color: #ff9daa; text-shadow: 0 0 17px rgba(255,94,124,.6); }
.spark-one { top: 26px; right: 23%; font-size: 28px; }
.spark-two { bottom: 30px; left: 19%; font-size: 18px; color: #ffc9a0; }
@keyframes koala-float { 50% { transform: translateY(-8px) rotate(2deg); } }
.featured-news { width: min(1120px,100%); min-height: 280px; margin: 0 auto 66px; padding: 12px; display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(25px,5vw,62px); align-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: linear-gradient(110deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); box-shadow: 0 18px 55px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.04); }
.featured-image { position: relative; min-height: 255px; display: grid; place-items: center; overflow: hidden; border-radius: 13px; background: radial-gradient(circle at 50% 42%,#87364b 0%,#5b152c 47%,#390a1c 100%); }
.featured-image::before,.featured-image::after { content: ""; position: absolute; width: 245px; height: 245px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.featured-image::after { width: 185px; height: 185px; }
.featured-image img { position: relative; z-index: 1; width: 185px; height: 185px; object-fit: contain; filter: drop-shadow(0 12px 25px rgba(0,0,0,.25)); }
.featured-badge { position: absolute; top: 16px; left: 16px; z-index: 2; padding: 7px 11px; border: 1px solid rgba(255,255,255,.19); border-radius: 999px; background: rgba(34,4,15,.34); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.featured-copy { padding: 28px 32px 28px 0; }
.news-meta { display: flex; align-items: center; gap: 9px; color: #e5a8b1; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.meta-dot { width: 4px; height: 4px; border-radius: 50%; background: #f45b6d; }
.featured-copy h2 { margin: 15px 0 11px; font: 800 clamp(24px,3vw,34px)/1.2 Manrope,sans-serif; letter-spacing: -1.2px; }
.featured-copy p { max-width: 560px; margin: 0; color: #cdb4b9; font-size: 13px; line-height: 1.8; }
.news-text-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; color: #ffabb4; font-size: 12px; font-weight: 700; transition: color .16s ease,gap .16s ease; }
.news-text-link:hover { gap: 13px; color: #fff; }
.news-list-section { width: min(1120px,100%); margin: 0 auto; padding-bottom: 65px; }
.news-section-heading { margin-bottom: 22px; display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.news-section-heading .eyebrow { margin-bottom: 10px; }
.news-section-heading h2 { margin: 0; font: 800 clamp(30px,4vw,42px)/1.15 Manrope,sans-serif; letter-spacing: -1.6px; }
.news-count { padding: 8px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #c6a5ad; font-size: 10px; }
.news-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.news-card { min-height: 240px; padding: 20px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); transition: transform .18s ease,border-color .18s ease,background .18s ease; }
.news-card:hover { transform: translateY(-4px); border-color: rgba(244,97,112,.45); background: linear-gradient(145deg,rgba(214,42,75,.14),rgba(255,255,255,.035)); }
.news-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.news-card-icon { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgba(255,130,147,.24); border-radius: 12px; background: rgba(220,48,78,.12); color: #ff9aa5; font-size: 20px; }
.news-card-violet .news-card-icon { border-color: rgba(164,151,255,.24); background: rgba(104,81,199,.14); color: #c0b8ff; }
.news-card-gold .news-card-icon { border-color: rgba(255,202,137,.25); background: rgba(198,117,54,.13); color: #ffd09a; }
.news-category { color: #d1b1b8; font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.news-card h3 { margin: 0 0 9px; font: 700 17px/1.35 Manrope,sans-serif; letter-spacing: -.3px; }
.news-card p { margin: 0; color: #c0a2a9; font-size: 12px; line-height: 1.7; }
.news-card-bottom { margin-top: auto; padding-top: 19px; display: flex; justify-content: space-between; align-items: center; color: #ffabb4; font-size: 11px; font-weight: 700; }
.news-card a.news-card-bottom:hover { color: #fff; }
.news-cta { width: min(1120px,100%); min-height: 106px; margin: 0 auto 30px; padding: 16px 22px; display: flex; align-items: center; gap: 16px; border: 1px solid rgba(244,97,112,.3); border-radius: 15px; background: linear-gradient(100deg,rgba(215,27,61,.2),rgba(255,255,255,.035)); }
.news-cta-mark { width: 58px; height: 58px; flex: 0 0 58px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.08); }
.news-cta-mark img { width: 49px; height: 49px; object-fit: contain; }
.news-cta-copy { flex: 1; }
.news-cta-copy h2 { margin: 0; font: 700 16px Manrope,sans-serif; }
.news-cta-copy p { margin: 5px 0 0; color: #c0a2a9; font-size: 11px; }
.news-cta .support-button { text-decoration: none; }
@media (max-width: 850px) {
  .news-hero { min-height: 290px; }
  .featured-news { gap: 24px; }
  .featured-copy { padding-right: 14px; }
  .news-card { padding: 17px; }
}
@media (max-width: 650px) {
  .news-hero { min-height: 0; padding: 37px 0 28px; grid-template-columns: 1fr; }
  .news-hero h1 { font-size: 50px; }
  .news-hero-copy > p:last-child { margin-top: 13px; font-size: 13px; }
  .news-hero-art { position: absolute; right: 15px; width: 100px; height: 120px; margin-top: -120px; opacity: .48; overflow: hidden; }
  .news-hero-art img { width: 86px; height: 86px; }
  .news-orbit { width: 110px; height: 110px; }
  .orbit-two { width: 130px; height: 70px; }
  .news-spark { display: none; }
  .featured-news { margin-bottom: 44px; padding: 10px; grid-template-columns: 1fr; gap: 0; }
  .featured-image { min-height: 190px; }
  .featured-image img { width: 145px; height: 145px; }
  .featured-copy { padding: 21px 12px 18px; }
  .featured-copy h2 { font-size: 25px; }
  .news-list-section { padding-bottom: 42px; }
  .news-section-heading { align-items: start; }
  .news-count { margin-top: 2px; white-space: nowrap; font-size: 9px; }
  .news-grid { grid-template-columns: 1fr; gap: 10px; }
  .news-card { min-height: 205px; }
  .news-card-top { margin-bottom: 16px; }
  .news-cta { align-items: flex-start; flex-wrap: wrap; padding: 15px; }
  .news-cta-copy { min-width: calc(100% - 78px); padding-top: 6px; }
  .news-cta .support-button { width: 100%; }
}

.news-card-live { grid-column: 1 / -1; min-height: 0; padding: 13px; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr); align-items: center; gap: clamp(20px,4vw,48px); }
.air-showcase { position: relative; min-height: 520px; overflow: hidden; isolation: isolate; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: radial-gradient(ellipse at 50% 44%,#762a46,#260816 74%); }
.air-showcase-video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; opacity: 0; transform: scale(1.025); transition: opacity 1.2s cubic-bezier(.2,.65,.25,1),transform 1.8s cubic-bezier(.2,.65,.25,1); }
.air-showcase-video.is-active { opacity: 1; transform: scale(1); }
.air-video-shade { position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(25,3,13,.22),transparent 25%,transparent 65%,rgba(25,3,13,.48)); }
.air-live-pill { position: absolute; z-index: 5; left: 14px; top: 14px; padding: 8px 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(26,5,14,.68); color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .09em; backdrop-filter: blur(8px); }
.air-live-pill > span { width: 7px; height: 7px; border-radius: 50%; background: #ff4a5e; box-shadow: 0 0 11px #ff405a; animation: live-pulse 1.5s ease-in-out infinite; }
@keyframes live-pulse { 50% { opacity: .45; box-shadow: 0 0 3px #ff405a; } }
.air-video-caption { position: absolute; z-index: 4; left: 18px; bottom: 26px; color: #fff; font: 700 14px Manrope,sans-serif; text-shadow: 0 2px 12px rgba(0,0,0,.65); }
.air-progress { position: absolute; z-index: 4; left: 18px; right: 18px; bottom: 15px; height: 2px; overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.25); }
.air-progress span { display: block; width: 100%; height: 100%; transform-origin: left; background: #ff6477; animation: air-progress 6.5s linear infinite; }
.air-showcase.is-transitioning .air-progress span { animation: none; transform: scaleX(0); }
@keyframes air-progress { to { transform: scaleX(0); } }
.air-copy { padding: 17px 22px 17px 0; }
.air-copy .news-card-top { margin-bottom: 17px; }
.air-copy h3 { margin: 0 0 10px; font: 800 clamp(24px,3vw,32px)/1.2 Manrope,sans-serif; letter-spacing: -1px; }
.air-copy p { margin: 0; color: #c0a2a9; font-size: 13px; line-height: 1.8; }
.air-copy .news-card-bottom { margin-top: 22px; }
@media (max-width: 650px) {
  .news-card-live { grid-template-columns: 1fr; gap: 5px; padding: 10px; }
  .air-showcase { min-height: 0; height: min(125vw,520px); }
  .air-copy { padding: 17px 10px 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .air-showcase-video, .air-live-pill > span, .air-progress span { animation: none !important; transition-duration: .01ms !important; }
}

.koala-level-news { margin-top: 18px; padding: 13px; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(260px,.85fr); align-items: center; gap: clamp(22px,4vw,48px); overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: linear-gradient(110deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.koala-level-scene { position: relative; min-height: 385px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: radial-gradient(ellipse at 45% 46%,#64203b 0%,#3e1026 44%,#270816 100%); }
.koala-level-scene::before,.koala-level-scene::after { content: ""; position: absolute; left: 50%; top: 46%; width: 300px; height: 300px; border: 1px solid rgba(255,199,112,.12); border-radius: 50%; transform: translate(-50%,-50%); }
.koala-level-scene::after { width: 225px; height: 225px; border-color: rgba(255,199,112,.08); }
.level-up-badge { position: absolute; z-index: 4; top: 15px; left: 15px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; background: rgba(36,6,19,.45); color: #ffe4aa; font-size: 9px; font-weight: 800; letter-spacing: .09em; }
.level-up-badge b { margin-left: 4px; color: #fff; }
.koala-evolution { position: absolute; z-index: 2; left: 2%; top: 45%; width: 58%; height: 310px; transform: translateY(-50%); }
.evolution-item { position: absolute; inset: 0; margin: 0; display: grid; grid-template-rows: 1fr auto; justify-items: center; align-items: center; gap: 5px; text-align: center; opacity: 0; visibility: hidden; transform: translateY(15px) scale(.94); transition: opacity .7s ease,transform .8s cubic-bezier(.2,.75,.25,1),visibility .7s; }
.evolution-item.is-current { opacity: 1; visibility: visible; transform: translateY(0) scale(1); filter: drop-shadow(0 0 13px rgba(255,204,113,.24)); }
.evolution-portrait { width: 100%; height: 278px; display: grid; place-items: center; }
.evolution-portrait img { display: block; width: auto; max-width: 96%; height: 100%; object-fit: contain; filter: drop-shadow(0 10px 17px rgba(0,0,0,.28)); }
.evolution-item.is-current .evolution-portrait img { animation: evolution-bob 2.8s ease-in-out infinite; }
.evolution-item figcaption { color: #ffe19b; font-size: 9px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.fortune-wheel-stage { position: absolute; z-index: 3; right: 6%; top: 46%; width: 220px; height: 220px; transform: translateY(-50%); }
.fortune-wheel { position: absolute; inset: 8px; overflow: hidden; border: 5px solid #ffe4ac; border-radius: 50%; background: conic-gradient(#f07872 0deg 60deg,#8d4b82 60deg 120deg,#e7a54d 120deg 180deg,#7259a7 180deg 240deg,#dc6b78 240deg 300deg,#c38a49 300deg 360deg); box-shadow: 0 0 0 5px rgba(255,224,168,.12),0 15px 35px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.35); animation: fortune-spin 8s cubic-bezier(.15,.72,.12,1) infinite; }
.fortune-wheel::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: repeating-conic-gradient(from -1deg,transparent 0deg 58.5deg,rgba(255,255,255,.62) 59deg 60deg); }
.fortune-wheel .wheel-prize { position: absolute; z-index: 1; width: 24px; height: 24px; display: grid; place-items: center; font-size: 20px; line-height: 1; filter: drop-shadow(0 2px 2px rgba(25,4,14,.24)); transform: translate(-50%,-50%); }
.fortune-wheel .prize-one { left: 66.5%; top: 21.4%; }
.fortune-wheel .prize-two { left: 78%; top: 50%; }
.fortune-wheel .prize-three { left: 66.5%; top: 78.6%; }
.fortune-wheel .prize-four { left: 33.5%; top: 78.6%; }
.fortune-wheel .prize-five { left: 22%; top: 50%; }
.fortune-wheel .prize-six { left: 33.5%; top: 21.4%; }
.fortune-wheel > b { position: absolute; z-index: 2; left: 50%; top: 50%; width: 43px; height: 43px; display: grid; place-items: center; border: 3px solid #ffe5b3; border-radius: 50%; background: #4e1530; color: #ffd96f; font-size: 18px; transform: translate(-50%,-50%); box-shadow: 0 4px 12px rgba(0,0,0,.3); }
.wheel-pointer { position: absolute; z-index: 4; left: 50%; top: -2px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 25px solid #fff0c8; filter: drop-shadow(0 3px 4px rgba(0,0,0,.4)); transform: translateX(-50%); }
.level-spark { position: absolute; z-index: 2; color: #ffd884; text-shadow: 0 0 13px rgba(255,207,101,.65); animation: spark-drift 3s ease-in-out infinite; }
.level-spark-one { top: 27%; left: 46%; font-size: 25px; }
.level-spark-two { top: 65%; left: 42%; font-size: 17px; animation-delay: .8s; }
.level-progress { position: absolute; z-index: 4; left: 17px; right: 17px; bottom: 15px; }
.level-progress-label { margin-bottom: 7px; display: flex; justify-content: space-between; color: #f1c9a0; font-size: 9px; font-weight: 700; }
.level-progress-track { height: 6px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.16); box-shadow: inset 0 1px 2px rgba(0,0,0,.22); }
.level-progress-track span { display: block; width: 14%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ff8b70,#ffdc84); box-shadow: 0 0 12px rgba(255,193,103,.55); animation: level-fill 8s ease-in-out infinite; }
.current-level-number { display: inline-block; min-width: 1em; text-align: center; }
.koala-level-copy { padding: 22px 25px 22px 0; }
.koala-level-copy .news-card-top { margin-bottom: 16px; }
.koala-level-copy h3 { margin: 0 0 11px; font: 800 clamp(22px,2.8vw,30px)/1.2 Manrope,sans-serif; letter-spacing: -.8px; }
.koala-level-copy p { margin: 0; color: #c0a2a9; font-size: 13px; line-height: 1.8; }
.reward-tags { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 7px; }
.reward-tags span { padding: 7px 9px; border: 1px solid rgba(255,209,131,.18); border-radius: 999px; background: rgba(255,194,96,.07); color: #f6cf9f; font-size: 9px; font-weight: 700; }
.koala-level-copy .news-card-bottom { margin-top: 22px; }
@keyframes fortune-spin { 0%,12% { transform: rotate(0); } 76% { transform: rotate(1260deg); } 100% { transform: rotate(1440deg); } }
@keyframes evolution-bob { 0%,100% { transform: translateY(1px) rotate(-1.5deg); } 50% { transform: translateY(-7px) rotate(1.5deg); } }
@keyframes spark-drift { 50% { transform: translateY(-8px) scale(1.15); opacity: .65; } }
.level-progress-track span { width: 18%; transition: width 1.5s cubic-bezier(.2,.75,.25,1); animation: none; }

.telegram-channel-news { position: relative; margin-top: 18px; padding: 15px; display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.95fr); align-items: center; gap: clamp(24px,5vw,64px); overflow: hidden; border: 1px solid rgba(75,169,255,.26); border-radius: 18px; background: radial-gradient(ellipse at 18% 48%,rgba(24,116,196,.18),transparent 43%),linear-gradient(115deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.telegram-koala-art { position: relative; min-height: 330px; display: grid; place-items: center; overflow: hidden; isolation: isolate; border: 1px solid rgba(89,178,255,.15); border-radius: 14px; background: radial-gradient(ellipse at 50% 54%,#262f52 0%,#1c1638 45%,#210918 100%); }
.telegram-koala-art img { position: relative; z-index: 2; display: block; width: min(82%,330px); height: auto; object-fit: contain; filter: drop-shadow(0 16px 28px rgba(0,0,0,.3)); animation: telegram-koala-float 3.8s ease-in-out infinite; }
.telegram-art-orbit { position: absolute; z-index: 0; left: 50%; top: 53%; width: 270px; height: 270px; border: 1px solid rgba(75,169,255,.2); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 45px rgba(31,139,229,.12),inset 0 0 35px rgba(31,139,229,.07); }
.telegram-art-orbit-two { width: 205px; height: 205px; border-color: rgba(248,92,122,.16); }
.telegram-art-label { position: absolute; z-index: 3; top: 15px; left: 15px; padding: 8px 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(121,194,255,.25); border-radius: 999px; background: rgba(10,25,48,.68); color: #d9efff; font-size: 9px; font-weight: 800; letter-spacing: .08em; backdrop-filter: blur(8px); }
.telegram-art-label > span { color: #54b9ff; font-size: 9px; text-shadow: 0 0 8px rgba(84,185,255,.7); }
.telegram-art-spark { position: absolute; z-index: 1; color: #80d1ff; text-shadow: 0 0 16px rgba(83,180,255,.7); animation: telegram-spark 2.8s ease-in-out infinite; }
.telegram-art-spark-one { top: 28%; left: 17%; font-size: 23px; }
.telegram-art-spark-two { right: 16%; bottom: 29%; color: #ff99ab; font-size: 18px; animation-delay: .8s; }
.telegram-channel-copy { padding: 22px 30px 22px 0; }
.telegram-channel-copy .news-card-top { margin-bottom: 17px; }
.telegram-news-icon { border-color: rgba(79,176,255,.28); background: rgba(57,157,234,.14); color: #8bd2ff; }
.telegram-channel-copy h3 { max-width: 420px; margin: 0 0 11px; font: 800 clamp(23px,3vw,32px)/1.2 Manrope,sans-serif; letter-spacing: -.9px; }
.telegram-channel-copy p { margin: 0; color: #c0a2a9; font-size: 13px; line-height: 1.8; }
.telegram-channel-button { margin-top: 23px; padding: 12px 16px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; border: 1px solid rgba(117,197,255,.3); border-radius: 11px; background: linear-gradient(110deg,#168bd0,#2675c9); box-shadow: 0 8px 24px rgba(18,119,200,.2); color: #fff; font-size: 12px; font-weight: 800; transition: transform .18s ease,filter .18s ease,box-shadow .18s ease; }
.telegram-channel-button:hover { transform: translateY(-2px); filter: brightness(1.12); box-shadow: 0 12px 28px rgba(18,119,200,.32); }
@keyframes telegram-koala-float { 0%,100% { transform: translateY(2px); } 50% { transform: translateY(-7px); } }
@keyframes telegram-spark { 50% { transform: translateY(-7px) scale(1.15); opacity: .7; } }
@media (max-width: 850px) {
  .telegram-channel-news { grid-template-columns: minmax(0,1fr) minmax(240px,.95fr); gap: 22px; }
  .telegram-koala-art { min-height: 290px; }
  .telegram-art-orbit { width: 230px; height: 230px; }
  .telegram-art-orbit-two { width: 175px; height: 175px; }
}
@media (max-width: 650px) {
  .telegram-channel-news { grid-template-columns: 1fr; gap: 4px; padding: 10px; }
  .telegram-koala-art { min-height: 275px; }
  .telegram-koala-art img { width: min(72%,275px); }
  .telegram-channel-copy { padding: 17px 10px 14px; }
  .telegram-channel-copy h3 { font-size: 25px; }
  .telegram-channel-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .telegram-koala-art img,.telegram-art-spark { animation: none !important; }
}

.tiktok-gift-news { position: relative; margin-top: 18px; padding: 15px; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,1fr); align-items: center; gap: clamp(24px,5vw,64px); overflow: hidden; border: 1px solid rgba(255,103,128,.24); border-radius: 18px; background: radial-gradient(ellipse at 18% 45%,rgba(217,41,86,.18),transparent 44%),linear-gradient(115deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.tiktok-promo-art { position: relative; min-height: 355px; display: grid; place-items: center; overflow: hidden; isolation: isolate; border: 1px solid rgba(255,111,138,.16); border-radius: 14px; background: radial-gradient(ellipse at 50% 48%,#53203e 0%,#30112d 48%,#1c0a1e 100%); }
.tiktok-promo-art::before,.tiktok-promo-art::after { content: ""; position: absolute; z-index: -1; left: 50%; top: 48%; width: 265px; height: 265px; border: 1px solid rgba(70,208,224,.17); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 50px rgba(61,206,221,.08),inset 0 0 34px rgba(235,53,119,.09); }
.tiktok-promo-art::after { width: 205px; height: 205px; border-color: rgba(245,91,142,.18); }
.tiktok-live-badge { position: absolute; z-index: 4; top: 15px; left: 15px; padding: 8px 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,125,151,.26); border-radius: 999px; background: rgba(43,8,31,.72); color: #ffe2e8; font-size: 9px; font-weight: 800; letter-spacing: .08em; backdrop-filter: blur(8px); }
.tiktok-live-badge i,.tiktok-rec i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: #ff536e; box-shadow: 0 0 10px rgba(255,83,110,.72); }
.tiktok-phone { position: relative; z-index: 2; width: 165px; padding: 7px; border: 2px solid rgba(255,255,255,.55); border-radius: 24px; background: linear-gradient(145deg,#352438,#120b19); transform: rotate(-7deg); box-shadow: 0 18px 42px rgba(0,0,0,.4),-7px 5px 0 rgba(52,210,225,.7),7px -4px 0 rgba(247,55,119,.65); animation: tiktok-phone-float 4s ease-in-out infinite; }
.tiktok-phone-screen { position: relative; min-height: 235px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px; overflow: hidden; border-radius: 17px; background: radial-gradient(ellipse at 50% 30%,#984361,#471a43 55%,#211126); }
.tiktok-phone-screen::before { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg,rgba(255,255,255,.08),transparent 40%,rgba(10,3,17,.46)); }
.tiktok-rec { position: absolute; z-index: 1; top: 11px; left: 11px; display: flex; align-items: center; gap: 5px; color: #fff; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.tiktok-rec i { width: 6px; height: 6px; }
.tiktok-play { position: relative; z-index: 1; width: 49px; height: 49px; display: grid; place-items: center; padding-left: 3px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 17px; box-shadow: 0 0 24px rgba(255,255,255,.13); }
.tiktok-screen-caption { position: relative; z-index: 1; color: #fff; font: 800 19px/1.08 Manrope,sans-serif; letter-spacing: .06em; text-align: center; text-shadow: 0 2px 12px rgba(0,0,0,.5); }
.tiktok-brand { position: absolute; right: -56px; bottom: 70px; padding: 9px 14px; display: flex; align-items: center; gap: 6px; border: 1px solid rgba(255,255,255,.15); border-radius: 10px; background: rgba(18,8,22,.83); color: #6ce6e7; font-size: 23px; font-weight: 800; transform: rotate(7deg); text-shadow: 2px 1px #ff4d82; box-shadow: 0 9px 20px rgba(0,0,0,.22); }
.tiktok-brand span { color: #fff; font-size: 12px; letter-spacing: -.03em; text-shadow: none; }
.tiktok-gift-command { position: absolute; z-index: 3; right: 12px; bottom: 19px; padding: 10px 12px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,211,140,.28); border-radius: 12px; background: rgba(43,12,35,.91); box-shadow: 0 9px 24px rgba(0,0,0,.28); animation: gift-command-glow 2.4s ease-in-out infinite; }
.tiktok-gift-command > span { color: #e8c8d3; font-size: 8px; font-weight: 800; letter-spacing: .06em; }
.tiktok-gift-command code { padding: 5px 7px; border-radius: 6px; background: rgba(255,255,255,.1); color: #ffe4a6; font: 800 12px/1 monospace; }
.tiktok-gift-command b { font-size: 18px; }
.tiktok-art-star { position: absolute; z-index: 1; color: #76e6e7; text-shadow: 0 0 15px rgba(77,219,224,.68); animation: tiktok-star 2.8s ease-in-out infinite; }
.tiktok-art-star.star-a { top: 27%; left: 18%; font-size: 22px; }
.tiktok-art-star.star-b { top: 33%; right: 16%; color: #ff91ad; font-size: 18px; animation-delay: .8s; }
.tiktok-gift-copy { padding: 22px 30px 22px 0; }
.tiktok-gift-copy .news-card-top { margin-bottom: 17px; }
.tiktok-news-icon { border-color: rgba(255,117,150,.28); background: rgba(215,48,105,.14); color: #ff9db3; font-size: 22px; }
.tiktok-gift-copy h3 { max-width: 440px; margin: 0 0 11px; font: 800 clamp(23px,3vw,32px)/1.2 Manrope,sans-serif; letter-spacing: -.9px; }
.tiktok-gift-copy p { margin: 0; color: #c0a2a9; font-size: 13px; line-height: 1.8; }
.tiktok-gift-copy p code,.tiktok-gift-steps code { padding: 3px 6px; border: 1px solid rgba(255,209,131,.18); border-radius: 5px; background: rgba(255,194,96,.08); color: #ffdfa2; font: 700 .92em monospace; }
.tiktok-gift-steps { margin: 17px 0 0; padding: 0; display: grid; gap: 8px; list-style: none; }
.tiktok-gift-steps li { display: flex; align-items: center; gap: 9px; color: #dec4ca; font-size: 11px; }
.tiktok-gift-steps li b { width: 21px; height: 21px; flex: 0 0 21px; display: grid; place-items: center; border: 1px solid rgba(255,118,150,.24); border-radius: 50%; background: rgba(215,48,105,.13); color: #ffa6ba; font-size: 9px; }
.tiktok-gift-button { margin-top: 19px; padding: 12px 15px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; border: 1px solid rgba(255,118,150,.32); border-radius: 11px; background: linear-gradient(110deg,#c52855,#a91e4c); box-shadow: 0 8px 24px rgba(183,31,78,.2); color: #fff; font-size: 11px; font-weight: 800; transition: transform .18s ease,filter .18s ease,box-shadow .18s ease; }
.tiktok-gift-button:hover { transform: translateY(-2px); filter: brightness(1.12); box-shadow: 0 12px 28px rgba(183,31,78,.32); }
@keyframes tiktok-phone-float { 0%,100% { transform: translateY(2px) rotate(-7deg); } 50% { transform: translateY(-6px) rotate(-5deg); } }
@keyframes gift-command-glow { 50% { box-shadow: 0 9px 24px rgba(0,0,0,.28),0 0 20px rgba(255,190,103,.18); } }
@keyframes tiktok-star { 50% { transform: translateY(-7px) scale(1.15); opacity: .7; } }
@media (max-width: 850px) {
  .tiktok-gift-news { grid-template-columns: minmax(0,1fr) minmax(250px,1fr); gap: 22px; }
  .tiktok-promo-art { min-height: 325px; }
  .tiktok-gift-copy { padding-right: 12px; }
}
@media (max-width: 650px) {
  .tiktok-gift-news { grid-template-columns: 1fr; gap: 4px; padding: 10px; }
  .tiktok-promo-art { min-height: 315px; }
  .tiktok-gift-copy { padding: 17px 10px 14px; }
  .tiktok-gift-copy h3 { font-size: 25px; }
  .tiktok-gift-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .tiktok-phone,.tiktok-gift-command,.tiktok-art-star { animation: none !important; }
}

/* Decorative separators keep each story distinct while preserving the shared page style. */
.news-grid { gap: 17px; }
.news-grid .news-card { position: relative; border-color: rgba(255,255,255,.17); box-shadow: 0 8px 24px rgba(9,2,8,.16),inset 0 1px rgba(255,255,255,.045); }
.news-grid .news-card::before { content: ""; position: absolute; z-index: 1; top: 0; left: 18px; right: 18px; height: 1px; pointer-events: none; background: linear-gradient(90deg,transparent,rgba(255,125,146,.5),rgba(132,185,255,.35),transparent); }
.news-grid .news-card-live::before { background: linear-gradient(90deg,transparent,rgba(83,183,255,.55),rgba(255,104,139,.4),transparent); }
.news-grid .news-card-gold::before { background: linear-gradient(90deg,transparent,rgba(255,207,147,.6),rgba(255,125,146,.3),transparent); }
.news-grid .news-card:hover { box-shadow: 0 14px 32px rgba(9,2,8,.28),0 0 0 1px rgba(255,125,146,.08); }
.koala-level-news,.telegram-channel-news,.tiktok-gift-news { position: relative; margin-top: 38px; overflow: visible; }
.koala-level-news::before,.telegram-channel-news::before,.tiktok-gift-news::before { content: ""; position: absolute; z-index: 5; top: -20px; left: 6%; width: 88%; height: 1px; pointer-events: none; background: linear-gradient(90deg,transparent,rgba(255,111,139,.58) 24%,rgba(199,140,228,.52) 50%,rgba(95,184,255,.48) 76%,transparent); box-shadow: 0 0 10px rgba(219,88,134,.18); }
.koala-level-news::after,.telegram-channel-news::after,.tiktok-gift-news::after { content: ""; position: absolute; z-index: 6; top: -23px; left: 50%; width: 7px; height: 7px; border: 1px solid rgba(255,203,170,.68); border-radius: 50%; background: #391023; box-shadow: 0 0 11px rgba(255,115,150,.36); transform: translateX(-50%); }

/* Quiet bamboo branches with a different hanging koala between the feature posts. */
.koala-level-news,.telegram-channel-news,.tiktok-gift-news { margin-top: 0; overflow: hidden; }
.koala-level-news::before,.telegram-channel-news::before,.tiktok-gift-news::before,
.koala-level-news::after,.telegram-channel-news::after,.tiktok-gift-news::after { content: none; }
.koala-level-copy .koala-level-description { color: #f1e9ec; font: 500 14px/1.85 Manrope,sans-serif; letter-spacing: .005em; text-shadow: 0 1px 12px rgba(255,255,255,.045); }
.koala-level-description strong { color: inherit; font-weight: 700; }
.boost-profile-news { position: relative; margin: 0; padding: 15px; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,1fr); align-items: center; gap: clamp(24px,5vw,64px); overflow: hidden; border: 1px solid rgba(255,133,119,.22); border-radius: 18px; background: radial-gradient(ellipse at 16% 47%,rgba(219,75,88,.15),transparent 45%),linear-gradient(115deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.boost-visual { position: relative; min-height: 345px; overflow: hidden; isolation: isolate; border: 1px solid rgba(255,170,132,.16); border-radius: 14px; background: radial-gradient(ellipse at 50% 55%,#652844 0%,#39142f 48%,#210b22 100%); }
.boost-visual-badge { position: absolute; z-index: 5; top: 15px; left: 15px; padding: 8px 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,180,141,.23); border-radius: 999px; background: rgba(45,11,34,.7); color: #ffe5d3; font-size: 9px; font-weight: 800; letter-spacing: .08em; backdrop-filter: blur(8px); }
.boost-visual-badge i { width: 7px; height: 7px; border-radius: 50%; background: #ff9c70; box-shadow: 0 0 9px rgba(255,156,112,.6); }
.boost-orbit { position: absolute; z-index: 0; left: 50%; top: 53%; width: 275px; height: 275px; border: 1px solid rgba(255,189,125,.12); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 40px rgba(255,110,102,.08),inset 0 0 35px rgba(255,110,102,.05); }
.boost-orbit-two { width: 210px; height: 210px; border-color: rgba(112,199,223,.13); }
.boost-koala { position: absolute; z-index: 2; left: 11%; bottom: -2px; width: min(58%,250px); height: 285px; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 12px 20px rgba(0,0,0,.32)); animation: boost-koala-bob 3.4s ease-in-out infinite; }
.boost-trajectory { position: absolute; z-index: 1; left: 25%; top: 16%; width: 190px; height: 143px; border: 1px dashed rgba(255,212,158,.32); border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: rotate(-27deg); }
.boost-rocket { position: absolute; z-index: 3; top: 16%; right: 16%; width: 100px; height: 130px; overflow: visible; filter: drop-shadow(0 8px 13px rgba(255,125,88,.2)); transform: rotate(28deg); animation: boost-rocket-launch 3.2s ease-in-out infinite; }
.boost-spark { position: absolute; z-index: 3; color: #ffc790; text-shadow: 0 0 12px rgba(255,190,128,.42); animation: boost-spark-drift 2.7s ease-in-out infinite; }
.boost-spark-one { top: 25%; right: 22%; font-size: 20px; }
.boost-spark-two { bottom: 27%; left: 50%; color: #92d8e9; font-size: 16px; animation-delay: .7s; }
.boost-profile-copy { padding: 22px 30px 22px 0; }
.boost-profile-copy .news-card-top { margin-bottom: 17px; }
.boost-news-icon { border-color: rgba(255,155,124,.27); background: rgba(220,91,88,.14); color: #ffb39a; font-size: 22px; }
.boost-profile-copy h3 { max-width: 460px; margin: 0 0 11px; font: 800 clamp(23px,3vw,32px)/1.2 Manrope,sans-serif; letter-spacing: -.9px; }
.boost-profile-copy p { margin: 0; color: #eee8eb; font: 500 14px/1.85 Manrope,sans-serif; }
.boost-tags { margin-top: 18px; }
.boost-profile-button { margin-top: 22px; padding: 12px 15px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; border: 1px solid rgba(255,157,127,.27); border-radius: 11px; background: linear-gradient(110deg,#bd3a57,#8f315b); box-shadow: 0 8px 24px rgba(173,45,83,.2); color: #fff; font-size: 11px; font-weight: 800; transition: transform .18s ease,filter .18s ease,box-shadow .18s ease; }
.boost-profile-button:hover { transform: translateY(-2px); filter: brightness(1.1); box-shadow: 0 12px 28px rgba(173,45,83,.3); }
@keyframes boost-koala-bob { 0%,100% { transform: translateY(1px); } 50% { transform: translateY(-5px); } }
@keyframes boost-rocket-launch { 0%,100% { transform: translate(0,3px) rotate(28deg); } 50% { transform: translate(4px,-8px) rotate(31deg); } }
@keyframes boost-spark-drift { 50% { transform: translateY(-6px) scale(1.12); opacity: .72; } }
@media (max-width: 850px) {
  .boost-profile-news { grid-template-columns: minmax(0,1fr) minmax(250px,1fr); gap: 22px; }
  .boost-visual { min-height: 315px; }
  .boost-koala { height: 260px; }
  .boost-profile-copy { padding-right: 12px; }
}
@media (max-width: 650px) {
  .boost-profile-news { grid-template-columns: 1fr; gap: 4px; padding: 10px; }
  .boost-visual { min-height: 300px; }
  .boost-koala { left: 12%; width: min(58%,235px); height: 260px; }
  .boost-rocket { right: 18%; width: 88px; height: 115px; }
  .boost-profile-copy { padding: 17px 10px 14px; }
  .boost-profile-copy h3 { font-size: 25px; }
  .boost-profile-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .boost-koala,.boost-rocket,.boost-spark { animation: none !important; }
}
.boost-profile-news .boost-koala { left: 50%; bottom: 0; width: min(74%,330px); height: 325px; transform: translateX(-50%); }
@keyframes boost-koala-bob { 0%,100% { transform: translate(-50%,1px); } 50% { transform: translate(-50%,-5px); } }
@media (max-width: 650px) { .boost-profile-news .boost-koala { width: min(78%,310px); height: 290px; } }

/* Action links read as small, deliberate buttons. */
.news-card a.news-card-bottom { width: fit-content; margin-top: auto; padding: 9px 12px; justify-content: flex-start; gap: 12px; border: 1px solid rgba(255,149,164,.2); border-radius: 9px; background: rgba(205,48,79,.09); color: #ffc1ca; transition: color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease; }
.news-card a.news-card-bottom:hover { transform: translateY(-2px); border-color: rgba(255,164,178,.48); background: rgba(213,48,80,.2); color: #fff; box-shadow: 0 5px 15px rgba(12,2,9,.18); }
.news-card a.news-card-bottom:focus-visible,.telegram-channel-button:focus-visible,.boost-profile-button:focus-visible,.tiktok-gift-button:focus-visible { outline: 2px solid #ffc2cd; outline-offset: 3px; }
.telegram-channel-button { gap: 10px; }
.telegram-channel-button img { width: 21px; height: 21px; object-fit: contain; }
.footer-links a::before { display: none; }
.footer-links a img { width: 19px; height: 19px; flex: 0 0 19px; display: block; object-fit: contain; }
.footer-links .footer-link-channel:hover { border-color: rgba(81,190,255,.52); background: rgba(36,144,209,.15); box-shadow: 0 5px 17px rgba(28,138,198,.2); }
.footer-links .footer-link-site:hover { border-color: rgba(170,216,245,.45); background: rgba(124,184,219,.12); box-shadow: 0 5px 17px rgba(85,150,190,.16); }
.footer-links .footer-link-bot:hover { border-color: rgba(255,155,170,.55); background: rgba(237,50,83,.15); box-shadow: 0 5px 17px rgba(210,28,66,.2); }
.news-card-live .air-copy .news-card-bottom { margin-top: 30px; }

/* The old navigation is replaced by a small curtain opening for the news page. */
.curtain-opening { width: min(1120px,100%); margin: 0 auto 2px; flex: 0 0 auto; }
.curtain-stage { position: relative; height: 128px; overflow: hidden; isolation: isolate; }
.curtain-stage::before { content: ""; position: absolute; z-index: -1; inset: 0 0 9px; background: radial-gradient(ellipse at 50% 100%,rgba(255,209,155,.08),transparent 58%); }
.curtain-panel { position: absolute; z-index: 1; top: 0; bottom: 8px; width: 50%; background-image: repeating-linear-gradient(90deg,rgba(255,219,219,.055) 0 2px,rgba(25,1,11,.1) 2px 13px),linear-gradient(90deg,#511027 0%,#8a1c39 17%,#65122f 34%,#9b2341 49%,#68132f 68%,#8b1c39 84%,#511027 100%); box-shadow: 0 8px 22px rgba(8,0,5,.19),inset 0 -8px 12px rgba(20,0,8,.16); }
.curtain-panel-left { left: 0; clip-path: polygon(0 0,100% 0,97% 18%,91% 34%,87% 50%,89% 67%,96% 84%,89% 100%,0 100%); animation: curtain-open-left 1.35s cubic-bezier(.2,.72,.25,1) both; }
.curtain-panel-right { right: 0; clip-path: polygon(0 0,100% 0,100% 100%,11% 100%,4% 84%,11% 67%,13% 50%,9% 34%,3% 18%); background-position: 100% 0; animation: curtain-open-right 1.35s cubic-bezier(.2,.72,.25,1) both; }
.curtain-tie { position: absolute; z-index: 2; top: 62%; width: 34px; height: 7px; border: 1px solid rgba(221,185,133,.3); border-radius: 50%; background: linear-gradient(180deg,#ac835d,#715033); box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.curtain-tie-left { left: 34%; transform: rotate(-8deg); }
.curtain-tie-right { right: 34%; transform: rotate(8deg); }
.curtain-vine { position: absolute; z-index: 4; top: -3px; left: 50%; width: 86px; height: 123px; overflow: visible; filter: drop-shadow(0 2px 3px rgba(9,1,7,.22)); transform: translateX(-50%); }
.vine-stem { fill: none; stroke: #82936b; stroke-width: 4; stroke-linecap: round; }
.vine-leaf { fill: #778c5d; stroke: rgba(34,52,31,.55); stroke-width: 1.2; }
.curtain-koala { position: absolute; z-index: 5; left: 50%; bottom: 0; width: 104px; height: 104px; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 5px 9px rgba(0,0,0,.32)); transform: translateX(-50%); animation: koala-descend-vine .9s .52s cubic-bezier(.2,.8,.25,1) both,koala-vine-sway 4.4s 1.5s ease-in-out infinite; }
.curtain-arch-vine { position: absolute; z-index: 3; top: 0; left: -1%; width: 102%; height: 100px; overflow: visible; pointer-events: none; filter: drop-shadow(0 2px 3px rgba(6,15,6,.3)); }
.arch-vine-stem { fill: none; stroke: #71845a; stroke-width: 6; stroke-linecap: round; }
.arch-vine-leaves path { fill: #7e9166; stroke: rgba(37,52,30,.62); stroke-width: 1.4; }
.arch-vine-leaves g:nth-child(even) path { fill: #8b9a70; }
.curtain-brand { position: absolute; z-index: 7; top: 13px; left: 15px; display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px 5px 5px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(45,7,24,.42); color: #fff; font: 800 15px/1 Manrope,sans-serif; letter-spacing: -.25px; text-shadow: 0 1px 8px rgba(255,255,255,.2); backdrop-filter: blur(7px); transition: background .2s ease,border-color .2s ease,transform .2s ease; }
.curtain-brand img { display: block; width: 34px; height: 31px; object-fit: contain; }
.curtain-brand:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.27); background: rgba(73,10,34,.65); }
@keyframes curtain-open-left { from { transform: translateX(6%); } to { transform: translateX(-2%); } }
@keyframes curtain-open-right { from { transform: translateX(-6%); } to { transform: translateX(2%); } }
@keyframes koala-descend-vine { from { opacity: 0; transform: translate(-50%,-28px) rotate(-6deg); } to { opacity: 1; transform: translate(-50%,0) rotate(0); } }
@keyframes koala-vine-sway { 0%,100% { rotate: -2deg; } 50% { rotate: 2deg; } }
@media (max-width: 650px) {
  .curtain-stage { height: 105px; }
  .curtain-panel { bottom: 6px; }
  .curtain-arch-vine { height: 78px; }
  .curtain-koala { width: 86px; height: 86px; }
  .curtain-vine { width: 68px; height: 103px; }
  .curtain-brand { top: 9px; left: 9px; gap: 5px; padding: 4px 9px 4px 4px; font-size: 13px; }
  .curtain-brand img { width: 30px; height: 28px; }
  .curtain-tie { width: 27px; height: 6px; }
  .curtain-tie-left { left: 31%; }
  .curtain-tie-right { right: 31%; }
}
@media (prefers-reduced-motion: reduce) {
  .curtain-panel,.curtain-koala { animation: none !important; }
}
.bamboo-divider { position: relative; width: min(1120px,100%); height: 94px; margin: 0 auto; overflow: visible; }
.bamboo-stalk { position: absolute; top: 20px; left: 7%; right: 7%; height: 7px; border: 1px solid rgba(30,43,25,.45); border-radius: 99px; background: linear-gradient(180deg,#849371 0%,#71815e 45%,#596b4a 100%); box-shadow: 0 2px 4px rgba(0,0,0,.22),inset 0 1px rgba(232,237,202,.3); transform: rotate(-.4deg); }
.bamboo-stalk i { position: absolute; top: -2px; width: 7px; height: 9px; border-left: 1px solid rgba(35,49,29,.35); border-right: 1px solid rgba(228,231,184,.25); border-radius: 50%; background: linear-gradient(90deg,rgba(35,49,29,.08),rgba(223,231,183,.16),rgba(35,49,29,.1)); }
.bamboo-stalk i:nth-child(1) { left: 24%; }
.bamboo-stalk i:nth-child(2) { left: 69%; }
.bamboo-stalk i:nth-child(3) { left: 87%; }
.bamboo-leaf { position: absolute; z-index: 1; width: 22px; height: 10px; border: 1px solid rgba(33,47,28,.23); border-radius: 100% 0 100% 0; background: linear-gradient(145deg,#82936c,#596d49); box-shadow: inset 0 1px rgba(220,231,185,.22),0 2px 4px rgba(0,0,0,.16); }
.bamboo-leaf-left { top: 11px; left: 16%; transform: rotate(14deg); }
.bamboo-leaf-right { top: 27px; right: 15%; transform: rotate(194deg); }
.bamboo-hanger { position: absolute; z-index: 1; top: 25px; left: 50%; width: 1px; height: 15px; background: linear-gradient(#8b9870,#68543c); box-shadow: 0 0 2px rgba(0,0,0,.25); transform: translateX(-50%) rotate(1deg); transform-origin: top; }
.bamboo-koala { position: absolute; z-index: 2; top: 36px; left: 50%; display: block; width: 49px; height: 57px; object-fit: contain; filter: drop-shadow(0 4px 5px rgba(0,0,0,.3)); transform: translateX(-50%); transform-origin: 50% 0; animation: koala-hang-sway 4.8s ease-in-out infinite; }
.bamboo-divider-two .bamboo-koala { width: 52px; animation-delay: -.8s; }
.bamboo-divider-three .bamboo-koala { width: 56px; animation-delay: -1.5s; }
@keyframes koala-hang-sway { 0%,100% { rotate: -3deg; } 50% { rotate: 3deg; } }
@media (max-width: 650px) {
  .bamboo-divider { height: 82px; }
  .bamboo-stalk { top: 17px; left: 4%; right: 4%; height: 6px; }
  .bamboo-leaf-left { left: 11%; top: 9px; }
  .bamboo-leaf-right { right: 10%; top: 23px; }
  .bamboo-hanger { top: 22px; height: 13px; }
  .bamboo-koala { top: 32px; width: 43px; height: 49px; }
  .bamboo-divider-two .bamboo-koala { width: 46px; }
  .bamboo-divider-three .bamboo-koala { width: 49px; }
}
@media (prefers-reduced-motion: reduce) { .bamboo-koala { animation: none !important; } }

/* Consistent, brighter body copy beneath headlines throughout the news page. */
.news-hero-copy > p:last-child,
.featured-copy p,
.news-card p,
.koala-level-copy p,
.telegram-channel-copy p,
.tiktok-gift-copy p,
.news-cta-copy p { color: #eee8eb; font-family: Manrope,sans-serif; font-weight: 500; }
.koala-level-copy .koala-level-description { color: #eee8eb; font: 500 14px/1.85 Manrope,sans-serif; letter-spacing: .005em; text-shadow: none; }
.koala-level-description strong { color: inherit; font-weight: 700; }
@media (max-width: 850px) {
  .koala-level-news { grid-template-columns: minmax(0,1.05fr) minmax(230px,.95fr); gap: 18px; }
  .fortune-wheel-stage { width: 185px; height: 185px; right: 4%; }
  .koala-evolution { left: 2%; width: 58%; height: 285px; }
  .evolution-portrait { height: 250px; }
}
@media (max-width: 650px) {
  .koala-level-news { grid-template-columns: 1fr; gap: 5px; padding: 10px; }
  .koala-level-scene { min-height: 340px; }
  .fortune-wheel-stage { width: clamp(130px,43vw,160px); height: clamp(130px,43vw,160px); right: 2%; }
  .fortune-wheel { inset: 7px; }
  .fortune-wheel .wheel-prize { width: 20px; height: 20px; font-size: 17px; }
  .koala-evolution { left: 1%; width: 56%; height: 285px; }
  .evolution-portrait { height: 250px; }
  .koala-level-copy { padding: 17px 10px 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .evolution-item,.evolution-portrait img,.fortune-wheel,.level-spark,.level-progress-track span { animation: none !important; transition: none !important; }
}

/* Responsive polish for the news page across tablets and compact phones. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body.news-page { overflow-x: clip; }
.news-page img, .news-page video { max-width: 100%; }
.news-page a, .news-page summary { -webkit-tap-highlight-color: transparent; }
.news-page a:focus-visible, .news-page summary:focus-visible { outline: 2px solid #ffc2cd; outline-offset: 4px; }

@media (min-width: 651px) and (max-width: 900px) {
  .news-shell { padding-right: 28px; padding-left: 28px; }
  .news-hero { min-height: 290px; grid-template-columns: minmax(0,1.1fr) minmax(190px,.9fr); gap: 12px; padding-top: 42px; }
  .news-hero h1 { font-size: clamp(48px,7vw,64px); }
  .news-hero-art { transform: scale(.88); }
  .featured-news { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 20px; }
  .featured-copy { min-width: 0; padding: 22px 16px 22px 0; }
  .news-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .news-grid .news-card-live { grid-column: 1 / -1; grid-template-columns: minmax(0,1fr) minmax(230px,.8fr); gap: 20px; }
  .news-card { min-width: 0; padding: 17px; }
  .air-showcase { min-height: 360px; height: min(58vw,480px); }
  .koala-level-news, .telegram-channel-news, .tiktok-gift-news, .boost-profile-news { min-width: 0; }
  .koala-level-news { grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: 14px; }
  .koala-level-scene { min-height: 330px; }
  .telegram-channel-news { grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: 18px; }
  .tiktok-gift-news, .boost-profile-news { grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: 16px; }
  .news-cta { flex-wrap: wrap; }
}

@media (max-width: 650px) {
  .news-shell { padding-right: 18px; padding-left: 18px; }
  .curtain-opening { margin-bottom: 0; }
  .news-hero { gap: 0; }
  .news-hero h1 { font-size: clamp(43px,12vw,52px); letter-spacing: -2.4px; }
  .news-hero-copy > p:last-child { max-width: 38ch; }
  .news-section-heading { flex-wrap: wrap; align-items: flex-start; }
  .news-section-heading > div { min-width: 0; }
  .news-count { margin-left: auto; }
  .news-grid { min-width: 0; }
  .news-grid .news-card { min-width: 0; }
  .news-card-live { grid-template-columns: minmax(0,1fr); }
  .air-showcase { height: clamp(310px,112vw,440px); border-radius: 12px; }
  .air-video-caption { left: 14px; right: 14px; bottom: 25px; font-size: 12px; }
  .air-progress { left: 14px; right: 14px; }
  .air-copy h3 { font-size: 25px; }
  .koala-level-news { grid-template-columns: minmax(0,1fr); }
  .koala-level-scene { min-height: 320px; }
  .telegram-channel-news, .tiktok-gift-news, .boost-profile-news { grid-template-columns: minmax(0,1fr); }
  .telegram-channel-art, .tiktok-promo-art, .boost-visual { min-height: 270px; }
  .news-page .footer { align-items: flex-start; }
  .news-page .footer-links { width: 100%; justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
  .news-page .footer-links a { min-height: 42px; }
  .news-page .news-card a.news-card-bottom,
  .news-page .support-button,
  .news-page .telegram-channel-button,
  .news-page .tiktok-gift-button,
  .news-page .boost-profile-button { min-height: 44px; }
}

@media (max-width: 380px) {
  .news-shell { padding-right: 14px; padding-left: 14px; }
  .curtain-stage { height: 96px; }
  .curtain-brand { max-width: 145px; }
  .news-section-heading h2 { font-size: 29px; letter-spacing: -1.2px; }
  .news-count { padding: 7px 9px; font-size: 9px; }
  .featured-news { padding: 8px; }
  .faq-support { gap: 12px; }
  .bamboo-divider { height: 74px; }
}

@media (hover: none) {
  .news-card:hover, .step-card:hover { transform: none; }
}