:root {--group-outer: rgba(240, 193, 89, 0.3);--body-top-entry: #abb8c3;--col__frame: linear-gradient(135deg, var(--area-zone-group), var(--zone-title));--zone-title: #ff6900;--wrap__area: #ff4444;--area-zone-group: #f0c159;--bar-meta: #141416;--lg-icon: #00d084;--tier__media: 12px;--primary-area: #ffffff;--zone-band: rgba(255, 255, 255, 0.05)}

* { box-sizing: border-box; }
html {scroll-behavior: smooth;overflow-x: hidden}
body.hero-lead {line-height: 1.6;background: var(--bar-meta);font-family: 'Segoe UI', Arial, sans-serif;overflow-x: hidden;margin: 0;color: var(--primary-area);pointer-events:auto;isolation:auto;outline-offset:0}
img {display: block;height: auto;max-width: 100%}
a {text-decoration: none;color: inherit}
ul {margin: 0;padding: 0;list-style: none}
h1, h2, h3 { margin: 0 0 0.5em; }
p {margin: 0 0 1em;color: var(--body-top-entry)}

.holder-row {margin: 0 auto;padding: 0 20px;max-width: 1200px}


.block__lead {background: rgba(20, 20, 22, 0.95);backdrop-filter: blur(6px);position: sticky;top: 0;z-index: 1000;border-bottom: 1px solid var(--area-zone-group)}
.foot-media {position: relative;display: flex;justify-content: space-between;padding: 15px 0;gap: 16px;align-items: center}
.lg-wrap {display: flex;gap: 15px;align-items: center}
.main-wrap {align-items: center;border-radius: 50%;background: var(--col__frame);height: 44px;overflow: hidden;justify-content: center;display: flex;width: 44px}
.main-wrap img {height: 100%;border-radius: 50%;width: 100%;object-fit: cover}
.outer-badge {color: var(--bar-meta);font-size: 1.1rem;font-weight: 800}

.section-head {gap: 8px;display: flex;justify-content: center;flex-wrap: wrap;flex: 1}
.section-head a {font-size: 0.9rem;padding: 8px 12px;color: var(--primary-area);border-radius: 8px;white-space: nowrap}
.section-head a:hover, .section-head a.bar-banner {background: rgba(240, 193, 89, 0.1);color: var(--area-zone-group)}

.text-page {display: flex;gap: 10px}
.frame-layout {border: none;padding: 6px 10px;cursor: pointer;background: none;border-radius: 6px;color: var(--primary-area);font-size: 1.4rem;display: none}
.frame-layout:hover {background: rgba(240, 193, 89, 0.1);color: var(--area-zone-group)}


.outer-strip-text {font-weight: 700;background: var(--col__frame);transition: transform 0.2s ease, box-shadow 0.2s ease;display: inline-block;border: none;padding: 12px 24px;border-radius: 25px;color: #fff}
.outer-strip-text:hover {box-shadow: 0 8px 20px rgba(240, 193, 89, 0.4);transform: translateY(-2px)}
.panel-note { background: var(--lg-icon); }
.flex-text-block {border: 2px solid var(--area-zone-group);background: transparent;color: var(--area-zone-group)}
.region-list {display: block;text-align: center;width: 100%}


.widget-row { display: block; }
.body-badge {padding: 64px 0 40px;text-align: center}
.body-badge h1 {font-weight: 800;color: var(--area-zone-group);margin-bottom: 20px;line-height: 1.2;font-size: 2.8rem}
.body-badge p {max-width: 800px;font-size: 1.15rem;color: var(--body-top-entry);margin: 0 auto 30px}
.inner-cell {justify-content: center;flex-wrap: wrap;display: flex;gap: 12px;margin-bottom: 24px}
.wrap-body {font-size: 0.8rem;background: rgba(240, 193, 89, 0.12);color: var(--body-top-entry);border: 1px solid var(--group-outer);padding: 6px 14px;border-radius: 999px}

.layout-top {padding: 30px;border: 2px solid var(--area-zone-group);background: rgba(240, 193, 89, 0.1);margin: 40px auto;text-align: left;max-width: 600px;border-radius: var(--tier__media)}
.layout-top h3 {text-align: center;margin-bottom: 20px;color: var(--area-zone-group)}
.layout-top li {margin-bottom: 10px;font-size: 1.05rem}
.card-text, .inner-block, .body-banner {text-align: center;margin: 32px 0}
.card-text img, .inner-block img, .body-banner img {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);margin: 0 auto;max-width: 100%;border-radius: var(--tier__media)}
.card-text img { max-width: 420px; }
.left-desc {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid;margin: 24px 0;gap: 20px}
.left-desc img {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);width: 100%;border-radius: var(--tier__media)}


.wide-view {margin-top: 24px;display: grid;gap: 24px;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))}


.wrap-lead {text-align: center;background: linear-gradient(135deg, rgba(255,215,0,0.15), rgba(240,193,89,0.1));border: 2px solid var(--area-zone-group);padding: 60px 40px;border-radius: 20px;margin: 40px 0}
.wrap-lead h1 {font-size: 2.4rem;margin-bottom: 16px;color: var(--area-zone-group)}
.text-content {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));margin-top: 24px;gap: 24px;display: grid}
.inner-site {border: 2px solid var(--group-outer);padding: 32px;background: var(--zone-band);text-align: center;border-radius: 20px;transition: all 0.3s ease}
.inner-site:hover {border-color: var(--area-zone-group);transform: translateY(-8px)}
.inner-site.note-site {background: linear-gradient(135deg, rgba(255,215,0,0.15), rgba(255,215,0,0.05));border-color: rgba(255,215,0,1)}
.nav-group {font-size: 3em;margin-bottom: 14px;display: block}
.card__area img {border-radius: 12px;margin: 0 auto 14px;width: 100%;box-shadow: 0 8px 20px rgba(0,0,0,0.3);max-width: 220px}
.zone-link {font-weight: 800;color: var(--area-zone-group);display: block;font-size: 1.25em;margin-bottom: 10px}
.content-primary-lead {margin-bottom: 10px;display: block;font-weight: 800;color: #ffd700;font-size: 2em}
.inner-site p { margin-bottom: 16px; }


.flex-lead {border: 2px solid var(--wrap__area);text-align: center;padding: 40px;background: linear-gradient(135deg, rgba(255,0,0,0.1), rgba(255,105,0,0.1));border-radius: 15px}
.flex-lead h2 {font-size: 2.2em;margin-bottom: 16px;color: var(--wrap__area)}
.note-block img {width: 360px;box-shadow: 0 10px 25px rgba(255,68,68,0.3);margin: 20px auto;max-width: 100%;border-radius: 15px}
.widget-panel {gap: 20px;margin: 24px 0;grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));display: grid}


.grid-feature {text-align: center;border-radius: 20px;background: linear-gradient(135deg, rgba(240,193,89,0.1), rgba(255,0,0,0.05));padding: 60px 40px;margin: 40px 0}
.grid-feature h1 {color: var(--area-zone-group);font-size: 2.4rem;margin-bottom: 16px}
.foot-band-slot {display: flex;align-items: center;gap: 10px;margin: 20px 0;justify-content: center}
.right-wrap {height: 12px;width: 12px;background: #ff0000;animation: q9-pulse 1.5s infinite;border-radius: 50%}
.feature-row {font-weight: 800;color: rgb(255,0,0)}
@keyframes q9-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }
.feature-area {background: #ffd700;color: rgba(0,0,0,1)}


.panel__view {margin-top: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px}
.outer-right {text-align: center;background: var(--zone-band);border: 1px solid var(--group-outer);border-radius: 15px;padding: 28px}
.outer-right.note-site {border-color: var(--area-zone-group);border-width: 2px}
.band-head img {box-shadow: 0 8px 20px rgba(0,0,0,0.3);max-width: 320px;width: 100%;border-radius: 12px;margin: 0 auto 16px}
.area-tier {display: block;font-size: 2.2em;margin-bottom: 8px}
.body__link {margin-bottom: 10px;font-size: 1.2em;color: var(--area-zone-group)}
.menu-slot { margin-bottom: 16px; }

.outer-right .wide-widget li::before { content: '🎯'; }


.segment-holder {gap: 20px;display: grid;margin-top: 24px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.link-foot {text-align: center;border: 1px solid var(--group-outer);background: var(--zone-band);padding: 20px;border-radius: var(--tier__media)}
.link-foot.side-info { border-color: #ffd700; }
.row-menu-info {font-size: 2.4em;margin-bottom: 10px}
.band__desc {margin-bottom: 6px;font-weight: 700;color: var(--area-zone-group)}
.layout-info {margin-bottom: 14px;font-size: 0.85em;color: #22c55e}


.block-info {gap: 24px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid;margin-top: 24px}
.page-menu-area {border: 1px solid var(--group-outer);background: var(--zone-band);text-align: center;padding: 24px;border-radius: var(--tier__media)}
.side-lg-title {margin-bottom: 10px;font-size: 2.6em}
.head-group {font-weight: 700;color: var(--area-zone-group);margin-bottom: 6px}
.row-data-widget {color: #ffd700;margin-bottom: 12px}


.col-area {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));margin: 24px 0;gap: 24px;display: grid}
.media-foot { text-align: center; }
.sec-top {margin-bottom: 8px;font-size: 2.2em}
.media-foot h4 {margin-bottom: 6px;color: var(--area-zone-group)}


.inner-link {border-top: 2px solid var(--wrap__area);padding: 40px 0;margin: 40px 0;text-align: center;background: rgba(255,68,68,0.08);border-bottom: 2px solid var(--wrap__area)}
.inner-link h3 {margin-bottom: 12px;color: var(--wrap__area);font-size: 1.8em}
.card-group {margin-bottom: 6px;font-size: 2em}
.primary-info {border-radius: 15px;text-align: center;border: 2px solid;padding: 28px}
.row-lead {margin-bottom: 12px;font-size: 2.6rem}
.primary-info h3 {margin-bottom: 8px;font-size: 1.3rem}
.narrow-block {margin-bottom: 16px;color: var(--body-top-entry)}
.primary-info ul { text-align: left; }
.primary-info li {margin-bottom: 8px;color: var(--body-top-entry);font-size: 0.9rem}
.page-left {border-color: #FFD700;background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 215, 0, 0.05))}
.page-left h3 { color: rgba(255,215,0,1); }
.side-view {background: linear-gradient(135deg, rgba(229, 228, 226, 0.1), rgba(229, 228, 226, 0.05));border-color: #E5E4E2}
.side-view h3 { color: #E5E4E2; }
.site-light-badge {background: linear-gradient(135deg, rgba(185, 242, 255, 0.1), rgba(185, 242, 255, 0.05));border-color: rgba(185,242,255,1)}
.site-light-badge h3 { color: #B9F2FF; }


.strip-box { margin: 30px 0; }
.strip-box h3 {color: var(--area-zone-group);margin-bottom: 20px;text-align: center}
.title-link {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 16px}
.module-bottom {text-align: left;padding: 18px;border-radius: 8px;background: rgba(255, 255, 255, 0.05)}
.module-bottom p {color: var(--body-top-entry);margin-bottom: 8px;font-style: italic}
.module-bottom cite {font-style: normal;color: var(--area-zone-group);font-size: 0.85rem}


.zone-alt-slot {padding-left: 20px;border-left: 2px solid var(--area-zone-group);gap: 20px;flex-direction: column;max-width: 720px;margin: 32px auto 0;display: flex}
.body-list {padding-left: 20px;position: relative}
.body-list::before {background: var(--area-zone-group);content: '';border-radius: 50%;left: -27px;position: absolute;height: 12px;width: 12px;top: 6px}
.row-foot {color: var(--area-zone-group);letter-spacing: 0.05em;margin-bottom: 4px;font-weight: 800;font-size: 0.85rem;text-transform: uppercase}
.wrap-text-container h3 {font-size: 1.05rem;color: var(--primary-area);margin-bottom: 6px}
.wrap-text-container p { margin: 0; }


.head-desc {margin: 56px 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 24px}
.panel-foot-main {padding: 28px;transition: all 0.2s ease;border: 1px solid var(--group-outer);background: var(--zone-band);border-radius: var(--tier__media);text-align: center}
.panel-foot-main:hover {border-color: var(--area-zone-group);transform: translateY(-4px)}
.segment-info {display: block;color: var(--area-zone-group);font-weight: 800;margin-bottom: 8px;font-size: 2.2rem}
.foot__desc {font-size: 0.85rem;color: var(--body-top-entry);text-transform: uppercase}


.region-link { margin: 64px 0; }
.hero-info-container {margin-bottom: 12px;text-align: center;font-size: 2.2rem;font-weight: 800;color: var(--area-zone-group)}
.hero-lg-slot {text-align: center;font-size: 1.05rem;color: var(--body-top-entry);margin-bottom: 36px}


.header__badge {gap: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))}
.module-banner {border: 1px solid var(--group-outer);padding: 28px;text-align: center;border-radius: var(--tier__media);transition: all 0.2s ease;background: var(--zone-band)}
.module-banner:hover {transform: translateY(-4px);border-color: var(--area-zone-group)}
.row__holder {margin-bottom: 16px;font-size: 2.6rem}
.module-banner h3 {margin-bottom: 10px;color: var(--area-zone-group)}
.module-banner p {margin: 0;color: var(--body-top-entry)}
.module-banner .outer-strip-text { margin-top: 16px; }


.area-site { margin-top: 56px; }
.sec-info {font-weight: 800;font-size: 1.7rem;color: var(--area-zone-group);text-align: center;margin-bottom: 24px}
.tier-band {gap: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}
.note-flex {background: var(--zone-band);text-align: center;border: 1px solid var(--group-outer);border-radius: var(--tier__media);padding: 20px}
.sub-main {margin-bottom: 8px;font-size: 1.8rem}
.note-flex h4 {margin-bottom: 4px;font-size: 1rem;color: var(--area-zone-group)}
.note-flex p {font-size: 0.85rem;margin: 0;color: var(--body-top-entry)}


.zone__frame {padding: 40px 0;margin: 60px 0;border-radius: var(--tier__media);background: var(--zone-band)}
.zone__frame h3 {font-size: 2em;text-align: center;margin-bottom: 30px;color: var(--area-zone-group)}
.layout-strip-main {border: 1px solid var(--group-outer);border-radius: var(--tier__media);background: var(--group-outer);grid-template-columns: 1.4fr 1fr 1fr;display: grid;overflow: hidden;gap: 1px}
.inner-data {text-align: center;font-weight: 800;padding: 14px;background: var(--area-zone-group);color: rgb(255,255,255)}
.row-title-inner {padding: 14px;background: var(--zone-band);text-align: center}
.layout-strip-main .row-title-inner:nth-child(3n+1) {font-weight: 700;text-align: left}
.body__note { color: #22c55e; }
.strip-desc { color: rgb(239,68,68); }


.inner-btn {text-align: center;border-radius: 20px;padding: 60px 40px;background: linear-gradient(135deg, rgba(240,193,89,0.1), rgba(255,105,0,0.1));margin: 40px 0}
.inner-btn h1 {margin-bottom: 20px;font-weight: 800;color: var(--area-zone-group);font-size: 2.6rem}
.section-secondary {font-size: 1.15rem;max-width: 800px;color: var(--body-top-entry);margin: 0 auto 20px}
.wrap__block { margin: 30px 0; }
.wrap__block img {max-width: 100%;max-height: 420px;box-shadow: 0 20px 40px rgba(0,0,0,0.3);border-radius: 20px}
.section__btn {justify-content: center;margin: 32px 0;display: flex;gap: 20px;flex-wrap: wrap}
.sm-block {justify-content: center;font-weight: 800;align-items: center;display: flex;gap: 10px;border-radius: 15px;padding: 15px 30px;color: #fff;transition: transform 0.2s ease;background: linear-gradient(135deg, var(--area-zone-group), var(--zone-title));min-width: 200px}
.sm-block:hover { transform: translateY(-3px); }
.sm-block.wrap-unit { background: linear-gradient(135deg, #000, #333); }
.box-main { font-size: 1.5em; }
.segment-band { font-size: 1.1em; }
.hero-media {border: 2px solid var(--wrap__area);background: rgba(255,68,68,0.1);padding: 18px;margin-top: 24px;border-radius: 12px}
.hero-media p {color: var(--wrap__area);font-weight: 700;margin: 0}


.item-text {display: grid;padding: 32px;border-radius: var(--tier__media);gap: 24px;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));background: rgba(240,193,89,0.05);margin-top: 24px}
.holder-header { text-align: center; }
.flex-menu {color: var(--area-zone-group);font-size: 2.2rem;display: block;margin-bottom: 6px;font-weight: 800}
.flex-bar {color: var(--body-top-entry);font-size: 0.85rem;text-transform: uppercase}


.section-list {gap: 24px;margin: 24px 0 40px;display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.site-list { text-align: center; }
.site-list img {margin: 0 auto;max-width: 260px;box-shadow: 0 10px 25px rgba(0,0,0,0.3);border-radius: 15px;width: 100%}
.site-list h4 {color: var(--area-zone-group);margin: 12px 0 6px}
.site-list p {color: var(--body-top-entry);margin: 0}


.hero-band-link {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));margin-top: 24px;gap: 32px}
.full-desc {padding: 28px;border-radius: 15px}
.full-desc ol {margin-bottom: 20px;color: var(--body-top-entry);line-height: 2;padding-left: 20px}
.full-desc h3 {text-align: center;font-size: 1.3em;margin-bottom: 16px}
.full-desc .outer-strip-text {width: fit-content;margin: 0 auto;display: block}
.meta-header {background: rgba(76,175,80,0.1);border: 2px solid #4CAF50}
.meta-header h3 { color: rgba(76,175,80,1); }
.block-strip-container {border: 2px solid #2196F3;background: rgba(33,150,243,0.1)}
.block-strip-container h3 { color: #2196F3; }


.inner__banner {margin: 24px auto;max-width: 560px;padding: 18px;border: 2px solid var(--wrap__area);border-radius: 12px;background: rgba(255,68,68,0.1)}
.inner__banner p {margin: 0;font-weight: 700;text-align: center;color: var(--wrap__area)}
.title-badge {gap: 30px;justify-content: center;margin-top: 32px;display: flex;flex-wrap: wrap}
.title-badge > div { text-align: center; }
.data-lead {margin-bottom: 4px;font-size: 2em}
.title-badge p {margin: 0;color: var(--body-top-entry);font-size: 0.9em}


.main-center-link {display: grid;gap: 24px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.module__cell {background: var(--zone-band);position: relative;border: 1px solid var(--group-outer);border-radius: var(--tier__media);padding: 24px}
.outer-foot {border-radius: 50%;margin-bottom: 12px;justify-content: center;display: inline-flex;width: 32px;align-items: center;height: 32px;background: var(--col__frame);color: #fff;font-weight: 800}
.module__cell h3 {font-size: 1rem;color: var(--area-zone-group);margin-bottom: 8px}


.box-box {flex-wrap: wrap;gap: 10px;justify-content: center;display: flex}
.meta-body {color: var(--body-top-entry);background: var(--zone-band);border: 1px solid var(--group-outer);font-size: 0.85rem;border-radius: 999px;padding: 8px 16px}


.view-zone {margin: 72px 0 24px;padding: 56px 32px;background: rgba(240, 193, 89, 0.1);text-align: center;border: 2px solid var(--area-zone-group);border-radius: var(--tier__media)}
.view-zone h2 {margin-bottom: 16px;font-size: 2.2rem;color: var(--area-zone-group)}
.view-zone p {margin-bottom: 24px;color: var(--body-top-entry);font-size: 1.1rem}
.hero__feature {display: flex;justify-content: center;flex-wrap: wrap;gap: 16px}

.inner__banner {border: 2px solid var(--wrap__area);margin: 30px 0;background: rgba(255, 0, 0, 0.1);padding: 20px;border-radius: var(--tier__media)}
.inner__banner p {font-weight: 700;text-align: center;margin: 0;color: var(--wrap__area)}

.panel-box {color: var(--body-top-entry);font-size: 0.8rem;text-align: center}


.block-light-note {padding: 40px 0;border-top: 1px solid rgba(240, 193, 89, 0.2);text-align: center;background: rgba(0, 0, 0, 0.3)}
.flex-secondary-note {justify-content: center;gap: 16px;margin-bottom: 20px;flex-wrap: wrap;display: flex}
.flex-secondary-note a {font-size: 0.9rem;color: var(--body-top-entry)}
.flex-secondary-note a:hover { color: var(--area-zone-group); }
.tier-left {display: flex;justify-content: center;gap: 16px;flex-wrap: wrap;color: var(--body-top-entry)}
.block-light-note p {color: var(--body-top-entry);margin-bottom: 8px}


.side__lead {padding: 48px 0 16px;text-align: center}
.menu-widget { padding: 16px 0 56px; }
.row-item-group { color: var(--body-top-entry); }
.row-item-group h2, .row-item-group h3 { color: var(--area-zone-group); }
.btn-zone { margin-top: 32px; }
.content__inner {text-align: left;margin-bottom: 12px}
.site-feature {display: block;padding: 6px 0;color: var(--area-zone-group)}


@media (max-width: 900px) {
  .section-head {top: 100%;flex-direction: column;right: 0;background: rgba(20, 20, 22, 0.97);position: absolute;left: 0;border-radius: 0 0 12px 12px;padding: 8px;gap: 0;display: none;box-shadow: 0 10px 30px rgba(0,0,0,0.35)}
  .section-head.site-alt-media { display: flex; }
  .section-head a {padding: 12px 16px;border-bottom: 1px solid rgba(255,255,255,0.08);text-align: center}
  .section-head a:last-child { border-bottom: none; }
  .frame-layout { display: block; }
  .text-page .outer-strip-text {font-size: 0.85rem;padding: 10px 16px}
}
@media (max-width: 640px) {
  .body-badge h1 { font-size: 2rem; }
  .head-desc { grid-template-columns: repeat(2, 1fr); }
  .header__badge { grid-template-columns: 1fr; }
}


.narrow-box {gap: 60px;grid-template-columns: 1fr 1fr;align-items: start;margin: 60px 0;display: grid}
.hero-group {border: 2px solid var(--group-outer);padding: 40px;border-radius: 20px;background: var(--zone-band)}
.hero-group h2 {text-align: center;color: var(--area-zone-group);font-size: 2em;margin-bottom: 30px}
.module-feature { margin-bottom: 25px; }
.module-feature label {display: block;font-weight: bold;color: var(--area-zone-group);margin-bottom: 8px}
.module-feature input {color: #fff;border: 2px solid var(--group-outer);width: 100%;font-size: 1em;background: rgba(255,255,255,0.1);padding: 15px;transition: all 0.3s;border-radius: 10px}
.module-feature input:focus {border-color: var(--area-zone-group);background: rgba(255,255,255,0.15);outline: none}
.main-right {padding: 18px;margin: 20px 0;border: none;border-radius: 15px;cursor: pointer;font-weight: bold;width: 100%;font-size: 1.2em;color: #fff;text-transform: uppercase;background: var(--col__frame)}
.main-right:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(240,193,89,0.4)}
.segment-unit {grid-template-columns: 1fr 1fr;display: grid;gap: 15px;margin: 30px 0}
.side-block {background: rgba(255,255,255,0.05);border: 2px solid rgba(255,255,255,0.2);gap: 10px;justify-content: center;padding: 12px;border-radius: 10px;color: #fff;align-items: center;text-align: center;display: flex}
.side-block:hover {border-color: var(--area-zone-group);background: rgba(240,193,89,0.1)}
.block-media {padding: 40px;border-radius: 20px;background: linear-gradient(135deg, rgba(240,193,89,0.1), rgba(255,105,0,0.05))}
.block-media h2 {color: var(--area-zone-group);font-size: 2em;text-align: center;margin-bottom: 30px}
.sec-main {gap: 15px;background: rgba(255,255,255,0.05);margin-bottom: 20px;padding: 15px;align-items: center;border-radius: 10px;display: flex}
.site__desc {min-width: 50px;font-size: 2em}
.box-outer h3 {color: var(--area-zone-group);margin-bottom: 5px}
.box-outer p {color: var(--body-top-entry);margin: 0}
.grid-frame {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;margin: 40px 0}
.content-info {border: 1px solid var(--group-outer);border-radius: 15px;text-align: center;background: rgba(255,255,255,0.05);padding: 25px}
.content-info .icon {font-size: 2.5em;margin-bottom: 15px}
.content-info h3 {margin-bottom: 10px;color: var(--area-zone-group)}
.content-info p {font-size: 0.9em;color: var(--body-top-entry)}
.site-lg-container {text-align: center;margin: 20px 0}
.site-lg-container a { color: var(--area-zone-group); }
.site-lg-container a:hover { text-decoration: underline; }
.tier-bar {text-align: center;border: 2px solid var(--lg-icon);background: rgba(0,208,132,0.1);border-radius: 15px;padding: 20px;margin-top: 30px}
.tier-bar p {margin-bottom: 15px;color: var(--body-top-entry)}
.tier-bar a {color: #fff;background: var(--lg-icon);padding: 12px 30px;display: inline-block;border-radius: 25px;font-weight: bold}
.tier-bar a:hover {transform: translateY(-2px);background: #00b572}
.inner__banner {margin: 30px 0;padding: 20px;border: 2px solid var(--wrap__area);background: rgba(255,0,0,0.1);border-radius: 12px}
.inner__banner p {margin: 0;color: var(--wrap__area);font-weight: bold}
@media (max-width: 768px) {
  .narrow-box {gap: 40px;grid-template-columns: 1fr}
  .segment-unit { grid-template-columns: 1fr; }
}


.slot-card {border: 2px solid #00bfff;border-radius: 20px;padding: 60px 40px;text-align: center;background: linear-gradient(135deg, rgba(0,191,255,0.15), rgba(240,193,89,0.1));margin: 40px 0}
.page__container {display: inline-flex;margin: 20px 0;align-items: center;background: rgba(0,191,255,0.2);gap: 15px;border: 2px solid #00bfff;border-radius: 25px;padding: 15px 30px}
.row-view {gap: 30px;margin: 40px 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))}
.nav-view {transition: all 0.3s;background: rgba(255,255,255,0.05);border: 2px solid rgba(240,193,89,0.3);position: relative;text-align: center;padding: 40px;border-radius: 20px}
.nav-view:hover {border-color: var(--area-zone-group);transform: translateY(-10px);box-shadow: 0 15px 35px rgba(240,193,89,0.3)}
.nav-view.note-site {background: linear-gradient(135deg, rgba(0,191,255,0.15), rgba(0,191,255,0.05));border-color: #00bfff}
.nav-view h3 {color: var(--area-zone-group);margin-bottom: 12px;font-size: 1.5rem}
.module-menu {display: flex;margin-bottom: 20px;align-items: center;font-size: 3em;height: 160px;border-radius: 15px;width: 100%;justify-content: center;background: linear-gradient(135deg, #87CEEB, #4169E1, #0000CD)}
.wide-widget {padding: 0;list-style: none;text-align: left;margin: 16px 0}
.wide-widget li {color: var(--body-top-entry);margin-bottom: 8px}
.wide-widget li::before {margin-right: 8px;content: '🚀'}
.feature-section {margin: 24px 0;gap: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.module__cell {text-align: center;border-radius: 15px;padding: 28px;background: rgba(255,255,255,0.1)}
.outer-foot {font-weight: 800;border-radius: 50%;background: var(--col__frame);width: 56px;justify-content: center;height: 56px;font-size: 1.4em;align-items: center;margin: 0 auto 16px;display: flex;color: #fff}
.card__block {text-align: center;color: var(--area-zone-group);margin: 32px 0 16px}
.zone__media {flex-wrap: wrap;gap: 14px;margin: 20px 0;display: flex;justify-content: center}
.site__group {padding: 10px 20px;font-weight: 800;color: #fff;background: linear-gradient(135deg, #00bfff, #0080ff);border-radius: 25px}
.main-badge {background: linear-gradient(135deg, rgba(240,193,89,0.1), rgba(255,105,0,0.05));border-radius: 20px;padding: 40px}


.inner-right-banner {background: linear-gradient(135deg, rgba(240,193,89,0.1), rgba(255,105,0,0.05));margin: 40px 0;border-radius: 20px;padding: 60px 40px;text-align: center}
.inner-right-banner h1 {margin-bottom: 16px;font-size: 2.4rem;color: var(--area-zone-group)}
.col__media {font-size: 1.2rem;color: var(--body-top-entry);margin-bottom: 20px}
.group-module {position: relative;margin: 40px auto;max-width: 600px}
.group-module input {color: var(--primary-area);background: rgba(255,255,255,0.1);font-size: 1.05rem;padding: 20px 60px 20px 20px;width: 100%;border: 2px solid var(--group-outer);border-radius: 25px}
.group-module button {right: 10px;cursor: pointer;background: var(--area-zone-group);border: none;position: absolute;border-radius: 50%;top: 50%;height: 40px;width: 40px;transform: translateY(-50%)}
.foot-head {max-width: 900px;display: flex;gap: 12px;justify-content: center;flex-wrap: wrap;margin: 30px auto}
.outer-text-title {color: var(--primary-area);background: rgba(255,255,255,0.1);border: 2px solid var(--group-outer);border-radius: 25px;padding: 10px 20px;font-weight: 700;cursor: pointer}
.outer-text-title.site-alt-media, .outer-text-title:hover {border-color: var(--area-zone-group);background: var(--area-zone-group);color: var(--bar-meta)}
.body-note {gap: 24px;margin-top: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))}
.right-lead {border: 2px solid var(--group-outer);text-align: center;border-radius: 20px;padding: 32px;background: var(--zone-band)}
.module__block {display: block;margin-bottom: 16px;font-size: 3rem}
.zone-note {font-size: 1.5rem;margin-bottom: 8px;color: var(--area-zone-group)}
.box-strip-area {margin-bottom: 12px;color: #ffd700;font-weight: 700}
.dark-slot {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 20px;margin-top: 24px}
.layout-bar {text-align: center;border: 1px solid var(--group-outer);border-radius: 15px;background: var(--zone-band);padding: 22px}
.btn-header {background: var(--col__frame);margin-bottom: 12px;justify-content: center;align-items: center;height: 120px;border-radius: 10px;width: 100%;font-size: 2.6rem;display: flex}
.body__link {font-weight: 700;margin-bottom: 6px;color: var(--area-zone-group)}
.desc-box {margin-bottom: 8px;color: var(--body-top-entry);font-size: 0.85rem}
.zone-area {margin-bottom: 12px;padding: 4px 12px;display: inline-block;color: var(--lg-icon);border-radius: 15px;background: rgba(0,208,132,0.2);font-weight: 700;font-size: 0.85rem}
.wrap-title-frame {margin-bottom: 12px;color: #ffd700;font-weight: 700;font-size: 0.85rem}
.area-narrow-banner {border-radius: 20px;margin: 60px 0;padding: 40px;background: var(--zone-band);text-align: center}
.inner-strip {gap: 24px;margin-top: 30px;display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))}
.segment-head-box {border: 1px solid var(--group-outer);text-align: center;padding: 24px;border-radius: 15px;background: rgba(255,255,255,0.08)}
.block-right-img {border-radius: 50%;color: #fff;align-items: center;justify-content: center;width: 70px;background: var(--col__frame);display: flex;height: 70px;margin: 0 auto 12px;font-weight: 800}


.list-holder {margin: 40px 0;padding: 60px 40px;border: 2px solid #228B22;border-radius: 20px;text-align: center;background: linear-gradient(135deg, rgba(34,139,34,0.15), rgba(240,193,89,0.1))}
.foot-area {background: rgba(34,139,34,0.1);border: 2px solid #228B22;border-radius: 12px;padding: 20px;margin: 30px 0}
.foot-area p {font-weight: 700;color: rgb(34,139,34);margin: 0}
.foot-band-slot {color: rgba(255,255,255,1);padding: 8px 18px;gap: 10px;margin: 16px 0;border-radius: 999px;display: inline-flex;background: rgba(255,0,0,0.15);font-weight: 700;align-items: center}
.right-wrap {border-radius: 50%;width: 10px;background: #ff0000;height: 10px;animation: q9-pulse 2s infinite}
@keyframes q9-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }
.card__widget {margin: 40px 0;display: grid;gap: 30px;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))}
.head-container {text-align: center;border: 2px solid rgba(240,193,89,0.3);padding: 40px;border-radius: 20px;background: rgba(255,255,255,0.05);transition: all 0.3s}
.head-container:hover {border-color: var(--area-zone-group);transform: translateY(-8px)}
.head-container.note-site {border-color: var(--area-zone-group);position: relative;overflow: hidden;background: linear-gradient(135deg, rgba(240,193,89,0.15), rgba(240,193,89,0.05))}
.head-container.note-site::after {font-weight: 800;padding: 5px 45px;content: 'MAIS APOSTADO';right: -35px;position: absolute;font-size: 0.8em;transform: rotate(45deg);color: #141416;background: var(--area-zone-group);top: 20px}
.head-container h3 {font-size: 1.5rem;color: var(--area-zone-group);margin-bottom: 12px}
.flex-top {gap: 20px;margin: 16px 0;display: flex;justify-content: center}
.narrow-container {color: var(--area-zone-group);display: block;font-size: 1.3rem;font-weight: 800}
.light-desc {font-size: 0.8rem;color: var(--body-top-entry)}
.bar-feature {border-radius: 20px;background: rgba(255,255,255,0.05);padding: 40px}
.tier-lg {gap: 20px;margin: 16px 0;background: rgba(255,255,255,0.08);align-items: center;padding: 20px 24px;border-radius: 15px;flex-wrap: wrap;display: flex;justify-content: space-between}
.header-info {display: flex;flex: 1;flex-direction: column;gap: 6px;min-width: 220px;color: #fff;font-weight: 600}
.content-data-widget {font-weight: 800;font-size: 0.9rem;color: #ff0000}
.full-cell {gap: 12px;display: flex}
.panel__lead {border-radius: 10px;padding: 10px 18px;font-weight: 800;background: linear-gradient(135deg, var(--area-zone-group), var(--zone-title));color: rgba(20,20,22,1)}
.foot__wrap {gap: 24px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));margin: 24px 0;display: grid}
.box-sm-media {background: var(--zone-band);padding: 28px;text-align: center;border: 1px solid var(--group-outer);border-radius: var(--tier__media)}
.item-badge {font-size: 2.4rem;margin-bottom: 16px}
.box-sm-media h3 {margin-bottom: 10px;color: var(--area-zone-group)}


.content__entry {color: var(--body-top-entry);margin: 20px 0}
.content__entry a { color: var(--area-zone-group); }
.content__entry a:hover { text-decoration: underline; }

.zone__badge { margin: 40px 0; }
.band-full {display: grid;gap: 60px;align-items: start;grid-template-columns: 1fr 1fr}
.inner-container {border: 2px solid var(--group-outer);background: var(--zone-band);padding: 40px;border-radius: 20px;text-align: center}
.badge-header {flex-wrap: wrap;justify-content: center;gap: 15px;display: flex;margin-top: 10px}
.side__banner {font-weight: 700;background: var(--col__frame);padding: 15px 30px;transition: transform 0.2s ease, box-shadow 0.2s ease;font-size: 1.1rem;border: none;border-radius: 15px;color: #fff}
.side__banner:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(240, 193, 89, 0.4)}
.side__banner.hero-secondary-text {border: 2px solid var(--area-zone-group);background: rgba(255, 255, 255, 0.1)}
.site-foot-wrap {color: var(--body-top-entry);font-size: 0.9rem;text-align: center;margin-top: 20px}
.alt-badge {padding: 40px;border-radius: 20px;background: linear-gradient(135deg, rgba(240,193,89,0.1), rgba(255,105,0,0.05))}
.img-col {color: var(--area-zone-group);margin-bottom: 12px;font-weight: 800;font-size: 2.2rem}
.left-img {color: var(--body-top-entry);font-size: 1.1rem;margin-bottom: 24px}
.row-info {padding: 25px;margin: 24px 0;text-align: center;background: linear-gradient(135deg, rgba(255,215,0,0.2), rgba(255,215,0,0.1));border: 2px solid #ffd700;border-radius: 15px}
.header-light-holder {display: block;margin-bottom: 8px;font-weight: 800;color: #ffd700;font-size: 2.2rem}
.row-info p {margin: 0;color: var(--body-top-entry)}
.content-light-note {gap: 16px;display: grid;grid-template-columns: repeat(2, 1fr);margin: 24px 0}
.flex-dark-icon {padding: 18px;background: rgba(255, 255, 255, 0.1);border-radius: 12px;text-align: center}
.center-badge {color: var(--area-zone-group);font-size: 1.6rem;display: block;font-weight: 800;margin-bottom: 4px}
.main-page {color: var(--body-top-entry);font-size: 0.85rem;text-transform: uppercase}
.site-frame { margin: 24px 0 0; }
.site-frame h3 {margin-bottom: 16px;color: var(--area-zone-group)}
.nav-entry {list-style: none;padding: 0}
.nav-entry li {color: var(--body-top-entry);padding-left: 26px;position: relative;margin-bottom: 10px}
.nav-entry li::before {left: 0;content: '⚡';position: absolute;color: var(--area-zone-group)}

.menu-slot {padding: 30px;max-width: 820px;background: var(--zone-band);border-radius: 15px;margin: 40px auto}
.menu-slot h3 {color: var(--area-zone-group);margin-bottom: 16px}
.meta-segment {background: var(--zone-band);margin: 40px auto;max-width: 900px;border-radius: 15px;padding: 30px}
.meta-segment h3 {margin-bottom: 16px;text-align: center;color: var(--area-zone-group)}
.flex-text {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));display: grid}
.img-flex {border: 1px solid var(--group-outer);padding: 20px;text-align: center;background: var(--zone-band);border-radius: var(--tier__media)}
.meta-wrap {display: block;margin-bottom: 8px;font-size: 1.8rem}
.desc-row {color: var(--primary-area);font-weight: 700;margin-bottom: 4px}
.region-left-group {font-size: 0.9rem;color: var(--area-zone-group)}

.desc-layout {gap: 25px;margin: 40px 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}
.segment-grid {border: 1px solid var(--group-outer);background: var(--zone-band);border-radius: 15px;transition: all 0.3s ease;padding: 20px;text-align: center}
.segment-grid:hover {border-color: var(--area-zone-group);transform: translateY(-5px)}
.group-main {border-radius: 10px;font-size: 2.5rem;margin-bottom: 15px;height: 120px;display: flex;width: 100%;justify-content: center;align-items: center;background: var(--col__frame)}
.segment-grid h4 {margin-bottom: 10px;color: var(--area-zone-group)}
.segment-grid p {font-size: 0.9rem;margin-bottom: 10px;color: var(--body-top-entry)}
.segment-grid .outer-strip-text {padding: 8px 20px;font-size: 0.9rem}

@media (max-width: 768px) {
  .band-full {gap: 40px;grid-template-columns: 1fr}
  .content-light-note { grid-template-columns: 1fr; }
  .badge-header {align-items: center;flex-direction: column}
}


.nav-top-main, .alt-media, .zone-widget, .hero-top,
.segment-badge, .box-head-feature { margin: 64px 0; }
.nav-top-main, .segment-badge {padding: 40px 0;text-align: center}


.row-badge {background: rgba(240, 193, 89, 0.12);gap: 24px;align-items: center;margin: 20px 0;padding: 14px 28px;border: 2px solid var(--area-zone-group);justify-content: center;flex-wrap: wrap;border-radius: 25px;display: inline-flex}
.module__media { text-align: center; }
.wrap__info {display: block;font-weight: 800;font-size: 1.6rem;color: var(--area-zone-group)}
.left-info {color: var(--body-top-entry);font-size: 0.75rem;text-transform: uppercase}


.section-grid-meta {border: 2px solid var(--zone-title);justify-content: center;margin: 20px 0;align-items: center;border-radius: 25px;background: rgba(255, 105, 0, 0.15);display: inline-flex;flex-wrap: wrap;padding: 14px 28px;gap: 18px}
.wrap-wide-cell { text-align: center; }
.panel__title {font-weight: 800;display: block;color: var(--zone-title);font-size: 1.6rem}
.module-main {font-size: 0.7rem;color: var(--body-top-entry);text-transform: uppercase}
.foot-zone {font-size: 1.4rem;color: var(--zone-title);font-weight: 800}


.body-wide-badge {gap: 20px;flex-direction: column;margin-top: 24px;display: flex}
.strip-banner {border: 1px solid var(--group-outer);background: var(--zone-band);border-radius: var(--tier__media);padding: 24px}
.item-btn {align-items: center;font-weight: 800;flex-wrap: wrap;color: var(--area-zone-group);margin-bottom: 14px;display: flex;justify-content: space-between;gap: 16px}
.content-light {border-radius: 20px;color: #fff;background: linear-gradient(135deg, var(--zone-title), var(--area-zone-group));padding: 8px 16px;font-weight: 800}
.box-narrow {margin: 12px 0;background: rgba(255, 255, 255, 0.1);border-radius: 4px;overflow: hidden;height: 8px;width: 100%}
.tier-narrow {height: 100%;background: linear-gradient(135deg, var(--area-zone-group), var(--zone-title));border-radius: 4px}
.area-frame {gap: 12px;flex-wrap: wrap;font-size: 0.85rem;display: flex;color: var(--body-top-entry);justify-content: space-between}


.site-holder {margin-top: 24px;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));display: grid;gap: 20px}
.view-content {padding: 28px;text-align: center;background: linear-gradient(135deg, rgba(255, 68, 68, 0.18), rgba(255, 68, 68, 0.08));border: 2px solid var(--wrap__area);border-radius: 15px}
.view-content h3 {color: var(--wrap__area);margin-bottom: 12px;font-size: 1.2em}
.menu-text {color: #fff;padding: 8px 16px;background: var(--wrap__area);display: inline-block;border-radius: 20px;font-weight: 800}


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