body {
margin: 0;
min-height: 100dvh;
overflow-x: hidden;
word-break: break-word;
overflow-wrap: anywhere;
font-family: 'DM Sans', sans-serif;
}

.pub-header {
position: relative;
background: #ffffff;
border-bottom: 2px solid #BBAED7;
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
}

.pub-header__frame {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
border-left: 1px solid #EEE9ED;
border-right: 1px solid #EEE9ED;
}

.pub-header__top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0;
border-bottom: 1px solid #EEE9ED;
gap: 32px;
}

.pub-header__brand {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-decoration: none;
flex-shrink: 0;
}

.pub-header__logo-box {
width: 48px;
height: 48px;
border-radius: 4px;
background: #EEE9ED;
border: 1px solid #BBAED7;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
}

.pub-header__logo-box img {
width: 36px;
height: 36px;
object-fit: contain;
display: block;
}

.pub-header__brand-name {
font-family: 'Archivo', sans-serif;
font-size: 16px;
font-weight: 700;
color: #1a0a2e;
letter-spacing: 0.02em;
line-height: 1.2;
white-space: nowrap;
}

.pub-header__tagline {
font-size: 16px;
color: #4a3060;
letter-spacing: 0.01em;
line-height: 1.4;
font-family: 'DM Sans', sans-serif;
background: linear-gradient(90deg, #EEE9ED 0%, #ffffff 100%);
padding: 8px 16px;
border-radius: 38px;
border: 1px solid #BBAED7;
}

.pub-header__region {
font-size: 16px;
color: #4a3060;
font-family: 'DM Sans', sans-serif;
letter-spacing: 0.01em;
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}

.pub-header__region-dot {
width: 8px;
height: 8px;
border-radius: 0px;
background: #8034AF;
display: inline-block;
transform: rotate(45deg);
}

.pub-nav {
padding: 0;
}

.pub-nav__list {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
gap: 8px;
flex-wrap: wrap;
}

.pub-nav__item {
position: relative;
}

.pub-nav__link {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'Archivo', sans-serif;
font-size: 16px;
font-weight: 400;
color: #2a1040;
text-decoration: none;
padding: 16px 16px;
letter-spacing: 0.01em;
line-height: 1.4;
border-radius: 0px;
transition: color 0.15s ease-out, background 0.18s ease-out;
white-space: nowrap;
min-height: 44px;
}

.pub-nav__link:hover,
.pub-nav__link:focus {
color: #8034AF;
background: #EEE9ED;
}

.pub-nav__link:focus {
outline: none;
}

.pub-nav__link:focus::before {
content: attr(aria-label);
position: absolute;
top: -24px;
left: 0;
font-size: 16px;
background: #8034AF;
color: #ffffff;
padding: 2px 8px;
border-radius: 4px;
white-space: nowrap;
pointer-events: none;
z-index: 10;
}

.pub-nav__link[aria-current="page"] {
color: #8034AF;
font-weight: 700;
}

.pub-nav__arrow {
display: inline-block;
width: 6px;
height: 6px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(-45deg);
transition: transform 0.12s ease-out;
}

.pub-nav__link:hover .pub-nav__arrow {
transform: rotate(-45deg) translateX(2px) translateY(-2px);
}

.pub-footer {
background: linear-gradient(180deg, #EEE9ED 0%, #ffffff 100%);
border-top: 1px solid #BBAED7;
padding: 48px 0 32px;
}

.pub-footer__frame {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
}

.pub-footer__body {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 32px;
padding-bottom: 32px;
border-bottom: 1px solid #BBAED7;
flex-wrap: wrap;
}

.pub-footer__brand {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
text-decoration: none;
}

.pub-footer__logo-box {
width: 44px;
height: 44px;
border-radius: 4px;
background: #EEE9ED;
border: 1px solid #BBAED7;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
}

.pub-footer__logo-box img {
width: 32px;
height: 32px;
object-fit: contain;
display: block;
}

.pub-footer__brand-name {
font-family: 'Archivo', sans-serif;
font-size: 16px;
font-weight: 700;
color: #1a0a2e;
letter-spacing: 0.02em;
line-height: 1.2;
}

.pub-footer__links {
display: flex;
align-items: center;
gap: 32px;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}

.pub-footer__link {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #4a3060;
text-decoration: none;
letter-spacing: 0.01em;
line-height: 1.4;
transition: color 0.15s ease-out;
min-height: 44px;
display: inline-flex;
align-items: center;
}

.pub-footer__link:hover,
.pub-footer__link:focus {
color: #8034AF;
}

.pub-footer__link:focus {
outline: none;
}

.pub-footer__link:focus::before {
content: attr(aria-label);
position: absolute;
top: -24px;
left: 0;
font-size: 16px;
background: #8034AF;
color: #ffffff;
padding: 2px 8px;
border-radius: 4px;
white-space: nowrap;
pointer-events: none;
z-index: 10;
}

.pub-footer__bottom {
padding-top: 32px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}

.pub-footer__copy {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #6a5080;
letter-spacing: 0.01em;
line-height: 1.4;
}

.pub-footer__contact {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #4a3060;
letter-spacing: 0.01em;
line-height: 1.4;
text-decoration: none;
transition: color 0.15s ease-out;
}

.pub-footer__contact:hover {
color: #8034AF;
}

.consent-strip {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
max-width: 900px;
background: #ffffff;
border-bottom: 2px solid #BBAED7;
border-left: 1px solid #EEE9ED;
border-right: 1px solid #EEE9ED;
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
z-index: 1500;
border-radius: 0px 0px 4px 4px;
display: none;
}

.consent-strip__inner {
padding: 16px 32px;
}

.consent-strip__desc {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #2a1040;
line-height: 1.6;
letter-spacing: 0.01em;
margin-bottom: 16px;
}

.consent-strip__headline {
font-family: 'Archivo', sans-serif;
font-size: 19px;
font-weight: 700;
color: #1a0a2e;
letter-spacing: 0.01em;
line-height: 1.4;
margin-bottom: 8px;
}

.consent-strip__actions {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}

.consent-strip__btn {
font-family: 'Archivo', sans-serif;
font-size: 16px;
font-weight: 700;
color: #ffffff;
background: #8034AF;
border: none;
border-radius: 4px;
padding: 12px 24px;
cursor: pointer;
letter-spacing: 0.01em;
min-height: 44px;
transition: transform 0.15s ease-out, background 0.18s ease-out;
display: inline-flex;
align-items: center;
gap: 8px;
}

.consent-strip__btn:hover {
transform: scale(1.04);
background: #6a2090;
}

.consent-strip__btn:focus {
outline: 2px solid #8034AF;
outline-offset: 2px;
}

.consent-strip__reject {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #4a3060;
background: none;
border: none;
cursor: pointer;
letter-spacing: 0.01em;
padding: 12px 8px;
min-height: 44px;
text-decoration: underline;
transition: color 0.12s ease-out;
}

.consent-strip__reject:hover {
color: #8034AF;
}

.consent-strip__settings-panel {
padding: 16px 0 0;
border-top: 1px solid #EEE9ED;
margin-top: 16px;
}

.consent-strip__check-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #2a1040;
line-height: 1.4;
}

.consent-strip__check-row input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #8034AF;
cursor: pointer;
}

.consent-strip__policy-ref {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #6a5080;
letter-spacing: 0.01em;
line-height: 1.4;
margin-top: 16px;
}

.consent-strip__policy-ref a {
color: #8034AF;
text-decoration: underline;
}

.consent-strip__policy-ref a:hover {
color: #6a2090;
}

@media screen and (max-width: 768px) {
.pub-header__top {
flex-direction: column;
align-items: center;
gap: 16px;
}

.pub-header__tagline {
display: none;
}

.pub-nav__list {
justify-content: center;
}

.pub-nav__link {
padding: 12px 12px;
font-size: 16px;
}

.pub-footer__body {
flex-direction: column;
align-items: center;
text-align: center;
}

.pub-footer__bottom {
flex-direction: column;
align-items: center;
text-align: center;
}

.pub-footer__links {
justify-content: center;
}

.consent-strip__inner {
padding: 16px;
}
}

.legal-section {
max-width: 1400px;
margin: 0 auto;
padding: 48px 32px;
}

.legal-section h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #8034AF;
margin-bottom: 32px;
margin-top: 0;
}

.legal-section h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1b1b1b;
margin-top: 48px;
margin-bottom: 16px;
}

.legal-section h3 {
font-size: 32px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #1b1b1b;
margin-top: 32px;
margin-bottom: 16px;
}

.legal-section h4 {
font-size: 24px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #1b1b1b;
margin-top: 32px;
margin-bottom: 8px;
}

.legal-section h5 {
font-size: 19px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #1b1b1b;
margin-top: 16px;
margin-bottom: 8px;
}

.legal-section h6 {
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.02em;
color: #8034AF;
margin-top: 16px;
margin-bottom: 8px;
text-transform: uppercase;
}

.legal-section p {
font-size: 19px;
line-height: 1.9;
letter-spacing: 0.01em;
color: #2a2a2a;
margin-bottom: 16px;
margin-top: 0;
}

.legal-section ul {
margin: 16px 0 32px 0;
padding-left: 0;
list-style: none;
}

.legal-section ol {
margin: 16px 0 32px 0;
padding-left: 0;
list-style: none;
counter-reset: policy-ol;
}

.legal-section ul li {
font-size: 19px;
line-height: 1.9;
letter-spacing: 0.01em;
color: #2a2a2a;
padding-left: 32px;
margin-bottom: 8px;
position: relative;
}

.legal-section ul li::before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 8px;
height: 8px;
border-radius: 0px;
background-color: #8034AF;
}

.legal-section ol li {
font-size: 19px;
line-height: 1.9;
letter-spacing: 0.01em;
color: #2a2a2a;
padding-left: 32px;
margin-bottom: 8px;
position: relative;
counter-increment: policy-ol;
}

.legal-section ol li::before {
content: counter(policy-ol) ".";
position: absolute;
left: 0;
top: 0;
font-size: 16px;
line-height: 1.9;
color: #8034AF;
font-weight: 700;
letter-spacing: 0.01em;
}

.legal-section a {
color: #8034AF;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.18s ease-out, text-decoration-color 0.14s ease-out;
}

.legal-section a:hover {
color: #5a2380;
text-decoration-color: #BBAED7;
}

.legal-section a:visited {
color: #6a2a9a;
}

.legal-section table {
width: 100%;
border-collapse: collapse;
margin: 32px 0;
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.01em;
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
border-radius: 4px;
overflow: hidden;
}

.legal-section thead {
background-color: #8034AF;
}

.legal-section thead th {
color: #ffffff;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
padding: 16px;
text-align: left;
font-weight: 700;
}

.legal-section tbody tr {
border-bottom: 1px solid #EEE9ED;
transition: background-color 0.12s ease-out;
}

.legal-section tbody tr:last-child {
border-bottom: none;
}

.legal-section tbody tr:hover {
background-color: #EEE9ED;
}

.legal-section td {
padding: 16px;
color: #2a2a2a;
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.01em;
vertical-align: top;
}

.legal-section th {
padding: 16px;
vertical-align: top;
}

.legal-section div {
font-size: 19px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #2a2a2a;
}

@media screen and (max-width: 768px) {
.legal-section {
padding: 32px 16px;
}

.legal-section h1 {
font-size: 44px;
}

.legal-section h2 {
font-size: 32px;
}

.legal-section h3 {
font-size: 24px;
}

.legal-section h4 {
font-size: 19px;
}

.legal-section table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}

.bld {
max-width: 1400px;
margin: 0 auto;
overflow-x: clip;
}

.bld .strip-img {
width: 100%;
height: 220px;
position: relative;
overflow: hidden;
}

.bld .strip-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
display: block;
max-width: 100%;
}

.bld .strip-img::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(20, 8, 32, 0.72) 0%, rgba(20, 8, 32, 0.18) 40%, rgba(20, 8, 32, 0.18) 60%, rgba(20, 8, 32, 0.72) 100%);
z-index: 1;
}

.bld .strip-img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(20, 8, 32, 0.55) 0%, transparent 40%, transparent 60%, rgba(20, 8, 32, 0.65) 100%);
z-index: 2;
}

.bld .dots-path {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
padding: 16px 32px 0;
}

.bld .dots-path span {
width: 6px;
height: 6px;
border-radius: 38px;
background: #BBAED7;
display: inline-block;
opacity: 0.5;
transition: opacity 0.18s ease-out;
}

.bld .dots-path span:nth-child(2) {
opacity: 0.7;
background: #8034AF;
}

.bld .dots-path span:nth-child(3) {
opacity: 0.9;
background: #8034AF;
}

.bld .dots-path span:nth-child(4) {
opacity: 1;
background: #8034AF;
width: 10px;
}

.bld .title-zone {
padding: 48px 32px 48px;
background: #fff;
position: relative;
}

.bld .tag-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}

.bld .art-tag {
display: inline-block;
background: #EEE9ED;
color: #8034AF;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.02em;
padding: 8px 16px;
border-radius: 4px;
line-height: 1.2;
}

.bld .readtime-lbl {
font-size: 16px;
color: #555;
letter-spacing: 0.01em;
line-height: 1.4;
}

.bld .art-h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1b0a2a;
margin: 0 0 16px;
font-weight: 800;
}

.bld .art-h1 em {
font-style: normal;
color: #8034AF;
}

.bld .art-subtitle {
font-size: 24px;
line-height: 1.6;
color: #3a2550;
letter-spacing: 0.01em;
max-width: 780px;
margin: 0;
font-weight: 400;
}

@keyframes bld-slidein {
from {
opacity: 0;
transform: translateX(-40px);
}

to {
opacity: 1;
transform: translateX(0);
}
}

.bld .strip-img {
animation: bld-slidein 0.22s ease-out both;
}

.bld .title-zone {
animation: bld-slidein 0.19s 0.08s ease-out both;
}

.bld .art-body-wrap {
animation: bld-slidein 0.17s 0.14s ease-out both;
}

.bld .art-body-wrap {
display: grid;
grid-template-columns: 220px 1fr;
gap: 48px;
padding: 48px 32px;
background: #f5f0f8;
align-items: start;
}

.bld .sidebar-labels {
display: flex;
flex-direction: column;
gap: 32px;
position: sticky;
top: 32px;
}

.bld .sb-item {
display: flex;
flex-direction: column;
gap: 8px;
}

.bld .sb-icon {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}

.bld .sb-icon svg {
width: 28px;
height: 28px;
fill: none;
stroke: #8034AF;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}

.bld .sb-lbl {
font-size: 16px;
font-weight: 700;
color: #8034AF;
letter-spacing: 0.02em;
line-height: 1.2;
text-transform: uppercase;
}

.bld .sb-val {
font-size: 16px;
color: #3a2550;
line-height: 1.4;
letter-spacing: 0.01em;
}

.bld .art-body {
min-width: 0;
}

.bld .art-body p {
font-size: 19px;
line-height: 1.9;
color: #1b0a2a;
letter-spacing: 0.01em;
margin-bottom: 16px;
}

.bld .art-body h2 {
font-size: 32px;
line-height: 1.4;
color: #1b0a2a;
letter-spacing: 0.01em;
font-weight: 700;
margin: 32px 0 16px;
padding-left: 16px;
border-left: 4px solid #8034AF;
}

.bld .art-body h3 {
font-size: 24px;
line-height: 1.4;
color: #3a2550;
letter-spacing: 0.01em;
font-weight: 700;
margin: 32px 0 8px;
padding-left: 16px;
border-left: 3px solid #BBAED7;
}

.bld .art-body em {
color: #8034AF;
font-style: italic;
}

.bld .art-body time {
font-size: 16px;
color: #7a6a8a;
display: block;
margin-bottom: 8px;
letter-spacing: 0.02em;
}

.bld .divider-asym {
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
padding: 0 32px;
margin: 0;
}

.bld .divider-asym::before {
content: "";
display: block;
width: 60px;
height: 2px;
background: #8034AF;
}

.bld .divider-asym::after {
content: "";
display: block;
flex: 1;
height: 1px;
background: #BBAED7;
}

.bld .glossary-wrap {
background: #fff;
padding: 48px 32px;
position: relative;
overflow: hidden;
}

.bld .glossary-wrap::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 180px;
height: 180px;
background: conic-gradient(from 0deg at 80% 20%, #EEE9ED 0deg, #BBAED7 60deg, #EEE9ED 120deg, #f5f0f8 180deg, #EEE9ED 360deg);
border-radius: 0 0 0 38px;
opacity: 0.45;
pointer-events: none;
}

.bld .gl-heading {
font-size: 32px;
line-height: 1.4;
color: #1b0a2a;
font-weight: 700;
letter-spacing: 0.01em;
margin: 0 0 32px;
padding-left: 16px;
border-left: 4px solid #8034AF;
}

.bld .gl-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
list-style: none;
margin: 0;
padding: 0;
}

.bld .gl-item {
background: #f5f0f8;
border-radius: 4px;
padding: 16px;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
transition: box-shadow 0.16s ease-out, background 0.14s ease-out;
}

.bld .gl-item:hover {
background: #EEE9ED;
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
}

.bld .gl-term {
font-size: 16px;
font-weight: 700;
color: #8034AF;
letter-spacing: 0.02em;
display: block;
margin-bottom: 8px;
line-height: 1.2;
}

.bld .gl-def {
font-size: 16px;
color: #3a2550;
line-height: 1.6;
letter-spacing: 0.01em;
margin: 0;
}

.bld .reaction-wrap {
background: #1b0a2a;
padding: 48px 32px;
position: relative;
overflow: hidden;
}

.bld .reaction-wrap::after {
content: "";
position: absolute;
bottom: -60px;
left: -60px;
width: 260px;
height: 260px;
background: conic-gradient(from 90deg at 30% 70%, rgba(128, 52, 175, 0.18) 0deg, rgba(187, 174, 215, 0.08) 120deg, rgba(128, 52, 175, 0.12) 240deg, rgba(128, 52, 175, 0.18) 360deg);
border-radius: 38px;
pointer-events: none;
}

.bld .react-h {
font-size: 24px;
line-height: 1.4;
color: #EEE9ED;
font-weight: 700;
letter-spacing: 0.01em;
margin: 0 0 32px;
}

.bld .react-options {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}

.bld .react-options input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}

.bld .react-lbl {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 16px 24px;
background: rgba(255, 255, 255, 0.06);
border-radius: 4px;
cursor: pointer;
border: 2px solid rgba(187, 174, 215, 0.18);
transition: background 0.15s ease-out, border-color 0.18s ease-out, transform 0.12s cubic-bezier(0.4, 0, 0.6, 1);
user-select: none;
min-width: 80px;
}

.bld .react-lbl:hover {
background: rgba(128, 52, 175, 0.22);
border-color: #8034AF;
transform: scale(1.04);
}

.bld .react-options input[type="radio"]:focus+.react-lbl {
outline: 2px solid #BBAED7;
outline-offset: 2px;
}

.bld .react-options input[type="radio"]:checked+.react-lbl {
background: #8034AF;
border-color: #8034AF;
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.13);
}

.bld .react-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}

.bld .react-icon svg {
width: 28px;
height: 28px;
}

.bld .react-txt {
font-size: 16px;
color: #EEE9ED;
letter-spacing: 0.01em;
line-height: 1.2;
font-weight: 600;
}

.bld .react-options input[type="radio"]:checked+.react-lbl .react-txt {
color: #fff;
}

.bld .back-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 700;
color: #8034AF;
letter-spacing: 0.02em;
text-decoration: none;
margin: 32px 32px 0;
transition: color 0.14s ease-out, transform 0.12s cubic-bezier(0.4, 0, 0.6, 1);
border-radius: 0;
}

.bld .back-link:hover {
color: #1b0a2a;
transform: scale(1.04);
}

.bld .back-link svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: stroke 0.14s ease-out;
}

.bld .geom-motif {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
padding: 16px 32px;
background: #EEE9ED;
}

.bld .geom-motif span {
display: inline-block;
width: 10px;
height: 10px;
background: #BBAED7;
transform: rotate(45deg);
border-radius: 0;
transition: background 0.16s ease-out;
}

.bld .geom-motif span:nth-child(3n) {
background: #8034AF;
}

.bld .geom-motif span:nth-child(5n) {
background: #3a2550;
}

@media screen and (max-width: 860px) {
.bld .art-h1 {
font-size: 44px;
}

.bld .art-body-wrap {
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 16px;
}

.bld .sidebar-labels {
position: static;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}

.bld .gl-list {
grid-template-columns: 1fr;
}

.bld .title-zone {
padding: 32px 16px;
}

.bld .glossary-wrap {
padding: 32px 16px;
}

.bld .reaction-wrap {
padding: 32px 16px;
}

.bld .back-link {
margin: 16px 16px 0;
}

.bld .dots-path {
padding: 16px 16px 0;
}

.bld .divider-asym {
padding: 0 16px;
}

.bld .geom-motif {
padding: 16px;
}
}

@media screen and (max-width: 540px) {
.bld .art-h1 {
font-size: 32px;
}

.bld .art-subtitle {
font-size: 19px;
}

.bld .react-options {
gap: 8px;
}

.bld .react-lbl {
padding: 8px 16px;
min-width: 64px;
}

.bld .strip-img {
height: 140px;
}
}

.wbn-pg {
max-width: 100%;
overflow-x: hidden;
}

.wbn-pg .w-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
}

.wbn-pg .w-container.narrow {
max-width: 900px;
}

.wbn-pg .ttl-blk {
background: #ffffff;
padding: 96px 0 48px;
position: relative;
}

.wbn-pg .ttl-blk::before {
content: '';
position: absolute;
inset: 0;
background: repeating-linear-gradient(-47deg,
transparent,
transparent 18px,
rgba(128, 52, 175, 0.028) 18px,
rgba(128, 52, 175, 0.028) 20px);
pointer-events: none;
}

.wbn-pg .ttl-inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
position: relative;
z-index: 1;
}

.wbn-pg .ttl-img-card {
flex: 0 0 260px;
border-radius: 4px;
overflow: hidden;
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
position: relative;
}

.wbn-pg .ttl-img-card img {
width: 260px;
height: 380px;
object-fit: cover;
object-position: center;
display: block;
filter: blur(0px);
}

.wbn-pg .ttl-img-card::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 120px;
background: linear-gradient(to top, rgba(128, 52, 175, 0.18), transparent);
pointer-events: none;
}

.wbn-pg .ttl-text {
flex: 1;
}

.wbn-pg .ttl-label {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #8034AF;
letter-spacing: 0.02em;
margin-bottom: 16px;
padding: 8px 16px;
background: #EEE9ED;
border-radius: 4px;
}

.wbn-pg .ttl-h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1b1236;
margin-bottom: 16px;
font-weight: 700;
}

.wbn-pg .ttl-sub {
font-size: 19px;
line-height: 1.6;
color: #3a3050;
margin-bottom: 32px;
max-width: 560px;
}

.wbn-pg .ttl-meta {
display: flex;
flex-direction: row;
gap: 32px;
align-items: center;
}

.wbn-pg .ttl-stat {
display: flex;
flex-direction: column;
}

.wbn-pg .ttl-stat-num {
font-size: 44px;
font-weight: 700;
color: #8034AF;
line-height: 1.2;
letter-spacing: 0.01em;
}

.wbn-pg .ttl-stat-lbl {
font-size: 16px;
color: #5a4e70;
line-height: 1.4;
}

.wbn-pg .ttl-divider {
width: 1px;
height: 48px;
background: #BBAED7;
}

.wbn-pg .dbl-divider {
display: flex;
flex-direction: column;
gap: 4px;
padding: 0 32px;
}

.wbn-pg .dbl-divider span {
display: block;
height: 1px;
background: #BBAED7;
max-width: 1400px;
margin: 0 auto;
width: 100%;
}

.wbn-pg .wlist-sec {
padding: 96px 0;
background: #EEE9ED;
position: relative;
}

.wbn-pg .wlist-sec::before {
content: '';
position: absolute;
inset: 0;
background: conic-gradient(from 0deg at 50% 50%,
rgba(187, 174, 215, 0.06),
rgba(238, 233, 237, 0.0),
rgba(128, 52, 175, 0.04),
rgba(238, 233, 237, 0.0),
rgba(187, 174, 215, 0.06));
pointer-events: none;
}

.wbn-pg .wlist-hd {
margin-bottom: 48px;
}

.wbn-pg .wlist-hd h2 {
font-size: 44px;
line-height: 1.2;
color: #1b1236;
letter-spacing: 0.01em;
font-weight: 700;
padding-left: 16px;
border-left: 3px solid #8034AF;
margin-bottom: 16px;
}

.wbn-pg .wlist-hd p {
font-size: 19px;
line-height: 1.6;
color: #3a3050;
max-width: 640px;
}

.wbn-pg .wbn-item {
background: #ffffff;
border-radius: 4px;
padding: 32px;
margin-bottom: 16px;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
transition: box-shadow 0.18s ease-out, transform 0.15s cubic-bezier(0.4, 0, 0.6, 1);
cursor: pointer;
position: relative;
}

.wbn-pg .wbn-item:hover {
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
transform: translateY(-2px);
}

.wbn-pg .wbn-item-top {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 32px;
}

.wbn-pg .wbn-num {
font-size: 60px;
font-weight: 700;
color: #EEE9ED;
line-height: 1;
letter-spacing: 0.01em;
min-width: 72px;
text-align: center;
flex-shrink: 0;
user-select: none;
}

.wbn-pg .wbn-body {
flex: 1;
}

.wbn-pg .wbn-tag {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #8034AF;
background: #EEE9ED;
padding: 4px 8px;
border-radius: 4px;
margin-bottom: 8px;
letter-spacing: 0.01em;
}

.wbn-pg .wbn-item h3 {
font-size: 24px;
line-height: 1.4;
color: #1b1236;
font-weight: 700;
letter-spacing: 0.01em;
margin-bottom: 8px;
}

.wbn-pg .wbn-item p {
font-size: 16px;
line-height: 1.6;
color: #3a3050;
margin-bottom: 0;
}

.wbn-pg .wbn-item-foot {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #EEE9ED;
flex-wrap: wrap;
}

.wbn-pg .wbn-chip {
font-size: 16px;
color: #5a4e70;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.wbn-pg .wbn-chip-dot {
width: 6px;
height: 6px;
border-radius: 38px;
background: #BBAED7;
display: inline-block;
flex-shrink: 0;
}

.wbn-pg .wbn-sep {
color: #BBAED7;
font-size: 16px;
}

.wbn-pg .wbn-expand-btn {
background: none;
border: none;
color: #8034AF;
font-size: 16px;
font-weight: 600;
cursor: pointer;
padding: 0;
letter-spacing: 0.01em;
margin-left: auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
transition: transform 0.15s ease-out;
}

.wbn-pg .wbn-expand-btn:hover {
transform: scaleX(1.06);
transform-origin: center;
}

.wbn-pg .wbn-expand-btn:focus {
outline: 2px solid #8034AF;
outline-offset: 2px;
border-radius: 4px;
}

.wbn-pg .wbn-arrow {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
}

.wbn-pg .wbn-arrow::before {
content: '';
display: block;
width: 8px;
height: 8px;
border-right: 2px solid #8034AF;
border-bottom: 2px solid #8034AF;
transform: rotate(-45deg) translateY(3px);
transition: transform 0.15s ease-out;
}

.wbn-pg .wbn-detail {
display: none;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #EEE9ED;
}

.wbn-pg .wbn-detail.open {
display: block;
}

.wbn-pg .wbn-detail p {
font-size: 16px;
line-height: 1.6;
color: #3a3050;
margin-bottom: 8px;
}

.wbn-pg .wbn-detail-lead {
font-weight: 700;
color: #1b1236;
font-size: 16px;
}

.wbn-pg .exp-sec {
padding: 96px 0 96px;
background: #ffffff;
position: relative;
}

.wbn-pg .exp-glow {
position: absolute;
inset: 0;
pointer-events: none;
border-radius: 0;
}

@keyframes wbn-edge-glow {

0%,
100% {
opacity: 0.4;
}

50% {
opacity: 1;
}
}

.wbn-pg .exp-glow::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, transparent, #BBAED7, #8034AF, #BBAED7, transparent);
animation: wbn-edge-glow 3.8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.wbn-pg .exp-glow::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, transparent, #BBAED7, #8034AF, #BBAED7, transparent);
animation: wbn-edge-glow 3.8s cubic-bezier(0.4, 0, 0.6, 1) infinite 1.9s;
}

.wbn-pg .exp-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}

.wbn-pg .exp-left h2 {
font-size: 44px;
line-height: 1.2;
color: #1b1236;
font-weight: 700;
letter-spacing: 0.01em;
margin-bottom: 16px;
padding-left: 16px;
border-left: 3px solid #8034AF;
}

.wbn-pg .exp-left p {
font-size: 16px;
line-height: 1.6;
color: #3a3050;
margin-bottom: 16px;
}

.wbn-pg .exp-left p strong {
color: #1b1236;
}

.wbn-pg .exp-contrast {
display: flex;
flex-direction: row;
gap: 32px;
align-items: center;
margin: 32px 0;
padding: 32px;
background: #EEE9ED;
border-radius: 4px;
}

.wbn-pg .exp-num-pair {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 16px;
}

.wbn-pg .exp-num-before {
font-size: 44px;
font-weight: 700;
color: #BBAED7;
line-height: 1.2;
letter-spacing: 0.01em;
}

.wbn-pg .exp-num-arrow {
font-size: 24px;
color: #8034AF;
font-weight: 700;
}

.wbn-pg .exp-num-after {
font-size: 44px;
font-weight: 700;
color: #8034AF;
line-height: 1.2;
letter-spacing: 0.01em;
}

.wbn-pg .exp-num-desc {
font-size: 16px;
color: #3a3050;
line-height: 1.4;
flex: 1;
}

.wbn-pg .exp-img-wrap {
position: relative;
border-radius: 4px;
overflow: hidden;
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
}

.wbn-pg .exp-img-wrap img {
width: 100%;
height: 440px;
object-fit: cover;
object-position: center;
display: block;
}

.wbn-pg .exp-img-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 32px;
background: linear-gradient(to top, rgba(27, 18, 54, 0.82), transparent);
}

.wbn-pg .exp-img-overlay p {
font-size: 19px;
line-height: 1.4;
color: #ffffff;
font-weight: 600;
letter-spacing: 0.01em;
margin: 0;
}

.wbn-pg .exp-profiles {
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 32px;
flex-wrap: wrap;
}

.wbn-pg .exp-profile {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
background: #EEE9ED;
border-radius: 4px;
padding: 16px;
flex: 1;
min-width: 200px;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
}

.wbn-pg .exp-portrait {
width: 64px;
height: 96px;
border-radius: 38px;
object-fit: cover;
object-position: center;
flex-shrink: 0;
}

.wbn-pg .exp-profile-info strong {
display: block;
font-size: 16px;
color: #1b1236;
font-weight: 700;
line-height: 1.4;
}

.wbn-pg .exp-profile-info span {
font-size: 16px;
color: #5a4e70;
line-height: 1.4;
}

.wbn-pg .inline-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}

.wbn-pg .inline-list li {
font-size: 16px;
color: #3a3050;
line-height: 1.6;
}

.wbn-pg .inline-list li+li::before {
content: '·';
color: #8034AF;
margin-right: 8px;
font-weight: 700;
}

@media screen and (max-width: 860px) {
.wbn-pg .ttl-inner {
flex-direction: column;
gap: 32px;
}

.wbn-pg .ttl-img-card {
flex: none;
width: 100%;
max-width: 320px;
align-self: center;
}

.wbn-pg .ttl-img-card img {
width: 100%;
height: 280px;
}

.wbn-pg .ttl-h1 {
font-size: 44px;
}

.wbn-pg .exp-grid {
grid-template-columns: 1fr;
gap: 32px;
}

.wbn-pg .wbn-item-top {
flex-direction: column;
gap: 16px;
}

.wbn-pg .wbn-num {
font-size: 32px;
min-width: auto;
}

.wbn-pg .exp-left h2 {
font-size: 32px;
}

.wbn-pg .exp-contrast {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
}

@media screen and (max-width: 600px) {
.wbn-pg .ttl-blk {
padding: 48px 0 32px;
}

.wbn-pg .w-container {
padding: 0 16px;
}

.wbn-pg .wlist-sec,
.wbn-pg .exp-sec {
padding: 48px 0;
}

.wbn-pg .ttl-meta {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.wbn-pg .ttl-divider {
display: none;
}

.wbn-pg .wbn-item-foot {
flex-direction: column;
align-items: flex-start;
}

.wbn-pg .wbn-expand-btn {
margin-left: 0;
}

.wbn-pg .exp-profiles {
flex-direction: column;
}
}

.blg-root {
max-width: 1400px;
margin: 0 auto;
overflow-x: hidden;
}

.blg-root ::selection {
background: #111;
color: #fff;
}

.blg-divider {
height: 2px;
background: linear-gradient(90deg, #8034AF, #BBAED7);
border: none;
margin: 0;
}

.blg-hero {
background: linear-gradient(175deg, #EEE9ED 0%, #fff 60%, #EEE9ED 100%);
padding: 96px 48px 48px;
position: relative;
}

.blg-hero__circles {
position: absolute;
top: 0;
right: 0;
width: 340px;
height: 340px;
pointer-events: none;
overflow: hidden;
}

.blg-hero__circles::before {
content: '';
position: absolute;
top: -80px;
right: -80px;
width: 260px;
height: 260px;
border-radius: 38px;
border: 2px solid rgba(128, 52, 175, 0.08);
background: conic-gradient(from 0deg at 50% 50%, rgba(128, 52, 175, 0.04), rgba(187, 174, 215, 0.06), rgba(238, 233, 237, 0.03), rgba(128, 52, 175, 0.04));
}

.blg-hero__circles::after {
content: '';
position: absolute;
top: 40px;
right: 40px;
width: 160px;
height: 160px;
border-radius: 38px;
border: 1px solid rgba(187, 174, 215, 0.15);
background: conic-gradient(from 90deg at 50% 50%, rgba(187, 174, 215, 0.05), rgba(128, 52, 175, 0.03), rgba(238, 233, 237, 0.04), rgba(187, 174, 215, 0.05));
}

.blg-hero__label {
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #8034AF;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 16px;
}

.blg-hero__h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1a0a2e;
margin-bottom: 16px;
max-width: 700px;
}

.blg-hero__h1 span {
background: linear-gradient(135deg, #8034AF, #BBAED7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.blg-hero__sub {
font-size: 19px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #3a2a4a;
max-width: 520px;
margin-bottom: 0;
}

.blg-posts {
padding: 96px 48px;
background: #fff;
}

.blg-posts__grid {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 32px;
}

.blg-card {
background: #fff;
border-radius: 4px;
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform 0.18s cubic-bezier(0.4, 0, 0.6, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.6, 1);
animation: blg-fadein 0.22s ease-out both;
}

.blg-card:hover {
transform: scale(1.025);
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
}

.blg-card.featured {
grid-column: 1;
grid-row: 1 / 3;
}

.blg-card__img-wrap {
overflow: hidden;
position: relative;
}

.blg-card.featured .blg-card__img-wrap {
height: 280px;
}

.blg-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.22s ease-out;
}

.blg-card:hover .blg-card__img-wrap img {
transform: scale(1.04);
}

.blg-card__img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 40%, rgba(20, 5, 35, 0.38) 100%);
pointer-events: none;
}

.blg-card__body {
padding: 32px;
display: flex;
flex-direction: column;
flex: 1;
}

.blg-card__tag {
display: inline-block;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #8034AF;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 8px;
}

.blg-card__title {
font-size: 24px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #1a0a2e;
margin-bottom: 8px;
}

.blg-card.featured .blg-card__title {
font-size: 32px;
}

.blg-card__subtitle {
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #4a3a5a;
margin-bottom: 8px;
}

.blg-card__desc {
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #4a3a5a;
margin-bottom: 16px;
flex: 1;
}

.blg-card__meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}

.blg-card__readtime {
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #7a6a8a;
}

.blg-card__link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #8034AF;
font-weight: 700;
text-decoration: none;
transition: gap 0.14s ease-out;
margin-top: auto;
}

.blg-card__link:hover {
gap: 16px;
color: #5a1f8a;
}

.blg-card__arrow {
display: inline-block;
width: 18px;
height: 18px;
position: relative;
}

.blg-card__arrow::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 14px;
height: 2px;
background: currentColor;
transform: translateY(-50%);
}

.blg-card__arrow::after {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 7px;
height: 7px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: translateY(-50%) rotate(45deg);
}

.blg-card--small .blg-card__img-wrap {
height: 140px;
}

@keyframes blg-fadein {
from {
opacity: 0;
transform: translateY(16px);
}

to {
opacity: 1;
transform: translateY(0);
}
}

.blg-card:nth-child(1) {
animation-delay: 0.04s;
}

.blg-card:nth-child(2) {
animation-delay: 0.09s;
}

.blg-card:nth-child(3) {
animation-delay: 0.13s;
}

.blg-card:nth-child(4) {
animation-delay: 0.17s;
}

.blg-card:nth-child(5) {
animation-delay: 0.21s;
}

.blg-about {
padding: 96px 48px;
background: linear-gradient(180deg, #EEE9ED 0%, #fff 100%);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}

.blg-about__img-wrap {
border-radius: 4px;
overflow: hidden;
position: relative;
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
}

.blg-about__img-wrap img {
width: 100%;
max-width: 100%;
height: 400px;
object-fit: cover;
display: block;
filter: sepia(0.18) contrast(1.08) brightness(0.96);
}

.blg-about__img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 45%, rgba(20, 5, 35, 0.4) 100%);
pointer-events: none;
}

.blg-about__text {
display: flex;
flex-direction: column;
gap: 16px;
}

.blg-about__accent {
width: 4px;
height: 48px;
background: linear-gradient(180deg, #8034AF, #BBAED7);
border-radius: 4px;
margin-bottom: 8px;
}

.blg-about__h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1a0a2e;
margin-bottom: 8px;
}

.blg-about__lead {
font-size: 19px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #3a2a4a;
}

.blg-about__body {
font-size: 16px;
line-height: 1.9;
letter-spacing: 0.01em;
color: #4a3a5a;
}

.blg-about__body strong {
color: #8034AF;
}

.blg-lines {
position: relative;
}

.blg-lines::before {
content: '';
position: absolute;
bottom: 16px;
right: 32px;
width: 48px;
height: 32px;
background: repeating-linear-gradient(0deg, #BBAED7 0px, #BBAED7 1px, transparent 1px, transparent 6px);
pointer-events: none;
border-radius: 0;
}

.blg-topics {
padding: 96px 48px;
background: #fff;
}

.blg-topics__h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1a0a2e;
margin-bottom: 48px;
display: flex;
align-items: center;
gap: 16px;
}

.blg-topics__h2::before {
content: '';
display: inline-block;
width: 4px;
height: 44px;
background: linear-gradient(180deg, #8034AF, #BBAED7);
border-radius: 4px;
flex-shrink: 0;
}

.blg-topics__list {
display: flex;
flex-direction: column;
gap: 0;
counter-reset: topics;
}

.blg-topic-item {
counter-increment: topics;
display: grid;
grid-template-columns: 64px 1fr auto;
align-items: start;
gap: 32px;
padding: 32px 0;
border-bottom: 1px solid #EEE9ED;
transition: background 0.16s ease-out;
cursor: default;
}

.blg-topic-item:first-child {
border-top: 1px solid #EEE9ED;
}

.blg-topic-item__num {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #8034AF;
font-weight: 700;
opacity: 0.22;
transition: opacity 0.16s ease-out;
}

.blg-topic-item:hover .blg-topic-item__num {
opacity: 1;
}

.blg-topic-item__h3 {
font-size: 24px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #1a0a2e;
margin-bottom: 8px;
}

.blg-topic-item__desc {
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #4a3a5a;
}

.blg-topic-item__tag {
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #8034AF;
font-weight: 700;
text-transform: uppercase;
background: #EEE9ED;
padding: 8px 16px;
border-radius: 38px;
white-space: nowrap;
align-self: center;
}

.blg-newsletter {
padding: 96px 48px;
background: linear-gradient(175deg, #1a0a2e 0%, #2d1050 60%, #1a0a2e 100%);
position: relative;
overflow: hidden;
}

.blg-newsletter__deco {
position: absolute;
top: -48px;
left: -48px;
width: 200px;
height: 200px;
border-radius: 38px;
border: 1px solid rgba(187, 174, 215, 0.1);
background: conic-gradient(from 45deg at 50% 50%, rgba(128, 52, 175, 0.06), rgba(187, 174, 215, 0.04), rgba(128, 52, 175, 0.06));
pointer-events: none;
}

.blg-newsletter__inner {
max-width: 600px;
margin: 0 auto;
text-align: center;
}

.blg-newsletter__h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #fff;
margin-bottom: 16px;
}

.blg-newsletter__desc {
font-size: 19px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #BBAED7;
margin-bottom: 32px;
}

.blg-newsletter__form {
display: flex;
flex-direction: row;
gap: 16px;
position: relative;
}

.blg-newsletter__field-wrap {
flex: 1;
position: relative;
}

.blg-newsletter__input {
width: 100%;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(187, 174, 215, 0.3);
border-radius: 4px;
padding: 16px;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #fff;
outline: none;
transition: border-color 0.14s ease-out, background 0.14s ease-out;
}

.blg-newsletter__input:focus {
border-color: #BBAED7;
background: rgba(255, 255, 255, 0.12);
}

.blg-newsletter__input::placeholder {
color: transparent;
}

.blg-newsletter__label {
position: absolute;
top: 16px;
left: 16px;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #BBAED7;
pointer-events: none;
transition: top 0.16s ease-out, font-size 0.16s ease-out, color 0.16s ease-out;
}

.blg-newsletter__input:focus+.blg-newsletter__label,
.blg-newsletter__input:not(:placeholder-shown)+.blg-newsletter__label {
top: -10px;
font-size: 16px;
color: #BBAED7;
background: #2d1050;
padding: 0 8px;
}

.blg-newsletter__btn {
background: #8034AF;
color: #fff;
border: none;
border-radius: 4px;
padding: 16px 32px;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.01em;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
transition: transform 0.14s ease-out, background 0.14s ease-out;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
}

.blg-newsletter__btn:hover {
transform: scale(1.05);
background: #6a1f9a;
}

.blg-newsletter__btn:focus {
outline: 2px solid #BBAED7;
outline-offset: 2px;
}

@media (max-width: 900px) {
.blg-hero {
padding: 48px 16px 32px;
}

.blg-hero__h1 {
font-size: 44px;
}

.blg-posts {
padding: 48px 16px;
}

.blg-posts__grid {
grid-template-columns: 1fr;
}

.blg-card.featured {
grid-column: auto;
grid-row: auto;
}

.blg-about {
grid-template-columns: 1fr;
padding: 48px 16px;
}

.blg-topics {
padding: 48px 16px;
}

.blg-topic-item {
grid-template-columns: 40px 1fr;
grid-template-rows: auto auto;
}

.blg-topic-item__tag {
grid-column: 2;
}

.blg-newsletter {
padding: 48px 16px;
}

.blg-newsletter__form {
flex-direction: column;
}
}

@media (max-width: 640px) {
.blg-hero__h1 {
font-size: 32px;
}

.blg-topics__h2 {
font-size: 32px;
}

.blg-about__h2 {
font-size: 32px;
}

.blg-newsletter__h2 {
font-size: 32px;
}
}

.abt-auth {
max-width: 100%;
overflow-x: hidden;
}

.abt-auth .pg-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
}

.abt-auth ::selection {
background: #111;
color: #fff;
}

.abt-auth .split-screen {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 560px;
position: relative;
}

.abt-auth .split-left {
background: #8034AF;
padding: 96px 48px 48px 48px;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
overflow: hidden;
}

.abt-auth .split-left .dot-scatter {
position: absolute;
inset: 0;
pointer-events: none;
}

.abt-auth .split-left .dot-scatter::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.18) 1.5px, transparent 1.5px);
background-size: 28px 28px;
}

.abt-auth .split-right {
background: #EEE9ED;
padding: 96px 48px 48px 48px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}

.abt-auth .auth-label {
font-size: 16px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #BBAED7;
margin-bottom: 16px;
font-weight: 600;
}

.abt-auth .auth-h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #fff;
margin-bottom: 32px;
font-weight: 800;
}

.abt-auth .auth-desc {
font-size: 19px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.88);
margin-bottom: 32px;
max-width: 420px;
}

.abt-auth .auth-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 700;
color: #fff;
text-decoration: none;
border-bottom: 2px solid #BBAED7;
padding-bottom: 4px;
transition: color 0.18s ease-out, border-color 0.15s ease-out, transform 0.15s cubic-bezier(0.4, 0, 0.6, 1);
}

.abt-auth .auth-link:hover {
color: #BBAED7;
border-color: #fff;
transform: scale(1.04);
}

.abt-auth .auth-link .arr {
display: inline-block;
width: 18px;
height: 18px;
transition: transform 0.18s ease-out;
}

.abt-auth .auth-link:hover .arr {
transform: translateX(4px);
}

.abt-auth .portrait-wrap {
width: 100%;
max-width: 320px;
aspect-ratio: 3/4;
border-radius: 4px;
overflow: hidden;
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
margin-bottom: 32px;
}

.abt-auth .portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.abt-auth .right-tagline {
font-size: 24px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #2a1040;
font-weight: 700;
margin-bottom: 16px;
}

.abt-auth .right-sub {
font-size: 16px;
line-height: 1.6;
color: #4a3060;
}

.abt-auth .bracket-block {
position: relative;
padding: 8px 16px 8px 32px;
}

.abt-auth .bracket-block::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: #8034AF;
border-radius: 4px;
}

.abt-auth .profile-band {
background: #fff;
padding: 96px 0;
position: relative;
}

.abt-auth .profile-band::before {
content: "";
display: block;
height: 48px;
background: #EEE9ED;
clip-path: ellipse(55% 100% at 50% 0%);
position: absolute;
top: -1px;
left: 0;
right: 0;
}

.abt-auth .profile-grid {
display: grid;
grid-template-columns: 340px 1fr;
gap: 96px;
align-items: start;
}

.abt-auth .profile-aside {
display: flex;
flex-direction: column;
gap: 32px;
}

.abt-auth .skill-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-auth .skill-list li {
display: flex;
align-items: flex-start;
gap: 16px;
font-size: 16px;
line-height: 1.6;
color: #2a1040;
}

.abt-auth .skill-num {
font-size: 19px;
font-weight: 800;
color: #8034AF;
min-width: 28px;
line-height: 1.4;
letter-spacing: 0.01em;
}

.abt-auth .profile-body {
display: flex;
flex-direction: column;
gap: 32px;
}

.abt-auth .body-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #2a1040;
font-weight: 800;
margin-bottom: 0;
}

.abt-auth .para-block {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-auth .para-lead {
font-size: 16px;
font-weight: 700;
color: #8034AF;
letter-spacing: 0.02em;
text-transform: uppercase;
}

.abt-auth .para-text {
font-size: 19px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #2a1040;
margin: 0;
}

.abt-auth .img-pair {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 16px;
}

.abt-auth .img-pair .img-frame {
border-radius: 4px;
overflow: hidden;
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
}

.abt-auth .img-pair .img-frame img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
transition: transform 0.22s cubic-bezier(0.4, 0, 0.6, 1);
}

.abt-auth .img-pair .img-frame:hover img {
transform: scale(1.03);
}

.abt-auth .work-band {
background: #8034AF;
padding: 96px 0 80px;
position: relative;
}

.abt-auth .work-band::before {
content: "";
display: block;
height: 48px;
background: #fff;
clip-path: ellipse(60% 100% at 48% 0%);
position: absolute;
top: -1px;
left: 0;
right: 0;
}

.abt-auth .work-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}

.abt-auth .work-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #fff;
font-weight: 800;
margin-bottom: 32px;
}

.abt-auth .work-text {
font-size: 19px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.88);
margin-bottom: 32px;
}

.abt-auth .topic-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 32px;
}

.abt-auth .topic-tag {
font-size: 16px;
background: rgba(255, 255, 255, 0.12);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 4px;
padding: 8px 16px;
letter-spacing: 0.01em;
transition: background 0.15s ease-out, border-color 0.15s ease-out;
}

.abt-auth .topic-tag:hover {
background: rgba(255, 255, 255, 0.22);
border-color: rgba(255, 255, 255, 0.5);
}

.abt-auth .work-imgs {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-auth .work-img-main {
border-radius: 4px;
overflow: hidden;
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
}

.abt-auth .work-img-main img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
}

.abt-auth .work-img-sub {
border-radius: 4px;
overflow: hidden;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
}

.abt-auth .work-img-sub img {
width: 100%;
height: 160px;
object-fit: cover;
display: block;
}

.abt-auth .metric-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-top: 32px;
}

.abt-auth .metric-card {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 4px;
padding: 32px 16px;
text-align: center;
transition: background 0.18s ease-out, transform 0.15s cubic-bezier(0.4, 0, 0.6, 1);
}

.abt-auth .metric-card:hover {
background: rgba(255, 255, 255, 0.16);
transform: scale(1.03);
}

.abt-auth .metric-num {
font-size: 44px;
font-weight: 800;
color: #BBAED7;
line-height: 1.2;
letter-spacing: 0.01em;
display: block;
}

.abt-auth .metric-label {
font-size: 16px;
color: rgba(255, 255, 255, 0.78);
line-height: 1.4;
margin-top: 8px;
display: block;
}

.abt-auth .corner-bracket {
position: absolute;
width: 32px;
height: 32px;
pointer-events: none;
}

.abt-auth .corner-bracket.tl {
top: 16px;
left: 16px;
border-top: 3px solid rgba(255, 255, 255, 0.4);
border-left: 3px solid rgba(255, 255, 255, 0.4);
}

.abt-auth .corner-bracket.br {
bottom: 16px;
right: 16px;
border-bottom: 3px solid rgba(255, 255, 255, 0.4);
border-right: 3px solid rgba(255, 255, 255, 0.4);
}

.abt-auth .stripe-hover {
position: relative;
overflow: hidden;
}

.abt-auth .stripe-hover::after {
content: "";
position: absolute;
inset: 0;
background: repeating-linear-gradient(135deg,
transparent,
transparent 12px,
rgba(128, 52, 175, 0.06) 12px,
rgba(128, 52, 175, 0.06) 14px);
opacity: 0;
pointer-events: none;
transition: opacity 0.18s ease-out;
}

.abt-auth .stripe-hover:hover::after {
opacity: 1;
}

.abt-auth .seq-child>* {
opacity: 0;
transform: translateY(12px);
animation: fadeUp 0.2s ease-out forwards;
}

.abt-auth .seq-child>*:nth-child(1) {
animation-delay: 0.05s;
}

.abt-auth .seq-child>*:nth-child(2) {
animation-delay: 0.10s;
}

.abt-auth .seq-child>*:nth-child(3) {
animation-delay: 0.15s;
}

.abt-auth .seq-child>*:nth-child(4) {
animation-delay: 0.20s;
}

@keyframes fadeUp {
to {
opacity: 1;
transform: translateY(0);
}
}

@media screen and (max-width: 900px) {
.abt-auth .split-screen {
grid-template-columns: 1fr;
}

.abt-auth .split-left {
padding: 96px 32px 48px;
}

.abt-auth .split-right {
padding: 48px 32px;
}

.abt-auth .auth-h1 {
font-size: 44px;
}

.abt-auth .profile-grid {
grid-template-columns: 1fr;
gap: 48px;
}

.abt-auth .work-inner {
grid-template-columns: 1fr;
gap: 48px;
}

.abt-auth .metric-row {
grid-template-columns: 1fr 1fr;
}

.abt-auth .pg-inner {
padding: 0 16px;
}
}

@media screen and (max-width: 600px) {
.abt-auth .auth-h1 {
font-size: 32px;
}

.abt-auth .body-h2 {
font-size: 32px;
}

.abt-auth .work-h2 {
font-size: 32px;
}

.abt-auth .img-pair {
grid-template-columns: 1fr;
}

.abt-auth .metric-row {
grid-template-columns: 1fr;
}

.abt-auth .split-left,
.abt-auth .split-right {
padding: 48px 16px 32px;
}
}

.evts-pg {
max-width: 100%;
overflow-x: hidden;
}

.evts-pg .ev-bound {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

.evts-pg .lead-strip {
background: #8034AF;
padding-top: 96px;
padding-bottom: 48px;
position: relative;
}

.evts-pg .lead-strip::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: conic-gradient(from 0deg at 30% 60%, #8034AF 0deg, #9B4BC4 60deg, #BBAED7 120deg, #8034AF 200deg, #6B2A95 280deg, #8034AF 360deg);
opacity: 0.18;
pointer-events: none;
}

.evts-pg .lead-strip-inner {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 48px;
position: relative;
}

.evts-pg .lead-txt {
flex: 1 1 0;
padding-bottom: 16px;
}

.evts-pg .lead-geo {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}

.evts-pg .geo-sep {
width: 32px;
height: 2px;
background: #BBAED7;
}

.evts-pg .geo-label {
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #BBAED7;
text-transform: uppercase;
}

.evts-pg .lead-h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #ffffff;
margin-bottom: 24px;
}

.evts-pg .lead-h1 em {
font-style: normal;
color: #BBAED7;
}

.evts-pg .lead-desc {
font-size: 19px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #EEE9ED;
max-width: 560px;
margin-bottom: 0;
}

.evts-pg .lead-img-col {
flex: 0 0 280px;
width: 280px;
}

.evts-pg .lead-img-wrap {
width: 280px;
height: 420px;
overflow: hidden;
border-radius: 0;
position: relative;
}

.evts-pg .lead-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: grayscale(100%);
display: block;
}

.evts-pg .corner-geo {
position: absolute;
top: 16px;
right: 16px;
width: 40px;
height: 40px;
pointer-events: none;
}

.evts-pg .corner-geo-bl {
position: absolute;
bottom: 16px;
left: 16px;
width: 40px;
height: 40px;
pointer-events: none;
}

.evts-pg .corner-geo svg,
.evts-pg .corner-geo-bl svg {
width: 40px;
height: 40px;
}

.evts-pg .dir-arrow {
position: absolute;
right: 48px;
bottom: -24px;
width: 48px;
height: 48px;
pointer-events: none;
z-index: 2;
}

.evts-pg .dir-arrow svg {
width: 48px;
height: 48px;
opacity: 0.22;
}

.evts-pg .ev-list-sec {
background: #ffffff;
padding-top: 96px;
padding-bottom: 96px;
position: relative;
}

.evts-pg .ev-list-sec::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, transparent 0%, #BBAED7 40%, #8034AF 60%, transparent 100%);
}

.evts-pg .ev-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 48px;
align-items: start;
}

.evts-pg .ev-col-main {
display: flex;
flex-direction: column;
gap: 32px;
}

.evts-pg .ev-col-side {
display: flex;
flex-direction: column;
gap: 32px;
}

.evts-pg .sec-label {
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #8034AF;
text-transform: uppercase;
margin-bottom: 16px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.evts-pg .sec-label::before {
content: '';
display: inline-block;
width: 4px;
height: 16px;
background: #8034AF;
border-radius: 0;
flex-shrink: 0;
}

.evts-pg .ev-card {
border-radius: 4px;
background: #ffffff;
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
overflow: hidden;
transition: box-shadow 0.18s ease-out, transform 0.15s ease-out;
position: relative;
}

.evts-pg .ev-card:hover {
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
transform: translateY(-2px);
}

.evts-pg .ev-card-body {
padding: 32px;
position: relative;
}

.evts-pg .ev-card-body::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 48px;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.95));
pointer-events: none;
}

.evts-pg .ev-type-tag {
display: inline-block;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #8034AF;
background: #EEE9ED;
border-radius: 4px;
padding: 4px 8px;
margin-bottom: 16px;
}

.evts-pg .ev-card-h {
font-size: 24px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #1e0a2e;
margin-bottom: 8px;
}

.evts-pg .ev-card-sub {
font-size: 16px;
line-height: 1.6;
color: #4a3060;
margin-bottom: 16px;
}

.evts-pg .ev-meta-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 16px;
}

.evts-pg .ev-meta-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.4;
color: #5a4070;
}

.evts-pg .ev-meta-dot {
width: 6px;
height: 6px;
border-radius: 0;
background: #BBAED7;
flex-shrink: 0;
}

.evts-pg .ev-body-txt {
font-size: 16px;
line-height: 1.6;
color: #3a2450;
margin-bottom: 16px;
}

.evts-pg .ev-body-txt strong {
color: #1e0a2e;
}

.evts-pg .ev-cta {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #8034AF;
background: none;
border: none;
padding: 0;
cursor: pointer;
transition: color 0.15s ease-out, transform 0.12s cubic-bezier(0.4, 0, 0.6, 1);
text-decoration: none;
}

.evts-pg .ev-cta:hover {
color: #5a2080;
transform: scale(1.04);
}

.evts-pg .ev-cta svg {
transition: transform 0.15s ease-out;
}

.evts-pg .ev-cta:hover svg {
transform: translateX(4px);
}

.evts-pg .side-card {
border-radius: 4px;
background: #EEE9ED;
padding: 32px;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
}

.evts-pg .side-card-h {
font-size: 19px;
line-height: 1.4;
letter-spacing: 0.01em;
color: #1e0a2e;
margin-bottom: 16px;
}

.evts-pg .side-card-txt {
font-size: 16px;
line-height: 1.6;
color: #3a2450;
margin-bottom: 0;
}

.evts-pg .inline-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}

.evts-pg .inline-list li {
font-size: 16px;
line-height: 1.6;
color: #3a2450;
}

.evts-pg .inline-list li::after {
content: '·';
color: #8034AF;
margin-left: 8px;
}

.evts-pg .inline-list li:last-child::after {
display: none;
}

.evts-pg .speakers-sec {
background: #EEE9ED;
padding-top: 96px;
padding-bottom: 96px;
position: relative;
animation: bg-wash 9s ease-in-out infinite alternate;
}

@keyframes bg-wash {
0% {
background-color: #EEE9ED;
}

100% {
background-color: #e0d8ea;
}
}

.evts-pg .speakers-inner {
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start;
}

.evts-pg .speakers-txt-col {
flex: 1 1 0;
}

.evts-pg .speakers-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1e0a2e;
margin-bottom: 16px;
}

.evts-pg .speakers-lead {
font-size: 19px;
line-height: 1.6;
color: #3a2450;
margin-bottom: 32px;
max-width: 480px;
}

.evts-pg .topic-block {
background: #ffffff;
border-radius: 4px;
padding: 32px;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
margin-bottom: 32px;
}

.evts-pg .topic-num {
font-size: 44px;
line-height: 1.2;
color: #8034AF;
letter-spacing: 0.01em;
margin-bottom: 8px;
}

.evts-pg .topic-h {
font-size: 19px;
line-height: 1.4;
color: #1e0a2e;
margin-bottom: 8px;
}

.evts-pg .topic-txt {
font-size: 16px;
line-height: 1.6;
color: #3a2450;
margin-bottom: 0;
}

.evts-pg .speakers-cards-col {
flex: 0 0 320px;
display: flex;
flex-direction: column;
gap: 16px;
}

.evts-pg .sp-card {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
background: #ffffff;
border-radius: 4px;
padding: 16px;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
}

.evts-pg .sp-img-wrap {
flex: 0 0 72px;
width: 72px;
height: 108px;
overflow: hidden;
border-radius: 0;
}

.evts-pg .sp-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: blur(2px);
transition: filter 0.22s ease-out;
}

.evts-pg .sp-img-wrap:hover img {
filter: blur(0);
}

.evts-pg .sp-info {
flex: 1 1 0;
}

.evts-pg .sp-name {
font-size: 16px;
line-height: 1.4;
color: #1e0a2e;
margin-bottom: 4px;
}

.evts-pg .sp-role {
font-size: 16px;
line-height: 1.4;
color: #8034AF;
margin-bottom: 8px;
}

.evts-pg .sp-bio {
font-size: 16px;
line-height: 1.6;
color: #3a2450;
margin-bottom: 0;
}

.evts-pg .prog-sec {
background: #1e0a2e;
padding-top: 96px;
padding-bottom: 96px;
position: relative;
}

.evts-pg .prog-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #8034AF 0%, #BBAED7 50%, #8034AF 100%);
}

.evts-pg .prog-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #ffffff;
margin-bottom: 48px;
}

.evts-pg .prog-h2 em {
font-style: normal;
color: #BBAED7;
}

.evts-pg .prog-layout {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}

.evts-pg .prog-item {
border-radius: 4px;
background: rgba(187, 174, 215, 0.08);
padding: 32px;
border-top: 2px solid #8034AF;
transition: background 0.18s ease-out;
}

.evts-pg .prog-item:hover {
background: rgba(187, 174, 215, 0.14);
}

.evts-pg .prog-time {
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #BBAED7;
margin-bottom: 8px;
}

.evts-pg .prog-item-h {
font-size: 19px;
line-height: 1.4;
color: #ffffff;
margin-bottom: 8px;
}

.evts-pg .prog-item-txt {
font-size: 16px;
line-height: 1.6;
color: #c8b8d8;
margin-bottom: 0;
}

.evts-pg .prog-dir-arrow {
position: absolute;
bottom: 48px;
right: 96px;
pointer-events: none;
opacity: 0.15;
}

.evts-pg .prog-dir-arrow svg {
width: 64px;
height: 64px;
}

.evts-pg .double-curve-div {
width: 100%;
height: 32px;
position: relative;
overflow: hidden;
background: #EEE9ED;
}

.evts-pg .double-curve-div svg {
width: 100%;
height: 100%;
display: block;
}

.evts-pg .double-curve-div-inv {
width: 100%;
height: 32px;
position: relative;
overflow: hidden;
background: #1e0a2e;
}

.evts-pg .double-curve-div-inv svg {
width: 100%;
height: 100%;
display: block;
}

@media screen and (max-width: 1024px) {
.evts-pg .lead-h1 {
font-size: 44px;
}

.evts-pg .ev-grid {
grid-template-columns: 1fr;
}

.evts-pg .prog-layout {
grid-template-columns: 1fr 1fr;
}

.evts-pg .speakers-inner {
flex-direction: column;
}

.evts-pg .speakers-cards-col {
flex: 1 1 auto;
width: 100%;
}
}

@media screen and (max-width: 768px) {
.evts-pg .lead-strip-inner {
flex-direction: column;
align-items: flex-start;
}

.evts-pg .lead-img-col {
flex: 0 0 auto;
width: 100%;
}

.evts-pg .lead-img-wrap {
width: 100%;
height: 260px;
}

.evts-pg .lead-h1 {
font-size: 32px;
}

.evts-pg .prog-layout {
grid-template-columns: 1fr;
}

.evts-pg .ev-bound {
padding-left: 16px;
padding-right: 16px;
}

.evts-pg .speakers-h2,
.evts-pg .prog-h2 {
font-size: 32px;
}
}

.rt-pg {
max-width: 100%;
overflow-x: hidden;
}

.rt-pg .band-wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 32px;
}

.rt-pg .title-blk {
position: relative;
padding: 96px 32px;
background: linear-gradient(160deg, #8034AF 0%, #BBAED7 50%, #EEE9ED 100%);
background-size: 300% 300%;
animation: bg-shift 8s cubic-bezier(0.4, 0, 0.6, 1) infinite alternate;
overflow: hidden;
}

@keyframes bg-shift {
0% {
background-position: 0% 0%;
}

100% {
background-position: 100% 100%;
}
}

.rt-pg .title-blk-inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
position: relative;
z-index: 1;
}

.rt-pg .title-ghost {
position: absolute;
top: -16px;
right: 48px;
font-size: 220px;
font-weight: 900;
color: rgba(255, 255, 255, 0.08);
line-height: 1.2;
letter-spacing: -0.02em;
pointer-events: none;
user-select: none;
}

.rt-pg .title-txt {
flex: 1;
}

.rt-pg .title-label {
display: inline-block;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.02em;
color: #fff;
background: rgba(128, 52, 175, 0.45);
padding: 8px 16px;
border-radius: 4px;
margin-bottom: 32px;
}

.rt-pg .title-h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #fff;
margin: 0 0 16px 0;
}

.rt-pg .title-sub {
font-size: 19px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.9);
margin: 0 0 32px 0;
max-width: 560px;
}

.rt-pg .title-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 19px;
font-weight: 700;
color: #fff;
text-decoration: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
padding-bottom: 4px;
transition: border-color 0.18s ease-out, transform 0.15s ease-out;
}

.rt-pg .title-link:hover {
border-color: #fff;
transform: scale(1.04);
}

.rt-pg .title-link-arrow {
display: inline-block;
width: 20px;
height: 2px;
background: #fff;
position: relative;
transition: width 0.18s ease-out;
}

.rt-pg .title-link-arrow::after {
content: '';
position: absolute;
right: 0;
top: -4px;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}

.rt-pg .title-link:hover .title-link-arrow {
width: 28px;
}

.rt-pg .title-img-wrap {
flex: 0 0 380px;
position: relative;
}

.rt-pg .title-img {
width: 380px;
height: 280px;
object-fit: cover;
object-position: center;
border-radius: 4px;
display: block;
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
}

.rt-pg .title-img-vignette {
position: absolute;
inset: 0;
border-radius: 4px;
background: radial-gradient(ellipse at 30% 30%, transparent 40%, rgba(128, 52, 175, 0.35) 100%);
pointer-events: none;
}

.rt-pg .divider-diamond {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 32px 0;
gap: 0;
}

.rt-pg .div-line {
height: 1px;
width: 80px;
background: #BBAED7;
}

.rt-pg .div-gem {
width: 10px;
height: 10px;
background: #8034AF;
transform: rotate(45deg);
margin: 0 12px;
flex-shrink: 0;
}

.rt-pg .stance-sec {
background: #fff;
padding: 96px 32px;
}

.rt-pg .stance-inner {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 96px;
align-items: start;
}

.rt-pg .stance-label {
font-size: 16px;
font-weight: 700;
color: #8034AF;
letter-spacing: 0.02em;
margin-bottom: 16px;
}

.rt-pg .stance-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1e0a2e;
margin: 0 0 32px 0;
padding-left: 16px;
border-left: 4px solid #8034AF;
}

.rt-pg .stance-lead {
font-size: 19px;
line-height: 1.6;
color: #2a1040;
font-weight: 600;
margin: 0 0 16px 0;
}

.rt-pg .stance-body {
font-size: 16px;
line-height: 1.9;
color: #3a2050;
margin: 0 0 16px 0;
}

.rt-pg .stance-img {
width: 100%;
height: 360px;
object-fit: cover;
object-position: center;
border-radius: 4px;
display: block;
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
}

.rt-pg .divider-alt {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 16px 0;
}

.rt-pg .div-alt-line {
height: 2px;
width: 120px;
background: linear-gradient(90deg, transparent, #BBAED7, transparent);
}

.rt-pg .reader-sec {
background: #EEE9ED;
padding: 96px 32px;
}

.rt-pg .reader-inner {
max-width: 1400px;
margin: 0 auto;
}

.rt-pg .reader-top {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 48px;
margin-bottom: 48px;
}

.rt-pg .reader-txt {
flex: 1;
}

.rt-pg .reader-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1e0a2e;
margin: 0 0 16px 0;
padding-left: 16px;
border-left: 4px solid #8034AF;
}

.rt-pg .reader-lead {
font-size: 19px;
line-height: 1.6;
color: #2a1040;
font-weight: 600;
margin: 0 0 16px 0;
}

.rt-pg .reader-body {
font-size: 16px;
line-height: 1.9;
color: #3a2050;
margin: 0 0 16px 0;
}

.rt-pg .reader-portrait {
flex: 0 0 120px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}

.rt-pg .reader-portrait-img {
width: 96px;
height: 120px;
object-fit: cover;
object-position: center;
border-radius: 4px;
display: block;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
}

.rt-pg .reader-portrait-cap {
font-size: 16px;
color: #8034AF;
font-weight: 600;
text-align: center;
}

.rt-pg .reader-strips {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}

.rt-pg .strip-item {
position: relative;
overflow: hidden;
border-radius: 4px;
cursor: default;
height: 180px;
}

.rt-pg .strip-bg {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.2s ease-out;
}

.rt-pg .strip-item:hover .strip-bg {
transform: scale(1.04);
}

.rt-pg .strip-reveal {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 16px;
background: linear-gradient(0deg, rgba(128, 52, 175, 0.88) 0%, transparent 60%);
opacity: 0;
transition: opacity 0.18s ease-out;
}

.rt-pg .strip-item:hover .strip-reveal {
opacity: 1;
}

.rt-pg .strip-txt {
font-size: 16px;
color: #fff;
line-height: 1.4;
font-weight: 600;
}

.rt-pg .divider-b {
padding: 48px 32px 0;
max-width: 1400px;
margin: 0 auto;
}

.rt-pg .divider-b-line {
height: 1px;
background: #BBAED7;
width: 100%;
}

.rt-pg .outcomes-sec {
background: #1e0a2e;
padding: 96px 32px;
}

.rt-pg .outcomes-inner {
max-width: 1400px;
margin: 0 auto;
}

.rt-pg .outcomes-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #EEE9ED;
margin: 0 0 16px 0;
padding-left: 16px;
border-left: 4px solid #BBAED7;
}

.rt-pg .outcomes-sub {
font-size: 19px;
line-height: 1.6;
color: #BBAED7;
margin: 0 0 48px 0;
max-width: 600px;
}

.rt-pg .outcomes-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}

.rt-pg .outcome-card {
background: rgba(187, 174, 215, 0.08);
border: 1px solid rgba(187, 174, 215, 0.18);
border-radius: 4px;
padding: 32px;
position: relative;
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
transition: background 0.15s ease-out, box-shadow 0.2s ease-out;
}

.rt-pg .outcome-card:hover {
background: rgba(187, 174, 215, 0.14);
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
}

.rt-pg .outcome-num {
font-size: 44px;
font-weight: 900;
color: #8034AF;
line-height: 1.2;
letter-spacing: 0.01em;
margin-bottom: 8px;
}

.rt-pg .outcome-head {
font-size: 19px;
font-weight: 700;
color: #EEE9ED;
margin: 0 0 8px 0;
line-height: 1.4;
}

.rt-pg .outcome-body {
font-size: 16px;
line-height: 1.9;
color: #BBAED7;
margin: 0;
}

.rt-pg .outcome-diamond {
position: absolute;
top: 16px;
right: 16px;
width: 14px;
height: 14px;
background: #8034AF;
transform: rotate(45deg);
opacity: 0.4;
}

.rt-pg .rhythm-sec {
background: #fff;
padding: 96px 32px;
}

.rt-pg .rhythm-inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 96px;
align-items: flex-start;
}

.rt-pg .rhythm-left {
flex: 0 0 420px;
}

.rt-pg .rhythm-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1e0a2e;
margin: 0 0 16px 0;
padding-left: 16px;
border-left: 4px solid #8034AF;
}

.rt-pg .rhythm-lead {
font-size: 19px;
line-height: 1.6;
color: #2a1040;
font-weight: 600;
margin: 0 0 16px 0;
}

.rt-pg .rhythm-body {
font-size: 16px;
line-height: 1.9;
color: #3a2050;
margin: 0 0 16px 0;
}

.rt-pg .rhythm-right {
flex: 1;
}

.rt-pg .rhythm-img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
border-radius: 4px;
display: block;
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
margin-bottom: 32px;
}

.rt-pg .rhythm-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.rt-pg .rhythm-list li {
font-size: 16px;
line-height: 1.6;
color: #3a2050;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.rt-pg .rhythm-list li .rn {
font-size: 19px;
font-weight: 900;
color: #8034AF;
flex-shrink: 0;
line-height: 1.4;
}

.rt-pg .struct-sec {
background: #EEE9ED;
padding: 96px 32px;
}

.rt-pg .struct-inner {
max-width: 1400px;
margin: 0 auto;
}

.rt-pg .struct-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1e0a2e;
margin: 0 0 8px 0;
padding-left: 16px;
border-left: 4px solid #8034AF;
}

.rt-pg .struct-sub {
font-size: 19px;
line-height: 1.6;
color: #2a1040;
margin: 0 0 48px 0;
}

.rt-pg .struct-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-bottom: 48px;
}

.rt-pg .struct-card {
background: #fff;
border-radius: 4px;
padding: 32px;
box-shadow: 2px 3px 4px -1px rgba(128, 52, 175, 0.07);
transition: box-shadow 0.2s ease-out, transform 0.15s ease-out;
}

.rt-pg .struct-card:hover {
box-shadow: 2px 5px 22px -1px rgba(128, 52, 175, 0.08);
transform: scale(1.02);
}

.rt-pg .struct-card-num {
font-size: 32px;
font-weight: 900;
color: #8034AF;
line-height: 1.2;
margin-bottom: 8px;
}

.rt-pg .struct-card-h {
font-size: 19px;
font-weight: 700;
color: #1e0a2e;
margin: 0 0 8px 0;
line-height: 1.4;
}

.rt-pg .struct-card-body {
font-size: 16px;
line-height: 1.9;
color: #3a2050;
margin: 0;
}

.rt-pg .struct-card-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 700;
color: #8034AF;
text-decoration: none;
margin-top: 16px;
transition: transform 0.15s ease-out, color 0.18s ease-out;
}

.rt-pg .struct-card-link:hover {
transform: scale(1.04);
color: #5a1e8a;
}

.rt-pg .struct-card-arrow {
display: inline-block;
width: 16px;
height: 2px;
background: currentColor;
position: relative;
}

.rt-pg .struct-card-arrow::after {
content: '';
position: absolute;
right: 0;
top: -3px;
width: 6px;
height: 6px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(45deg);
}

.rt-pg .engage-sec {
background: linear-gradient(135deg, #8034AF 0%, #5a1e8a 60%, #1e0a2e 100%);
padding: 96px 32px;
position: relative;
overflow: hidden;
}

.rt-pg .engage-deco {
position: absolute;
top: -48px;
left: -48px;
width: 320px;
height: 320px;
border-radius: 38px;
background: rgba(187, 174, 215, 0.07);
pointer-events: none;
}

.rt-pg .engage-deco-b {
position: absolute;
bottom: -64px;
right: -32px;
width: 240px;
height: 240px;
border-radius: 38px;
background: rgba(187, 174, 215, 0.05);
pointer-events: none;
}

.rt-pg .engage-inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 96px;
align-items: center;
position: relative;
z-index: 1;
}

.rt-pg .engage-txt {
flex: 1;
}

.rt-pg .engage-h2 {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #fff;
margin: 0 0 16px 0;
padding-left: 16px;
border-left: 4px solid #BBAED7;
}

.rt-pg .engage-lead {
font-size: 19px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
margin: 0 0 16px 0;
}

.rt-pg .engage-body {
font-size: 16px;
line-height: 1.9;
color: rgba(187, 174, 215, 0.9);
margin: 0 0 32px 0;
}

.rt-pg .engage-form-wrap {
flex: 0 0 420px;
}

.rt-pg .engage-form {
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(187, 174, 215, 0.25);
border-radius: 4px;
padding: 32px;
}

.rt-pg .form-field {
position: relative;
margin-bottom: 32px;
}

.rt-pg .form-input {
width: 100%;
background: transparent;
border: none;
border-bottom: 2px solid rgba(187, 174, 215, 0.4);
border-radius: 0;
padding: 16px 0 8px 0;
font-size: 16px;
color: #fff;
outline: none;
transition: border-color 0.18s ease-out;
box-sizing: border-box;
}

.rt-pg .form-input:focus {
border-color: #BBAED7;
}

.rt-pg .form-input::placeholder {
color: transparent;
}

.rt-pg .form-label {
position: absolute;
top: 16px;
left: 0;
font-size: 16px;
color: rgba(187, 174, 215, 0.7);
pointer-events: none;
transition: top 0.15s ease-out, font-size 0.15s ease-out, color 0.15s ease-out;
}

.rt-pg .form-input:focus+.form-label,
.rt-pg .form-input:not(:placeholder-shown)+.form-label {
top: -4px;
font-size: 16px;
color: #BBAED7;
}

.rt-pg .form-btn {
width: 100%;
background: #fff;
color: #8034AF;
border: none;
border-radius: 4px;
padding: 16px 32px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
letter-spacing: 0.01em;
transition: transform 0.15s ease-out, background 0.18s ease-out;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
}

.rt-pg .form-btn:hover {
transform: scale(1.03);
background: #EEE9ED;
}

.rt-pg .form-btn:focus {
outline: 3px solid #BBAED7;
outline-offset: 2px;
}

.rt-pg .form-btn-arrow {
display: inline-block;
width: 16px;
height: 2px;
background: currentColor;
position: relative;
}

.rt-pg .form-btn-arrow::after {
content: '';
position: absolute;
right: 0;
top: -3px;
width: 6px;
height: 6px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(45deg);
}

@media screen and (max-width: 1024px) {
.rt-pg .title-blk-inner {
flex-direction: column;
}

.rt-pg .title-img-wrap {
flex: 0 0 auto;
width: 100%;
}

.rt-pg .title-img {
width: 100%;
height: 240px;
}

.rt-pg .title-h1 {
font-size: 44px;
}

.rt-pg .stance-inner {
grid-template-columns: 1fr;
gap: 32px;
}

.rt-pg .rhythm-inner {
flex-direction: column;
gap: 32px;
}

.rt-pg .rhythm-left {
flex: 0 0 auto;
}

.rt-pg .engage-inner {
flex-direction: column;
gap: 48px;
}

.rt-pg .engage-form-wrap {
flex: 0 0 auto;
width: 100%;
}

.rt-pg .struct-grid {
grid-template-columns: 1fr 1fr;
}

.rt-pg .outcomes-grid {
grid-template-columns: 1fr;
}

.rt-pg .reader-top {
flex-direction: column;
}

.rt-pg .reader-strips {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.rt-pg .title-h1 {
font-size: 32px;
}

.rt-pg .stance-h2,
.rt-pg .reader-h2,
.rt-pg .outcomes-h2,
.rt-pg .rhythm-h2,
.rt-pg .struct-h2,
.rt-pg .engage-h2 {
font-size: 32px;
}

.rt-pg .struct-grid {
grid-template-columns: 1fr;
}

.rt-pg .title-ghost {
font-size: 120px;
}

.rt-pg .band-wrap {
padding: 0 16px;
}

.rt-pg .title-blk {
padding: 48px 16px;
}

.rt-pg .stance-sec,
.rt-pg .reader-sec,
.rt-pg .outcomes-sec,
.rt-pg .rhythm-sec,
.rt-pg .struct-sec,
.rt-pg .engage-sec {
padding: 48px 16px;
}
}

.succ-page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 32px;
background: #EEE9ED;
}

.succ-page .succ-wrap {
max-width: 1400px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 48px;
}

.succ-page .succ-card {
background: #ffffff;
border-radius: 4px;
padding: 48px;
max-width: 560px;
width: 100%;
box-shadow: 2px 9px 40px -1px rgba(128, 52, 175, 0.13);
display: flex;
flex-direction: column;
gap: 32px;
align-items: flex-start;
}

.succ-page .succ-icon {
width: 56px;
height: 56px;
flex-shrink: 0;
}

.succ-page .succ-icon svg {
width: 100%;
height: 100%;
}

.succ-page .succ-label {
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
color: #8034AF;
font-weight: 700;
text-transform: uppercase;
}

.succ-page .succ-heading {
font-size: 44px;
line-height: 1.2;
letter-spacing: 0.01em;
color: #1b1b1b;
margin: 0;
padding-left: 16px;
border-left: none;
position: relative;
}

.succ-page .succ-heading::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 6px;
bottom: 6px;
width: 3px;
background: #8034AF;
border-radius: 0px;
}

.succ-page .succ-body {
display: flex;
flex-direction: column;
gap: 16px;
}

.succ-page .succ-body .lead {
font-size: 19px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #2e2e2e;
margin: 0;
}

.succ-page .succ-body .note {
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.01em;
color: #4a4a4a;
margin: 0;
}

.succ-page .succ-divider {
width: 100%;
height: 1px;
background: #EEE9ED;
}

.succ-page .succ-action {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.02em;
font-weight: 700;
color: #8034AF;
text-decoration: none;
transition: color 0.18s ease-out, transform 0.14s cubic-bezier(0.4, 0, 0.6, 1);
border-radius: 0px;
}

.succ-page .succ-action:hover {
color: #5a2080;
transform: scale(1.04);
}

.succ-page .succ-action:focus-visible {
outline: 2px solid #8034AF;
outline-offset: 4px;
border-radius: 4px;
}

.succ-page .succ-action .arr {
display: inline-block;
width: 18px;
height: 18px;
flex-shrink: 0;
}

.succ-page .succ-action .arr svg {
width: 100%;
height: 100%;
}

.succ-page .succ-meta {
font-size: 16px;
line-height: 1.9;
letter-spacing: 0.01em;
color: #6a5a78;
text-align: center;
}

.succ-page .succ-meta a {
color: #8034AF;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.16s ease-out;
}

.succ-page .succ-meta a:hover {
color: #5a2080;
}

@media screen and (max-width: 640px) {
.succ-page {
padding: 48px 16px;
}

.succ-page .succ-card {
padding: 32px 16px;
gap: 24px;
}

.succ-page .succ-heading {
font-size: 32px;
}
}