:root {--wrap-area: #6366f1;--col-center-frame: #33deb8;--module-full: 0 8px 24px rgba(0, 0, 0, 0.35);--page-secondary: 8px;--strip-wrap: #00b890;--wrap__inner: #cbd5e1;--sec-narrow: #00d4aa;--unit-block: #ffffff;--area__meta: #1a2442;--card-desc: #0a0e27;--cell-outer: 16px;--sec-info: #2d3a5f;--holder-wrap: #141b3a;--area__img: 24px;--module-foot-desc: 0 16px 40px rgba(0, 0, 0, 0.45);--section-full: #94a3b8;--region-head: #fbbf24;--outer__lead: linear-gradient(135deg, var(--sec-narrow) 0%, var(--wrap-area) 100%);--frame-foot: #212d52}

* { box-sizing: border-box; }
html {overflow-x: hidden;scroll-behavior: smooth}
body.band-head {line-height: 1.6;overflow-x: hidden;font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;color: var(--unit-block);background: var(--card-desc);margin: 0;isolation:auto;outline-offset:0}
img {max-width: 100%;display: block;height: auto}
a {color: inherit;text-decoration: none}
ul {padding: 0;margin: 0;list-style: none}
h1, h2, h3, h4 {font-weight: 700;margin: 0 0 0.5em}
p {margin: 0 0 1em;color: var(--wrap__inner)}

.region-alt-area {max-width: 1200px;margin: 0 auto;padding: 0 24px}
.outer__widget {margin-bottom: 8px;font-size: 2rem;text-align: center;color: var(--unit-block)}
.dark-holder {color: var(--section-full);margin-bottom: 32px;text-align: center}
.content-sm {letter-spacing: 0.08em;font-weight: 600;text-transform: uppercase;font-size: 0.8rem;color: var(--sec-narrow)}
.primary-group { color: var(--wrap__inner); }
.primary-group h2, .primary-group h3 { color: var(--unit-block); }


.segment-sm {font-size: 0.95rem;cursor: pointer;border-radius: var(--page-secondary);transition: all 0.2s ease;border: 2px solid transparent;display: inline-flex;justify-content: center;font-weight: 600;padding: 12px 28px;align-items: center}
.badge-col {background: var(--outer__lead);color: #fff}
.badge-col:hover {box-shadow: var(--module-full);transform: translateY(-2px)}
.block-cell {background: transparent;color: var(--sec-narrow);border-color: var(--sec-narrow)}
.block-cell:hover { background: rgba(0, 212, 170, 0.1); }
.box-grid {background: var(--sec-narrow);color: rgb(6,33,15)}
.nav-dark-feature {color: var(--unit-block);background: var(--area__meta);border-color: var(--sec-info)}
.flex__btn {color: rgba(34,26,2,1);background: var(--region-head)}
.col-lead {background: var(--region-head);font-size: 0.85rem;padding: 8px 18px;color: #221a02}
.top-block {font-size: 1.1rem;padding: 16px 36px}
.alt-cell {padding: 8px 18px;font-size: 0.85rem}
.module__img { width: 100%; }


.section-head {background: rgba(10, 14, 39, 0.95);backdrop-filter: blur(10px);border-bottom: 1px solid var(--sec-info);z-index: 100;top: 0;position: sticky}
.body__note { width: 100%; }
.page-block { display: block; }
.band-strip-area {padding: 16px 24px;gap: 24px;margin: 0 auto;max-width: 1200px;justify-content: space-between;display: flex;align-items: center}
.light-btn {align-items: center;display: flex}
.col-narrow {color: transparent;background: var(--outer__lead);-webkit-background-clip: text !important;font-size: 1.4rem;background-clip: text !important;font-weight: 800}
.section__feature { height: 36px; }
.icon-block {gap: 20px;overflow: visible;display: flex;flex-wrap: wrap;align-items: center;flex: 1}
.tier__frame {white-space: nowrap;padding: 8px 12px;color: var(--wrap__inner);font-weight: 600;border-radius: var(--page-secondary);font-size: 0.9rem}
.tier__frame:hover, .tier__frame.inner-slot { color: var(--sec-narrow); }
.segment-band { position: relative; }
.widget-section {gap: 4px;align-items: center;display: flex;background: none;font-family: inherit;border: none}
.flex-note { font-size: 0.7em; }
.band-right {transform: translateY(8px);background: var(--area__meta);visibility: hidden;left: 0;padding: 10px;border: 1px solid var(--sec-info);display: grid;box-shadow: var(--module-foot-desc);top: 100%;gap: 2px;min-width: 300px;position: absolute;border-radius: var(--page-secondary);grid-template-columns: repeat(2, 1fr);opacity: 0;transition: all 0.2s ease}
.segment-band.hero-strip .band-right,
.segment-band:hover .band-right {opacity: 1;transform: translateY(0);visibility: visible}
.side__title {color: var(--wrap__inner);gap: 8px;display: flex;align-items: center;padding: 8px 10px;font-size: 0.85rem;white-space: nowrap;border-radius: var(--page-secondary)}
.side__title:hover, .side__title.inner-slot {color: var(--sec-narrow);background: var(--frame-foot)}
.region-wrap {font-size: 1rem;line-height: 1;flex: none}
.inner-frame {text-overflow: ellipsis;overflow: hidden}
.light-lead {align-items: center;gap: 10px;display: flex}
.module-sub {gap: 4px;background: none;display: none;border: none;cursor: pointer;flex-direction: column;padding: 8px}
.module-sub span {height: 2px;background: var(--unit-block);width: 22px}

.band-btn {overflow-y: auto;height: 100vh;top: 0;width: 300px;transition: right 0.3s ease;background: var(--holder-wrap);box-shadow: var(--module-foot-desc);right: -320px;position: fixed;z-index: 200;height: 100dvh}
.band-btn.hero-strip { right: 0; }
.hero-center-text {justify-content: space-between;align-items: center;display: flex;padding: 20px;border-bottom: 1px solid var(--sec-info)}
.title-wrap {font-size: 1.6rem;border: none;background: none;color: var(--unit-block);cursor: pointer}
.layout-light-container {gap: 16px;padding: 16px;display: flex;flex-direction: column}
.hero-img {padding-bottom: 12px;flex-direction: column;border-bottom: 1px solid var(--sec-info);display: flex;gap: 4px}
.site-right {letter-spacing: 0.06em;font-size: 0.75rem;margin: 0 0 4px;text-transform: uppercase;color: var(--section-full)}
.col-bar-slot {gap: 4px;grid-template-columns: repeat(2, 1fr);display: grid}
.sm-banner {display: flex;border-radius: var(--page-secondary);font-size: 0.85rem;gap: 8px;color: var(--wrap__inner);padding: 10px 8px;align-items: center}
.sm-banner:hover, .sm-banner.inner-slot {color: var(--sec-narrow);background: var(--area__meta)}
.info-band {inset: 0;position: fixed;transition: opacity 0.3s ease;visibility: hidden;background: rgba(0,0,0,0.6);opacity: 0;z-index: 199}
.info-band.hero-strip {visibility: visible;opacity: 1}

.segment-info { display: none; }


.band-cell {background: radial-gradient(circle at top right, rgba(0,212,170,0.12), transparent 60%), var(--card-desc);padding: 64px 0}
.full-container {max-width: 1200px;text-align: center}

.flex__main { padding: 40px 0 32px; }
.flex__main .page-unit-wrap {margin-bottom: 14px;font-size: 2.1rem}
.flex__main .sec__wrap {font-size: 1rem;margin-bottom: 18px}
.flex__main .flex__cell { max-width: 280px; }
.flex__main .layout-right { max-width: 220px; }
.hero-sm-img {align-items: center;text-align: left;grid-template-columns: 1.1fr 0.9fr;gap: 48px;display: grid}
.entry-hero {flex-direction: column;display: flex}
.entry-hero .region__icon,
.entry-hero .bottom-frame,
.entry-hero .top-badge { justify-content: flex-start; }
.region__icon {gap: 12px;flex-wrap: wrap;display: flex;margin-bottom: 20px;justify-content: center}
.band-widget {border: 1px solid var(--sec-info);padding: 6px 14px;border-radius: 999px;font-size: 0.8rem;background: var(--area__meta);color: var(--wrap__inner)}
.page-unit-wrap {color: var(--unit-block);margin-bottom: 20px;line-height: 1.15;font-size: 2.6rem}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .page-unit-wrap {background: var(--outer__lead);-webkit-background-clip: text !important;color: transparent;background-clip: text !important}
}
.layout-wrap {max-width: 320px;margin: 0 auto 24px}
.layout-right { display: none; }
.flex__cell {margin: 0;max-width: 420px}
.zone-secondary {width: 100%;border-radius: var(--cell-outer)}
.sec__wrap {margin-bottom: 24px;font-size: 1.1rem;color: var(--wrap__inner)}
.bottom-frame {gap: 24px;flex-wrap: wrap;margin-bottom: 32px;display: flex;justify-content: center}
.sec-sm-area {display: flex;font-weight: 600;color: var(--wrap__inner);gap: 8px;align-items: center}
.img-nav { color: var(--sec-narrow); }
.unit-cell { white-space: nowrap; }
.top-badge {flex-wrap: wrap;justify-content: center;gap: 16px;margin-bottom: 20px;display: flex}
.narrow-info {color: var(--section-full);font-size: 0.8rem}


.body-group {background: var(--holder-wrap);padding: 64px 0}
.side__widget {display: grid;gap: 24px;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));margin-top: 32px}
.nav-strip {padding: 28px;border: 1px solid var(--sec-info);background: var(--area__meta);transition: all 0.25s ease;border-radius: var(--cell-outer)}
.nav-strip:hover {transform: translateY(-4px);box-shadow: var(--module-full);background: var(--frame-foot)}
.foot-wrap {background: var(--frame-foot);margin-bottom: 12px;border-radius: 999px;font-size: 0.85rem;padding: 6px 14px;display: inline-block}
.outer-lg {color: var(--region-head);background: rgba(251,191,36,0.15)}
.info-block {color: var(--wrap-area);background: rgba(99,102,241,0.15)}
.card__desc {color: var(--sec-narrow);background: rgba(0,212,170,0.15)}
.hero-sm { font-size: 1.25rem; }
.layout__container {font-size: 0.9rem;font-weight: 600;color: var(--sec-narrow)}
.body-band { color: var(--wrap__inner); }
.block-frame {margin-top: 12px;color: var(--sec-narrow);display: inline-block;font-weight: 600}
.block-frame:hover { color: var(--col-center-frame); }


.hero__info { padding: 64px 0; }
.col-title {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-bottom: 28px}
.center-icon {background: var(--area__meta);cursor: pointer;border: 1px solid var(--sec-info);padding: 10px 20px;font-family: inherit;border-radius: 999px;font-weight: 600;color: var(--wrap__inner)}
.center-icon.inner-slot {border-color: transparent;color: #fff;background: var(--outer__lead)}
.layout-meta { position: relative; }
.body-sm {display: none;margin: 0 auto;max-width: 920px}
.body-sm.inner-slot { display: block; }
.tier-foot-area {border: 1px solid var(--sec-info);padding: 6px 12px;border-radius: var(--page-secondary);color: var(--wrap__inner);font-size: 0.8rem;background: var(--area__meta)}
.sec__text li {color: var(--wrap__inner);border-bottom: 1px solid var(--sec-info);padding: 10px 0}
.sec__text li:last-child { border-bottom: none; }
.sec__text li strong { color: var(--unit-block); }
.btn-layout {gap: 10px;display: flex;flex-wrap: wrap;justify-content: center}
.nav-cell {gap: 32px;align-items: start;grid-template-columns: 1.3fr 1fr;display: grid}
.page-slot { min-width: 0; }
.band-box img { border-radius: var(--cell-outer); }


.center-meta {background: var(--holder-wrap);padding: 64px 0}
.box__widget {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));display: grid;gap: 20px;margin-top: 32px}
.layout-btn {border: 1px solid var(--sec-info);padding: 24px;margin: 0;border-radius: var(--cell-outer);background: var(--area__meta)}
.section-bottom {font-style: italic;color: var(--wrap__inner)}
.box__container {color: var(--unit-block);margin: 0;font-weight: 700}
.meta-module {font-weight: 400;color: var(--section-full)}
.segment__btn {gap: 10px;margin-bottom: 24px;display: flex;justify-content: center;align-items: center}
.segment__btn span:first-child {font-size: 1.1rem;color: var(--region-head)}
.segment__btn span:last-child {font-weight: 700;color: var(--wrap__inner)}
.side-info {display: block;margin-bottom: 8px;font-size: 0.9rem;color: var(--region-head)}
.meta-foot {display: inline-block;color: var(--sec-narrow);font-size: 0.75rem;margin-top: 8px}


.area-main { padding: 64px 0; }
.sec-banner {gap: 40px;align-items: start;display: grid;grid-template-columns: 1.2fr 1fr}
.wrap-primary {gap: 16px;grid-template-columns: repeat(2, 1fr);display: grid}
.zone__container {padding: 20px;background: var(--area__meta);text-align: center;border: 1px solid var(--sec-info);border-radius: var(--cell-outer)}
.area__icon {color: var(--sec-narrow);font-size: 1.6rem;font-weight: 800;display: block}
.page__feature {font-size: 0.85rem;color: var(--section-full)}


.sec__meta {padding: 64px 0;background: var(--holder-wrap)}
.sm-holder {display: grid;margin-top: 32px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px}
.panel-list-view {border: 1px solid var(--sec-info);background: var(--area__meta);text-align: center;padding: 24px;border-radius: var(--cell-outer)}
.slot-layout {margin-bottom: 8px;display: block;font-size: 2rem}
.card-text { font-size: 1.05rem; }
.region__note {color: var(--wrap__inner);font-size: 0.9rem}
.block__lead {display: flex;margin-top: 36px;gap: 32px;flex-wrap: wrap;justify-content: center}
.wrap-link { text-align: center; }
.wrap-link strong {color: var(--sec-narrow);display: block;font-size: 1.4rem}
.wrap-link span {font-size: 0.85rem;color: var(--section-full)}


.info-card { padding: 64px 0; }
.box-light-block {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));margin-top: 32px;gap: 20px;display: grid}
.tier__feature {padding: 24px;text-align: center;transition: all 0.25s ease;border: 1px solid var(--sec-info);border-radius: var(--cell-outer);background: var(--area__meta)}
.tier__feature:hover {box-shadow: var(--module-full);transform: translateY(-4px)}
.layout-info {margin-bottom: 10px;font-size: 2rem;display: block}
.cell-panel { font-size: 1.05rem; }
.block-strip {font-size: 0.9rem;margin-bottom: 16px}
.sec-info {margin-top: 32px;text-align: center}


.inner-col {padding: 64px 0;background: var(--holder-wrap)}
.tier-item {display: flex;gap: 12px;max-width: 760px;margin: 32px auto 0;flex-direction: column}
.header-dark {border: 1px solid var(--sec-info);padding: 16px 20px;background: var(--area__meta);border-radius: var(--page-secondary)}
.wrap-unit {cursor: pointer;color: var(--unit-block);font-weight: 700}
.holder-tier {margin-bottom: 0;margin-top: 12px}


.side-lg-area { padding: 64px 0; }
.note-content {display: grid;align-items: center;grid-template-columns: 1.4fr 1fr;gap: 40px}
.feature-outer {display: flex;flex-direction: column;gap: 16px}


.band-item-media {padding: 64px 0;background: var(--holder-wrap)}
.head-block {margin-top: 32px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px}
.outer-area {border: 1px solid var(--sec-info);background: var(--area__meta);text-align: center;border-radius: var(--cell-outer);padding: 24px}
.site-inner {margin-bottom: 8px;font-size: 1.8rem;display: block}


.box-data-group {background: var(--outer__lead);padding: 64px 0}
.link-wrap {color: #fff;text-align: center}
.link-wrap h2 { color: #fff; }
.link-wrap p { color: rgba(255,255,255,0.9); }
.side-bottom {margin: 24px 0 12px;flex-wrap: wrap;justify-content: center;gap: 16px;display: flex}
.box-data-group .badge-col {background: #fff;color: var(--strip-wrap)}
.box-data-group .block-cell {color: #fff;border-color: #fff}
.section-link {color: rgba(255,255,255,0.85);font-size: 0.9rem}


.main__block {padding: 56px 0 24px;background: var(--holder-wrap);border-top: 1px solid var(--sec-info)}
.sec-right-btn {padding: 0 24px;gap: 32px;grid-template-columns: 1.5fr 1fr 1fr 1fr;margin: 0 auto;display: grid;max-width: 1200px}
.header__frame {display: flex;flex-direction: column}
.panel-title { gap: 8px; }
.inner-item {text-transform: uppercase;color: var(--unit-block);letter-spacing: 0.05em;margin-bottom: 12px;font-weight: 700;font-size: 0.85rem}
.col-left-view, .icon-zone {display: block;font-size: 0.9rem;color: var(--wrap__inner);padding: 4px 0}
.col-left-view:hover { color: var(--sec-narrow); }
.media-col { font-size: 0.9rem; }
.desc-header {margin-top: 12px;display: flex;gap: 8px;flex-wrap: wrap}
.icon-main {font-size: 0.75rem;padding: 4px 10px;color: var(--section-full);border-radius: 999px;background: var(--area__meta)}
.main-full {height: 32px;margin-bottom: 12px}
.band-holder {margin: 40px auto 0;max-width: 1200px;gap: 16px;align-items: center;flex-wrap: wrap;padding: 24px 24px 0;border-top: 1px solid var(--sec-info);display: flex;justify-content: space-between}
.module-frame {flex-wrap: wrap;display: flex;gap: 8px}
.foot-bottom {border: 1px solid var(--sec-info);background: var(--area__meta);font-size: 0.8rem;border-radius: var(--page-secondary);padding: 6px 12px;color: var(--wrap__inner)}
.title-header {text-align: right;color: var(--section-full);font-size: 0.8rem}
.title-header p {margin: 0;color: inherit}
.holder-panel {font-size: 0.75rem;color: var(--section-full)}


.nav-note {background: var(--holder-wrap);border-bottom: 1px solid var(--sec-info);padding: 16px 0}
.nav__box {gap: 8px;font-size: 0.85rem;color: var(--section-full);display: flex}
.nav__box li + li::before {margin-right: 8px;content: '/'}
.nav__box a { color: var(--sec-narrow); }

.main-band-feature { padding: 56px 0; }
.body__media {display: grid;align-items: start;grid-template-columns: 2fr 1fr;gap: 40px}
.layout-light {flex-direction: column;gap: 28px;display: flex}
.segment-link {background: var(--area__meta);padding: 28px;border: 1px solid var(--sec-info);border-radius: var(--cell-outer)}
.box-body { font-size: 1.4rem; }
.full-area { margin-bottom: 16px; }
.full-area h3 {color: var(--unit-block);font-size: 1rem}
.sm-info {display: flex;flex-direction: column;top: 100px;gap: 20px;position: sticky}
.region-badge { margin-top: 12px; }

.img-site {padding: 56px 0;background: var(--holder-wrap)}
.badge-module {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 24px}
.menu-note {flex-direction: column;display: flex;gap: 12px}
.flex__slot {border: 1px solid var(--sec-info);border-radius: var(--cell-outer);padding: 24px;background: var(--area__meta)}
.page__main {gap: 8px;flex-direction: column;display: flex}
.page__main a {color: var(--sec-narrow);font-size: 0.9rem}
.band__widget p { font-size: 0.9rem; }
.holder-hero p {margin: 0 0 6px;font-size: 0.9rem;color: var(--wrap__inner)}
.tier-info a {color: var(--sec-narrow);font-size: 0.9rem}

.sm-feature { padding: 56px 0; }
.dark-btn {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;margin-top: 24px;display: grid}
.tier__media {border: 1px solid var(--sec-info);padding: 24px;border-radius: var(--cell-outer);text-align: center;background: var(--area__meta)}
.tier__media h4 { margin-bottom: 16px; }


.content-zone-area { display: block; }
.hero-band-container {padding: 48px 0 24px;text-align: center}
.side-data-icon {background: var(--holder-wrap);padding: 40px 0;text-align: center}
.row-widget { padding: 24px 0 56px; }
.outer-container {align-items: start;gap: 40px;display: grid;grid-template-columns: 2fr 1fr}
.group-module {gap: 8px;position: sticky;border: 1px solid var(--sec-info);flex-direction: column;border-radius: var(--cell-outer);padding: 20px;background: var(--area__meta);top: 100px;display: flex}
.unit-badge {padding: 4px 0;font-size: 0.9rem;color: var(--sec-narrow)}



@media (max-width: 1150px) {
  .icon-block { display: none; }
  .module-sub { display: flex; }
  .panel__meta { display: none; }
  .segment-info {position: fixed;background: rgba(10, 14, 39, 0.97);gap: 10px;display: flex;z-index: 150;padding: 10px 16px calc(10px + env(safe-area-inset-bottom));left: 0;bottom: 0;right: 0;backdrop-filter: blur(10px);border-top: 1px solid var(--sec-info)}
  .segment-info .segment-sm { flex: 1; }
  body.band-head { padding-bottom: 64px; }
}
@media (max-width: 900px) {
  .sec-banner, .note-content, .body__media, .outer-container { grid-template-columns: 1fr; }
  .sec-right-btn { grid-template-columns: 1fr 1fr; }
  .title-header { text-align: left; }
  .hero-sm-img {grid-template-columns: 1fr;text-align: center}
  .entry-hero .region__icon,
  .entry-hero .bottom-frame,
  .entry-hero .top-badge { justify-content: center; }
  .flex__cell { display: none; }
  .layout-right {margin: 0 auto 24px;max-width: 280px;display: block}
  .nav-cell { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .page-unit-wrap { font-size: 2rem; }
  .sec-right-btn { grid-template-columns: 1fr; }
  .band-holder {align-items: flex-start;flex-direction: column}
}


.nav-strip .zone-secondary,
.tier__feature img,
.nav-strip img {max-height: 512px;background: linear-gradient(135deg, var(--area__meta), var(--frame-foot));aspect-ratio: 1 / 1 !important;object-fit: contain !important;max-width: 512px}


.sf-related-articles{margin:clamp(28px,5vw,56px) auto;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.24);border-radius:24px;padding:clamp(18px,3vw,28px);box-shadow:0 16px 45px rgba(15,23,42,.08);max-width:1120px}
.sf-related-articles h2{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.2;margin:0 0 8px}
.sf-related-articles>p{opacity:.78;margin:0 0 18px;line-height:1.65}
.sf-related-articles__list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;display:grid;gap:14px;padding:0;list-style:none}
.sf-related-articles__item{padding:0;margin:0;list-style:none}
.sf-related-articles__link{transition:transform .18s ease,border-color .18s ease,background .18s ease;color:inherit;background:rgba(255,255,255,.08);padding:16px;display:flex;border-radius:18px;flex-direction:column;text-decoration:none;gap:7px;border:1px solid rgba(148,163,184,.18);min-height:100%}
.sf-related-articles__link:hover{background:rgba(255,255,255,.13);transform:translateY(-2px);border-color:rgba(59,130,246,.45)}
.sf-related-articles__type{font-weight:700;color:inherit;opacity:.88;padding:3px 9px;background:rgba(59,130,246,.14);width:max-content;text-transform:uppercase;border-radius:999px;font-size:.72rem;letter-spacing:.04em}
.sf-related-articles strong{font-size:1rem;line-height:1.35}
.sf-related-articles small{opacity:.72;font-size:.88rem;line-height:1.45}
@media(max-width:640px){.sf-related-articles{padding:16px;border-radius:18px;margin:28px 12px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}