html{box-sizing:border-box;scroll-behavior:smooth}
*,::before,::after{box-sizing:inherit}
body{margin:0;font-family:'Roboto',sans-serif;font-size:16px;line-height:1.55;letter-spacing:.015em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:#f9f7f8;color:#1a0f15;overflow-x:hidden}
::selection{background-color:#d6d6d6;color:inherit}
.SiteHeader{position:relative;background:linear-gradient(160deg,#4F2238 0%,#3a1828 55%,#1f0d14 100%);padding:0;overflow:hidden}
.SiteHeader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#00c8fd0f 0%,transparent 60%);pointer-events:none}
.HeaderTopBar{display:flex;align-items:center;justify-content:space-between;padding:8px 40px;border-bottom:1px solid #00c8fd26;max-width:1280px;margin:0 auto;width:100%}
.HeaderContactRow{display:flex;align-items:center;gap:16px}
.HeaderContactItem{display:flex;align-items:center;gap:8px;font-size:16px;color:#ffffffa6;text-decoration:none;transition:color .25s cubic-bezier(0.34,1.56,0.64,1)}
.HeaderContactItem:hover{color:#00C8FD}
.HeaderContactItem:focus{outline:2px solid #00C8FD;outline-offset:2px;border-radius:2px}
.HeaderContactIcon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.HeaderTagline{font-size:16px;color:#ffffff73;letter-spacing:.02em}
.HeaderMainHolder{display:flex;flex-direction:column;align-items:center;padding:40px 40px 0;max-width:1280px;margin:0 auto;width:100%}
.LogoHolder{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}
.LogoImgWrapper{background:#ffffff14;border:1px solid #ffffff2e;border-radius:24px;padding:16px;box-shadow:2px 4px 14px -2px #4f223814 0 0 0 3px #00c8fd1a}
.LogoImgWrapper img{width:60px;height:60px;display:block;object-fit:contain}
.LogoBrandName{font-size:28px;font-weight:700;color:#fff;letter-spacing:.01em;line-height:1.1}
.LogoBrandName span{color:#00C8FD}
.LogoDescriptor{font-size:16px;color:#ffffff8c;letter-spacing:.02em;text-align:center}
.HeaderNavHolder{width:100%;display:flex;justify-content:center}
.HeaderNavInner{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:center}
.NavTabItem{display:inline-flex;align-items:center;padding:16px 40px;font-size:16px;font-weight:700;color:#fff9;text-decoration:none;border-radius:24px 24px 0 0;background:#ffffff0a;border:1px solid #ffffff14;border-bottom:none;letter-spacing:.015em;transition:color .22s cubic-bezier(0.34,1.56,0.64,1),background .22s cubic-bezier(0.34,1.56,0.64,1);position:relative;min-height:44px}
.NavTabItem:hover{color:#fff;background:#00c8fd1a}
.NavTabItem:focus{outline:2px solid #00C8FD;outline-offset:-2px}
.NavTabItem.showing{color:#fff;background:#f9f7f8;color:#4F2238;box-shadow:2px 3px 5px -2px #4f223814}
@media (max-width: 768px) {
.HeaderTopBar{flex-direction:column;gap:8px;padding:8px 16px;align-items:flex-start}
.HeaderMainHolder{padding:40px 16px 0}
.NavTabItem{padding:16px;font-size:16px}
}
@media (max-width: 480px) {
.HeaderContactRow{flex-direction:column;align-items:flex-start;gap:8px}
.HeaderTagline{display:none}
}
@media (min-width: 1440px) {
.HeaderTopBar,.HeaderMainHolder{max-width:1280px}
}
.SiteFooter{background:#1a0f15;color:#ffffffb3;padding:0}
.FooterUtilityBar{border-bottom:1px solid #00c8fd1f;padding:8px 40px;display:flex;align-items:center;justify-content:flex-end;gap:16px;max-width:1280px;margin:0 auto}
.FooterUtilityLink{font-size:16px;color:#fff6;text-decoration:none;letter-spacing:.015em;transition:color .2s cubic-bezier(0.34,1.56,0.64,1)}
.FooterUtilityLink:hover{color:#00C8FD}
.FooterUtilityLink:focus{outline:2px solid #00C8FD;outline-offset:2px;border-radius:2px}
.FooterUtilityDivider{width:1px;height:16px;background:#ffffff26;display:inline-block}
.FooterMainBody{max-width:1280px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;align-items:start}
.FooterLogoCol{display:flex;flex-direction:column;gap:16px}
.FooterLogoWrapper{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;padding:16px;display:inline-flex;box-shadow:2px 4px 14px -2px #00c8fd14;width:fit-content}
.FooterLogoWrapper img{width:55px;height:55px;object-fit:contain;display:block}
.FooterBrandName{font-size:22px;font-weight:700;color:#fff;letter-spacing:.01em;line-height:1.1}
.FooterBrandName span{color:#00C8FD}
.FooterBrandDesc{font-size:16px;color:#ffffff73;line-height:1.55}
.FooterLinksCol{display:flex;flex-direction:column;gap:16px}
.FooterColHeading{font-size:16px;font-weight:700;color:#ffffffe6;letter-spacing:.02em;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid #00c8fd4d}
.FooterNavList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.FooterNavList li a{font-size:16px;color:#ffffff8c;text-decoration:none;letter-spacing:.015em;transition:color .22s cubic-bezier(0.34,1.56,0.64,1);display:inline-flex;align-items:center;gap:8px;min-height:44px}
.FooterNavList li a:hover{color:#00C8FD}
.FooterNavList li a:focus{outline:2px solid #00C8FD;outline-offset:2px;border-radius:2px}
.FooterNavAccent{width:4px;height:4px;background:#00C8FD;border-radius:2px;flex-shrink:0}
.FooterContactCol{display:flex;flex-direction:column;gap:16px}
.FooterContactList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.FooterContactList li{display:flex;align-items:flex-start;gap:8px}
.FooterContactList li a,.FooterContactList li span{font-size:16px;color:#ffffff8c;text-decoration:none;letter-spacing:.015em;line-height:1.55;transition:color .22s cubic-bezier(0.34,1.56,0.64,1)}
.FooterContactList li a:hover{color:#00C8FD}
.FooterContactList li a:focus{outline:2px solid #00C8FD;outline-offset:2px;border-radius:2px}
.FooterContactIcon{width:16px;height:16px;fill:none;stroke:#00C8FD;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:2px}
.FooterBottomBar{border-top:1px solid #ffffff0f;padding:16px 40px;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.FooterCopyText{font-size:16px;color:#ffffff4d;letter-spacing:.015em}
.FooterCopyAccent{color:#00c8fd80}
@media (max-width: 1024px) {
.FooterMainBody{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width: 768px) {
.FooterMainBody{grid-template-columns:1fr 1fr;padding:40px 16px;gap:40px}
.FooterUtilityBar,.FooterBottomBar{padding:8px 16px;flex-wrap:wrap;gap:8px}
}
@media (max-width: 480px) {
.FooterMainBody{grid-template-columns:1fr}
}
.rules-content{max-width:1280px;margin:0 auto;padding:80px 40px;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.rules-content h1{font-size:56px;line-height:1.1;letter-spacing:.01em;color:#4F2238;margin-top:0;margin-bottom:40px;padding-bottom:16px;border-bottom:2px solid #00C8FD}
.rules-content h2{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#4F2238;margin-top:80px;margin-bottom:16px}
.rules-content h3{font-size:28px;line-height:1.1;letter-spacing:.01em;color:#4F2238;margin-top:40px;margin-bottom:16px}
.rules-content h4{font-size:22px;line-height:1.55;letter-spacing:.02em;color:#4F2238;margin-top:40px;margin-bottom:8px}
.rules-content h5{font-size:18px;line-height:1.55;letter-spacing:.02em;color:#4F2238;margin-top:40px;margin-bottom:8px}
.rules-content h6{font-size:16px;line-height:1.55;letter-spacing:.02em;color:#4F2238;margin-top:40px;margin-bottom:8px}
.rules-content p{font-size:18px;line-height:2;letter-spacing:.01em;color:#1a1a1a;margin-top:0;margin-bottom:16px}
.rules-content ul,.rules-content ol{font-size:18px;line-height:2;letter-spacing:.01em;color:#1a1a1a;margin-top:0;margin-bottom:16px;padding-left:40px}
.rules-content ul{list-style:none;padding-left:0}
.rules-content ul li{position:relative;padding-left:40px}
.rules-content ul li::before{content:'';position:absolute;left:16px;top:.85em;width:6px;height:6px;border-radius:2px;background-color:#00C8FD}
.rules-content ol{list-style:decimal}
.rules-content li{margin-bottom:8px}
.rules-content li:last-child{margin-bottom:0}
.rules-content ul ul,.rules-content ol ul,.rules-content ul ol,.rules-content ol ol{margin-top:8px;margin-bottom:0}
.rules-content strong,.rules-content b{font-weight:700;color:#4F2238}
.rules-content em,.rules-content i{font-style:italic;color:#3a3a3a}
.rules-content div{box-sizing:border-box}
.rules-content div + div{margin-top:16px}
@media (max-width: 1024px) {
.rules-content{padding:80px 40px}
.rules-content h1{font-size:40px}
.rules-content h2{font-size:28px}
.rules-content h3{font-size:22px}
}
@media (max-width: 768px) {
.rules-content{padding:40px 16px}
.rules-content h1{font-size:40px;margin-bottom:40px}
.rules-content h2{font-size:28px;margin-top:40px}
.rules-content h3{font-size:22px;margin-top:40px}
.rules-content h4,.rules-content h5,.rules-content h6{margin-top:16px}
.rules-content p,.rules-content ul,.rules-content ol{font-size:16px}
}
@media (max-width: 480px) {
.rules-content{padding:40px 16px}
.rules-content h1{font-size:28px}
.rules-content h2{font-size:22px}
.rules-content h3{font-size:18px}
}
.ArticlePageHolder{background:#f9f7f8;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.ArticlePageHolder *,.ArticlePageHolder ::before,.ArticlePageHolder ::after{box-sizing:border-box}
::selection{background:#d4d4d4;color:inherit}
.ArticlePageHolder ::-webkit-input-placeholder{color:#1e0f1861}
.ArticlePageHolder ::placeholder{color:#1e0f1861}
.article-hero-wrapper{display:grid;grid-template-columns:340px 1fr;min-height:480px;max-width:1280px;margin:0 auto;padding:80px 40px 40px;gap:80px;align-items:center}
.article-img-col{position:relative;border-radius:24px;overflow:hidden;flex-shrink:0;padding:0}
.article-img-col img{display:block;width:100%;height:380px;object-fit:cover;border-radius:24px;transition:transform .28s cubic-bezier(0.34,1.56,0.64,1)}
.article-img-col:hover img{transform:scale(1.04)}
.article-img-overlay{position:absolute;inset:0;border-radius:24px;background:linear-gradient(to bottom,#4f22382e 0%,#4f2238b8 100%);transition:opacity .25s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none}
.article-img-col:hover .article-img-overlay{opacity:.25}
.article-text-col{position:relative;padding:40px 0}
.article-quote-deco{position:absolute;top:0;left:-16px;font-size:160px;line-height:1.1;color:#4f223812;font-style:normal;pointer-events:none;user-select:none;letter-spacing:-.02em}
.article-meta-row{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:16px}
.article-publish-badge{font-size:16px;line-height:1.55;color:#4f22388c;letter-spacing:.02em;background:#4f223812;padding:8px 16px;border-radius:2px}
.article-save-btn{display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:8px 16px;border-radius:2px;background:#4F2238;color:#fff;font-size:16px;line-height:1.55;letter-spacing:.01em;border:none;cursor:pointer;text-decoration:none;transition:filter .22s cubic-bezier(0.34,1.56,0.64,1),transform .22s cubic-bezier(0.34,1.56,0.64,1);box-shadow:2px 3px 5px -2px #4f223814}
.article-save-btn:hover{filter:brightness(1.22);transform:translateY(-2px)}
.article-save-btn:active{filter:brightness(0.9);transform:translateY(0)}
.article-save-btn:focus-visible{outline:2px solid #00C8FD;outline-offset:3px}
.article-save-btn svg{flex-shrink:0}
.ArticlePageHolder .article-heading{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#1e0f18;margin:0 0 16px;font-weight:700}
.article-heading-accent{color:#4F2238;-webkit-background-clip:unset;background-clip:unset}
.article-dashed-connector{display:block;width:80px;border:none;border-top:2px dashed #00c8fd8c;margin:16px 0}
.article-body-wrapper{max-width:1280px;margin:0 auto;padding:40px 40px 80px;display:grid;grid-template-columns:1fr 320px;gap:80px;align-items:start}
.article-content-main{background:#fff;border-radius:24px;padding:40px;box-shadow:2px 4px 14px -2px #4f223814}
.article-content-main p{font-size:18px;line-height:1.55;letter-spacing:.01em;color:#2d1421;margin:0 0 16px}
.article-content-main h2{font-size:28px;line-height:1.1;letter-spacing:.01em;color:#1e0f18;margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid #4f22382e;text-align:center}
.article-content-main blockquote{margin:40px 0;padding:16px 40px;background:linear-gradient(135deg,#4f22380f 0%,#00c8fd12 100%);border-radius:24px;box-shadow:inset 2px 4px 6px -2px #4f223812}
.article-content-main blockquote p{font-size:22px;line-height:1.55;color:#4F2238;font-style:italic;margin:0 0 8px}
.article-content-main cite{font-size:16px;color:#4f22388c;font-style:normal;letter-spacing:.02em}
.article-content-main ol{padding-left:0;list-style:none;counter-reset:article-list;margin:16px 0}
.article-content-main ol li{counter-increment:article-list;position:relative;padding-left:40px;font-size:18px;line-height:1.55;color:#2d1421;margin-bottom:16px}
.article-content-main ol li::before{content:counter(article-list);position:absolute;left:0;top:0;font-size:28px;line-height:1.1;font-weight:700;color:#4f223821;letter-spacing:-.02em}
.article-content-main del{color:#4f223873;text-decoration-color:#4F2238}
.article-content-main a{color:#4F2238;text-decoration:underline;transition:transform .2s cubic-bezier(0.34,1.56,0.64,1);display:inline-block}
.article-content-main a:hover{transform:rotate(-2deg)}
.article-content-main table{width:100%;border-collapse:collapse;margin:40px 0;border-radius:24px;overflow:hidden;box-shadow:2px 3px 5px -2px #4f223814}
.article-content-main caption{font-size:16px;color:#4f223899;letter-spacing:.02em;margin-bottom:8px;text-align:left}
.article-content-main thead{background:#4F2238;color:#fff}
.article-content-main th{padding:16px;font-size:16px;line-height:1.55;letter-spacing:.02em;text-align:left;font-weight:600}
.article-content-main td{padding:16px;font-size:16px;line-height:1.55;color:#2d1421;border-bottom:1px solid #4f223817}
.article-content-main tbody tr:last-child td{border-bottom:none}
.article-content-main tbody tr:nth-child(even){background:#00c8fd0d}
.article-content-main time{font-size:16px;color:#4f223880;letter-spacing:.02em}
.article-sidebar-col{display:flex;flex-direction:column;gap:40px;position:sticky;top:40px}
.sidebar-accent-block{background:linear-gradient(145deg,#4F2238 0%,#2a0f1c 100%);border-radius:24px;padding:40px;color:#fff;box-shadow:2px 8px 52px -2px #4f22381a}
.sidebar-accent-block h4{font-size:22px;line-height:1.1;letter-spacing:.01em;margin:0 0 16px;color:#fff;text-align:center;padding-bottom:8px;border-bottom:2px solid #00c8fd59}
.sidebar-accent-block p{font-size:16px;line-height:1.55;color:#ffffffc7;margin:0 0 16px}
.sidebar-cta-link{display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:16px 40px;background:#00C8FD;color:#1e0f18;border-radius:40px;font-size:16px;font-weight:700;letter-spacing:.02em;text-decoration:none;transition:filter .25s cubic-bezier(0.68,-0.55,0.27,1.55),box-shadow .25s cubic-bezier(0.68,-0.55,0.27,1.55);box-shadow:2px 4px 14px -2px #00c8fd47;width:100%;justify-content:center}
.sidebar-cta-link:hover{filter:brightness(1.12);box-shadow:2px 8px 52px -2px #00c8fd52}
.sidebar-fill-block{background:#fff;border-radius:24px;padding:40px;box-shadow:2px 3px 5px -2px #4f223814}
.sidebar-fill-block h5{font-size:18px;line-height:1.55;color:#1e0f18;margin:0 0 16px;text-align:center;padding-bottom:8px;border-bottom:2px solid #4f22381f}
.sidebar-fill-block p{font-size:16px;line-height:1.55;color:#2d1421;margin:0}
.article-section-divider{max-width:1280px;margin:0 auto;padding:0 40px;overflow:hidden}
.article-section-divider svg{display:block;width:100%}
@media (max-width: 1024px) {
.article-hero-wrapper{grid-template-columns:280px 1fr;gap:40px;padding:40px}
.article-body-wrapper{grid-template-columns:1fr;padding:40px 40px 80px;gap:40px}
.article-sidebar-col{position:static}
}
@media (max-width: 768px) {
.article-hero-wrapper{grid-template-columns:1fr;gap:16px;padding:40px 16px 16px}
.article-img-col img{height:240px}
.ArticlePageHolder .article-heading{font-size:28px}
.article-body-wrapper{padding:16px 16px 80px;gap:16px}
.article-content-main{padding:16px}
.article-section-divider{padding:0 16px}
}
@media (max-width: 480px) {
.article-hero-wrapper{padding:16px 8px 8px}
.article-body-wrapper{padding:8px 8px 80px}
.article-content-main{padding:16px 8px}
.ArticlePageHolder .article-heading{font-size:22px}
.article-quote-deco{font-size:80px}
}
.PageHolder{background:#faf9fb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
.PageHolder ::selection{background:#d0cdd4;color:inherit}
.PageHolder input::placeholder,.PageHolder textarea::placeholder{color:#1e121a61}
.PageHolder .HeroHolder{max-width:1280px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:center;position:relative}
.PageHolder .HeroAccentFrame{position:relative;display:flex;flex-direction:column;align-items:center}
.PageHolder .HeroImgContainer{width:100%;aspect-ratio:3/4;border-radius:24px;overflow:hidden;position:relative;box-shadow:2px 8px 52px -2px #4f22381a}
.PageHolder .HeroImgContainer img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;opacity:.72;transition:opacity .28s cubic-bezier(0.34,1.56,0.64,1)}
.PageHolder .HeroImgContainer:hover img{opacity:1}
.PageHolder .HeroImgOverlay{position:absolute;inset:0;background:linear-gradient(160deg,#4f223859 0%,#00c8fd2e 100%);border-radius:24px;pointer-events:none;transition:opacity .28s cubic-bezier(0.34,1.56,0.64,1)}
.PageHolder .HeroImgContainer:hover .HeroImgOverlay{opacity:0}
.PageHolder .PatternDots{position:absolute;bottom:-16px;right:-16px;width:80px;height:80px;pointer-events:none;z-index:0}
.PageHolder .HeroTextHolder{display:flex;flex-direction:column;gap:40px}
.PageHolder .HeroLabel{display:inline-flex;align-items:center;gap:8px;font-size:16px;letter-spacing:.02em;color:#4f2238a6;line-height:1.55}
.PageHolder .HeroLabelDash{width:24px;height:2px;background:#00C8FD;border-radius:2px;flex-shrink:0}
.PageHolder .HeroHeadingBlock{display:flex;flex-direction:column;gap:16px}
.PageHolder .HeroH1{font-size:56px;line-height:1.1;letter-spacing:.01em;color:#1e1219;margin:0;text-align:center}
.PageHolder .HeroH1 .AccentSpan{color:#4F2238}
.PageHolder .HeroCounter{display:flex;align-items:baseline;gap:8px;justify-content:center}
.PageHolder .HeroCountNum{font-size:72px;line-height:1.1;letter-spacing:.01em;color:#4F2238;font-weight:700}
.PageHolder .HeroCountLabel{font-size:22px;line-height:1.55;color:#1e121a8c;letter-spacing:.01em}
.PageHolder .HeroDesc{font-size:18px;line-height:1.55;color:#1e121ab8;letter-spacing:.01em;margin:0;max-width:520px}
.PageHolder .HeroCta{display:inline-flex;align-items:center;gap:8px;background:#4F2238;color:#fff;font-size:16px;letter-spacing:.02em;line-height:1.55;padding:16px 40px;border-radius:40px;text-decoration:none;border:none;cursor:pointer;align-self:flex-start;box-shadow:2px 4px 14px -2px #4f223814;transition:filter .25s cubic-bezier(0.34,1.56,0.64,1)}
.PageHolder .HeroCta:hover{filter:brightness(1.18)}
.PageHolder .HeroCta:focus-visible{outline:2px solid #00C8FD;outline-offset:4px}
.PageHolder .SectionDividerHolder{width:100%;overflow:hidden;line-height:0;display:flex;justify-content:center}
.PageHolder .SectionDividerHolder svg{display:block;width:100%}
.PageHolder .ServicesSection{background:linear-gradient(135deg,#f4eef2 0%,#e8f9ff 100%);position:relative;padding:80px 0}
.PageHolder .ServicesSection .BgRadialLines{position:absolute;top:0;left:0;width:320px;height:320px;pointer-events:none;overflow:hidden}
.PageHolder .ServicesSectionInner{max-width:1280px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:260px 1fr;gap:80px;align-items:start}
.PageHolder .ServicesSideNav{display:flex;flex-direction:column;gap:8px;position:sticky;top:40px}
.PageHolder .SideNavHeading{font-size:16px;letter-spacing:.02em;color:#1e121a73;line-height:1.55;margin:0 0 8px;text-transform:uppercase}
.PageHolder .SideNavItem{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.55;letter-spacing:.01em;color:#1e121aa6;padding:8px 16px;border-radius:24px;text-decoration:none;transition:background .22s cubic-bezier(0.34,1.56,0.64,1),color .22s cubic-bezier(0.34,1.56,0.64,1)}
.PageHolder .SideNavItem:hover{background:#4f223814;color:#4F2238}
.PageHolder .SideNavDot{width:8px;height:8px;border-radius:40px;background:#00C8FD;flex-shrink:0}
.PageHolder .ServicesContentHolder{display:flex;flex-direction:column;gap:80px}
.PageHolder .ServiceBlock{display:flex;flex-direction:column;gap:40px}
.PageHolder .ServiceBlockHeading{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#1e1219;margin:0;text-align:center;text-decoration:underline;text-decoration-color:#4f223840;text-underline-offset:6px}
.PageHolder .ServiceBlockDesc{font-size:18px;line-height:1.55;color:#1e121ab8;letter-spacing:.01em;margin:0}
.PageHolder .ServiceStepsHolder{display:flex;flex-direction:column;gap:0;position:relative}
.PageHolder .ServiceStepRow{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:stretch;position:relative}
.PageHolder .StepLineCol{display:flex;flex-direction:column;align-items:center}
.PageHolder .StepIconCircle{width:56px;height:56px;border-radius:40px;background:#fff;border:2px solid #4F2238;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 3px 5px -2px #4f223814;z-index:1;transition:background .25s cubic-bezier(0.34,1.56,0.64,1),box-shadow .25s cubic-bezier(0.34,1.56,0.64,1)}
.PageHolder .ServiceStepRow:hover .StepIconCircle{background:#4F2238;box-shadow:2px 4px 14px -2px #4f223814}
.PageHolder .ServiceStepRow:hover .StepIconCircle svg path,.PageHolder .ServiceStepRow:hover .StepIconCircle svg rect,.PageHolder .ServiceStepRow:hover .StepIconCircle svg circle,.PageHolder .ServiceStepRow:hover .StepIconCircle svg polyline{stroke:#fff}
.PageHolder .StepConnector{width:2px;flex:1;background:repeating-linear-gradient(to bottom,#4F2238 0px,#4F2238 6px,transparent 6px,transparent 12px);margin:0 auto;min-height:24px}
.PageHolder .StepContentBox{background:#fff;border-radius:24px;padding:16px 40px;margin-bottom:8px;box-shadow:2px 3px 5px -2px #4f223814;display:flex;flex-direction:column;gap:8px;transition:box-shadow .25s cubic-bezier(0.34,1.56,0.64,1),transform .25s cubic-bezier(0.34,1.56,0.64,1)}
.PageHolder .ServiceStepRow:hover .StepContentBox{box-shadow:2px 8px 52px -2px #4f22381a;transform:translateX(4px)}
.PageHolder .StepNumber{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#4f22381a;font-weight:700;line-height:1}
.PageHolder .StepTitle{font-size:22px;line-height:1.55;letter-spacing:.01em;color:#1e1219;margin:0}
.PageHolder .StepDesc{font-size:16px;line-height:1.55;letter-spacing:.01em;color:#1e121aa6;margin:0}
.PageHolder .ServiceFeaturedBlock{display:grid;grid-template-columns:1fr 2fr 2fr 1fr;gap:16px;align-items:stretch}
.PageHolder .FeatCard{background:#fff;border-radius:24px;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;box-shadow:2px 4px 14px -2px #4f223814;transition:box-shadow .28s cubic-bezier(0.34,1.56,0.64,1),transform .28s cubic-bezier(0.34,1.56,0.64,1)}
.PageHolder .FeatCard:hover{box-shadow:2px 8px 52px -2px #4f22381a;transform:translateY(-6px)}
.PageHolder .FeatCard.wide{padding:40px}
.PageHolder .FeatIconWrap{width:48px;height:48px;border-radius:24px;background:linear-gradient(135deg,#4F2238 0%,#00C8FD 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.PageHolder .FeatCardTitle{font-size:18px;line-height:1.55;color:#1e1219;letter-spacing:.01em;margin:0}
.PageHolder .FeatCardText{font-size:16px;line-height:1.55;color:#1e121aa6;letter-spacing:.01em;margin:0}
.PageHolder .ConnectingLines{display:flex;align-items:center;gap:0;padding:0 8px}
.PageHolder .ConnectNode{width:12px;height:12px;border-radius:40px;background:#4F2238;flex-shrink:0}
.PageHolder .ConnectDash{flex:1;height:2px;background:repeating-linear-gradient(to right,#00C8FD 0px,#00C8FD 8px,transparent 8px,transparent 16px)}
.PageHolder .VisualBlock{background:#1e1219;border-radius:24px;overflow:hidden;position:relative;min-height:320px;display:flex;align-items:stretch}
.PageHolder .VisualBlockImg{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.55;transition:opacity .32s cubic-bezier(0.34,1.56,0.64,1);position:absolute;inset:0}
.PageHolder .VisualBlock:hover .VisualBlockImg{opacity:1}
.PageHolder .VisualBlockOverlay{position:absolute;inset:0;background:linear-gradient(135deg,#4f2238b8 0%,#00c8fd38 100%);pointer-events:none;transition:opacity .32s cubic-bezier(0.34,1.56,0.64,1)}
.PageHolder .VisualBlock:hover .VisualBlockOverlay{opacity:0}
.PageHolder .VisualBlockText{position:relative;z-index:1;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;gap:16px}
.PageHolder .VisualBlockQ{font-size:28px;line-height:1.1;letter-spacing:.01em;color:#fff;margin:0}
.PageHolder .VisualBlockSub{font-size:16px;line-height:1.55;color:#ffffffb8;letter-spacing:.01em;margin:0}
.PageHolder .TestimonialStrip{background:#fff;border-radius:24px;padding:40px;box-shadow:2px 4px 14px -2px #4f223814;display:grid;grid-template-columns:120px 1fr;gap:40px;align-items:center;inset-shadow:inset 0 4px 6px #4f22380a}
.PageHolder .TestimonialPortrait{width:120px;height:120px;border-radius:40px;overflow:hidden;flex-shrink:0;box-shadow:2px 4px 14px -2px #4f223814}
.PageHolder .TestimonialPortrait img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;opacity:.85;transition:opacity .25s cubic-bezier(0.68,-0.55,0.27,1.55)}
.PageHolder .TestimonialPortrait:hover img{opacity:1}
.PageHolder .TestimonialBody{display:flex;flex-direction:column;gap:8px}
.PageHolder .TestimonialQuote{font-size:18px;line-height:1.55;letter-spacing:.01em;color:#1e121ad1;margin:0}
.PageHolder .TestimonialMeta{font-size:16px;line-height:1.55;color:#1e121a73;letter-spacing:.01em}
.PageHolder .TestimonialName{color:#4F2238;font-weight:600}
.PageHolder .IconConnectRow{display:flex;align-items:center;gap:0;padding:16px 0}
.PageHolder .IconConnectNode{display:flex;flex-direction:column;align-items:center;gap:8px}
.PageHolder .IconConnectCircle{width:48px;height:48px;border-radius:40px;background:#4f223814;display:flex;align-items:center;justify-content:center}
.PageHolder .IconConnectLabel{font-size:16px;line-height:1.55;color:#1e121a8c;letter-spacing:.01em;white-space:nowrap}
.PageHolder .IconDashedLine{flex:1;height:2px;background:repeating-linear-gradient(to right,#00C8FD 0px,#00C8FD 6px,transparent 6px,transparent 14px);margin-bottom:24px}
.PageHolder .SectionDividerB{width:100%;overflow:hidden;line-height:0}
.PageHolder a.InlineLink{color:#4F2238;text-decoration:underline;text-underline-offset:3px;transition:transform .22s cubic-bezier(0.34,1.56,0.64,1);display:inline-block}
.PageHolder a.InlineLink:hover{transform:rotate(-2deg)}
.PageHolder .BgDriftAnim{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.PageHolder .BgDriftBlob{position:absolute;width:480px;height:320px;border-radius:40px;background:linear-gradient(135deg,#4f223812 0%,#00c8fd0f 100%);animation:DriftMove 7s cubic-bezier(0.34,1.56,0.64,1) infinite alternate;top:10%;left:-80px}
@keyframes DriftMove {
0%{transform:translateX(0) translateY(0) rotate(-4deg)}
100%{transform:translateX(80px) translateY(40px) rotate(4deg)}
}
@media (max-width: 1024px) {
.PageHolder .HeroHolder{grid-template-columns:1fr;gap:40px;padding:80px 40px}
.PageHolder .HeroAccentFrame{max-width:360px;margin:0 auto}
.PageHolder .ServicesSectionInner{grid-template-columns:1fr;gap:40px}
.PageHolder .ServicesSideNav{position:static;flex-direction:row;flex-wrap:wrap}
.PageHolder .ServiceFeaturedBlock{grid-template-columns:1fr 1fr}
.PageHolder .TestimonialStrip{grid-template-columns:1fr;text-align:center}
.PageHolder .TestimonialPortrait{margin:0 auto}
}
@media (max-width: 768px) {
.PageHolder .HeroHolder{padding:40px 16px}
.PageHolder .HeroH1{font-size:40px}
.PageHolder .HeroCountNum{font-size:56px}
.PageHolder .ServicesSectionInner{padding:0 16px}
.PageHolder .ServiceFeaturedBlock{grid-template-columns:1fr}
.PageHolder .ServiceBlockHeading{font-size:28px}
.PageHolder .VisualBlockText{padding:16px}
}
@media (max-width: 480px) {
.PageHolder .HeroH1{font-size:28px}
.PageHolder .HeroCountNum{font-size:40px}
.PageHolder .ServicesSection{padding:40px 0}
.PageHolder .StepContentBox{padding:16px}
.PageHolder .TestimonialStrip{padding:16px}
.PageHolder .IconConnectLabel{font-size:16px;white-space:normal;text-align:center}
}
.page-root{display:block;overflow-x:hidden;background:#f9f7f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:.015em}
.page-root ::selection{background:#d6d6d6;color:inherit}
.page-root input::placeholder,.page-root textarea::placeholder{color:#28141e61}
.page-root .ContentHolder{max-width:1280px;margin:0 auto;padding:0 40px}
@media (max-width: 768px) {
.page-root .ContentHolder{padding:0 16px}
}
.page-root .HeroSection{padding:80px 0 40px;position:relative;background:#fff}
.page-root .HeroSection .ContentHolder{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.page-root .HeroBackdropChar{position:absolute;top:-16px;right:60px;font-size:280px;font-weight:900;color:#4f22380a;line-height:1.1;pointer-events:none;user-select:none;z-index:0}
.page-root .HeroTextCol{position:relative;z-index:1;padding-top:40px}
.page-root .HeroLabel{display:inline-block;font-size:16px;color:#4F2238;border:2px solid #4F2238;border-radius:2px;padding:8px 16px;margin-bottom:16px;line-height:1.55}
.page-root .HeroHeading{font-size:56px;line-height:1.1;color:#1a0d13;margin:0 0 16px;letter-spacing:.01em}
.page-root .HeroHeading span{color:#4F2238}
.page-root .HeroPoints{list-style:none;padding:0;margin:16px 0 40px}
.page-root .HeroPoints li{position:relative;padding-left:40px;font-size:18px;line-height:1.55;color:#2e1520;margin-bottom:8px}
.page-root .HeroPoints li .PointNum{position:absolute;left:0;top:0;font-size:22px;font-weight:700;color:#4f22382e;line-height:1.1}
.page-root .HeroCta{display:inline-block;background:#4F2238;color:#fff;font-size:18px;line-height:1.55;padding:16px 40px;border-radius:24px;text-decoration:none;border:none;cursor:pointer;transition:brightness .25s cubic-bezier(0.34,1.56,0.64,1)}
.page-root .HeroCta:hover{filter:brightness(1.18)}
.page-root .HeroCta:focus{outline:3px solid #00C8FD;outline-offset:3px}
.page-root .HeroImageCol{position:relative;z-index:1}
.page-root .HeroImgFrame{position:relative;border-radius:40px;overflow:hidden;border:2px solid #4f22381f;box-shadow:2px 8px 52px -2px #4f22381a}
.page-root .HeroImgFrame img{width:100%;height:420px;object-fit:cover;object-position:center;display:block;transform:scale(1);transition:transform .35s cubic-bezier(0.34,1.56,0.64,1)}
.page-root .HeroImgFrame:hover img{transform:scale(1.05)}
.page-root .HeroImgOverlay{position:absolute;inset:0;background:linear-gradient(135deg,#4f223873 0%,#00c8fd2e 100%);transition:opacity .28s cubic-bezier(0.34,1.56,0.64,1);border-radius:40px}
.page-root .HeroImgFrame:hover .HeroImgOverlay{opacity:0}
.page-root .StepDivider1{width:100%;height:40px;background:#fff;clip-path:polygon(0 0,60% 0,60% 100%,0 100%);position:relative}
.page-root .ServicesSection{background:linear-gradient(120deg,#4f22380f 0%,#00c8fd0f 100%);padding:80px 0;position:relative}
.page-root .ServicesSection .ContentHolder{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;align-items:start}
.page-root .ServicesSectionHead{grid-column:1 / -1;margin-bottom:16px;text-align:center}
.page-root .ServicesSectionHead h2{font-size:40px;line-height:1.1;color:#1a0d13;margin:0 0 8px;letter-spacing:.01em}
.page-root .ServicesSectionHead h2 span{color:#4F2238}
.page-root .ServicesSectionHead p{font-size:18px;line-height:1.55;color:#3b1d2b;max-width:560px;margin:0 auto}
.page-root .SvcCard{background:#fff;border-radius:24px;padding:40px 16px;box-shadow:2px 4px 14px -2px #4f223814;display:flex;flex-direction:column;gap:8px;transition:box-shadow .22s cubic-bezier(0.34,1.56,0.64,1),transform .22s cubic-bezier(0.34,1.56,0.64,1)}
.page-root .SvcCard:hover{box-shadow:2px 8px 52px -2px #4f22381a;transform:translateY(-4px)}
.page-root .SvcCardIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.page-root .SvcCardIcon svg{width:36px;height:36px}
.page-root .SvcCard h4{font-size:22px;line-height:1.1;color:#1a0d13;margin:0;text-decoration:underline;text-decoration-color:#4f223838;text-underline-offset:4px}
.page-root .SvcCard p{font-size:16px;line-height:1.55;color:#3b1d2b;margin:0}
.page-root .SvcCard .SvcLink{display:inline-block;font-size:16px;color:#4F2238;text-decoration:underline;text-decoration-color:#00C8FD;text-underline-offset:3px;margin-top:8px;transition:transform .2s cubic-bezier(0.68,-0.55,0.27,1.55)}
.page-root .SvcCard .SvcLink:hover{transform:rotate(-3deg)}
.page-root .DashedAccent{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}
.page-root .DashedAccentIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.page-root .DashedAccentLine{flex:1;max-width:120px;height:2px;border-top:2px dashed #4f223838}
.page-root .FeaturedSection{background:#fff;padding:80px 0 40px;position:relative}
.page-root .FeaturedSection .ContentHolder{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:center}
.page-root .FeaturedMain{position:relative}
.page-root .FeaturedMain h2{font-size:40px;line-height:1.1;color:#1a0d13;margin:0 0 16px;text-align:center;letter-spacing:.01em}
.page-root .FeaturedMain h2 span{color:#4F2238}
.page-root .FeaturedImgStack{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.page-root .FeaturedImgWrap{border-radius:24px;overflow:hidden;position:relative;box-shadow:2px 4px 14px -2px #4f223814}
.page-root .FeaturedImgWrap img{width:100%;height:220px;object-fit:cover;object-position:center;display:block;transform:scale(1);transition:transform .32s cubic-bezier(0.34,1.56,0.64,1)}
.page-root .FeaturedImgWrap:hover img{transform:scale(1.06)}
.page-root .FeaturedImgOverlay{position:absolute;inset:0;background:linear-gradient(135deg,#4f223861 0%,#00c8fd1f 100%);transition:opacity .25s cubic-bezier(0.34,1.56,0.64,1)}
.page-root .FeaturedImgWrap:hover .FeaturedImgOverlay{opacity:0}
.page-root .FeaturedSide{display:flex;flex-direction:column;gap:16px}
.page-root .FeaturedSide h5{font-size:22px;line-height:1.1;color:#1a0d13;margin:0;text-decoration:underline;text-decoration-color:#00C8FD;text-underline-offset:4px}
.page-root .FeaturedSide p{font-size:16px;line-height:1.55;color:#3b1d2b;margin:0}
.page-root .TestimonialCard{background:linear-gradient(135deg,#4f22380d 0%,#00c8fd12 100%);border-radius:24px;padding:16px;box-shadow:inset 2px 4px 6px -2px #4f22380f;display:flex;flex-direction:column;gap:8px}
.page-root .TestimonialPortrait{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #4f22382e}
.page-root .TestimonialPortrait img{width:56px;height:56px;object-fit:cover;object-position:top;display:block}
.page-root .TestimonialHead{display:flex;flex-direction:row;align-items:center;gap:16px}
.page-root .TestimonialMeta h6{font-size:16px;line-height:1.55;color:#1a0d13;margin:0}
.page-root .TestimonialMeta span{font-size:16px;color:#4F2238;line-height:1.55}
.page-root .TestimonialCard blockquote{font-size:16px;line-height:1.55;color:#3b1d2b;margin:0;font-style:italic}
.page-root .ContactSection{background:linear-gradient(135deg,#4F2238 0%,#2a0f1d 100%);padding:80px 0;position:relative;overflow:hidden}
.page-root .ContactBgShape{position:absolute;top:-40px;right:-40px;width:320px;height:320px;border-radius:50%;border:2px solid #00c8fd2e;pointer-events:none}
.page-root .ContactBgShape2{position:absolute;bottom:-80px;left:80px;width:200px;height:200px;border-radius:50%;border:2px solid #ffffff14;pointer-events:none}
.page-root .ContactSection .ContentHolder{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;position:relative;z-index:1}
.page-root .ContactInfo h2{font-size:40px;line-height:1.1;color:#fff;margin:0 0 16px;letter-spacing:.01em;text-align:center}
.page-root .ContactInfo h2 span{color:#00C8FD}
.page-root .ContactInfo p{font-size:18px;line-height:1.55;color:#ffffffc7;margin:0 0 16px}
.page-root .ContactDetailsList{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}
.page-root .ContactDetailsList li{font-size:16px;line-height:1.55;color:#ffffffe0;display:flex;flex-direction:row;align-items:center;gap:8px}
.page-root .ContactDetailsList li a{color:#00C8FD;text-decoration:none;transition:opacity .2s cubic-bezier(0.34,1.56,0.64,1)}
.page-root .ContactDetailsList li a:hover{opacity:.75}
.page-root .ContactDot{width:8px;height:8px;background:#00C8FD;border-radius:2px;flex-shrink:0}
.page-root .ContactFormHolder form{display:flex;flex-direction:column;gap:16px}
.page-root .ContactFormHolder input,.page-root .ContactFormHolder textarea{background:#ffffff14;border:2px solid #ffffff2e;border-radius:24px;padding:16px;font-size:16px;line-height:1.55;color:#fff;width:100%;box-sizing:border-box;transition:border-color .22s cubic-bezier(0.34,1.56,0.64,1),box-shadow .22s cubic-bezier(0.34,1.56,0.64,1);box-shadow:inset 2px 3px 5px -2px #4f223814}
.page-root .ContactFormHolder input:focus,.page-root .ContactFormHolder textarea:focus{outline:none;border-color:#00C8FD;box-shadow:inset 2px 3px 5px -2px #00c8fd1a}
.page-root .ContactFormHolder textarea{min-height:120px;resize:vertical;border-radius:24px}
.page-root .FormSubmitBtn{background:#00C8FD;color:#1a0d13;font-size:18px;line-height:1.55;padding:16px 40px;border-radius:24px;border:none;cursor:pointer;font-weight:700;letter-spacing:.015em;transition:filter .25s cubic-bezier(0.34,1.56,0.64,1);align-self:flex-start}
.page-root .FormSubmitBtn:hover{filter:brightness(1.12)}
.page-root .FormSubmitBtn:focus{outline:3px solid #fff;outline-offset:3px}
@media (max-width: 1024px) {
.page-root .HeroSection .ContentHolder{grid-template-columns:1fr;gap:40px}
.page-root .HeroBackdropChar{font-size:160px;right:16px}
.page-root .ServicesSection .ContentHolder{grid-template-columns:1fr 1fr}
.page-root .FeaturedSection .ContentHolder{grid-template-columns:1fr;gap:40px}
.page-root .ContactSection .ContentHolder{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.page-root .HeroHeading{font-size:40px}
.page-root .ServicesSection .ContentHolder{grid-template-columns:1fr}
.page-root .FeaturedImgStack{grid-template-columns:1fr}
.page-root .ServicesSectionHead h2{font-size:28px}
.page-root .ContactInfo h2{font-size:28px}
}
@media (max-width: 480px) {
.page-root .HeroHeading{font-size:28px}
.page-root .HeroCta{font-size:16px;padding:16px}
}
.AnalyticsPageHolder{max-width:1280px;margin:0 auto;padding:0 40px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}
.AnalyticsPageHolder *,.AnalyticsPageHolder ::before,.AnalyticsPageHolder ::after{box-sizing:border-box}
.AnalyticsPageHolder ::selection{background:#d0d0d0;color:inherit}
.AnalyticsPageHolder ::-webkit-input-placeholder{opacity:.45}
.AnalyticsPageHolder ::placeholder{opacity:.45}
.PageHeroSection{position:relative;padding:80px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:2px solid #4F2238;border-bottom:2px solid #00C8FD}
.HeroTextZone{position:relative;z-index:1}
.HeroDecorCircle1{position:absolute;width:320px;height:320px;border-radius:40px;background:radial-gradient(ellipse at 30% 70%,#4f223812 0%,#00c8fd0a 100%);top:-40px;right:-80px;pointer-events:none;border-radius:50%}
.HeroDecorCircle2{position:absolute;width:180px;height:180px;border:1.5px solid #00c8fd26;border-radius:50%;bottom:0;left:-40px;pointer-events:none}
.HeroDecorCircle3{position:absolute;width:80px;height:80px;background:#4f22380a;border-radius:50%;top:40px;left:60px;pointer-events:none}
.HeroLabel{display:inline-block;font-size:16px;letter-spacing:.02em;color:#4F2238;background:#4f223812;padding:8px 16px;border-radius:2px;margin-bottom:16px;line-height:1.55}
.HeroHeading{font-size:56px;line-height:1.1;letter-spacing:.01em;color:#1a0d13;margin:0 0 16px;text-align:left}
.HeroHeading span{background:linear-gradient(135deg,#4F2238 0%,#00C8FD 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.HeroSubtext{font-size:18px;line-height:1.55;letter-spacing:.01em;color:#3a2530;margin:0;max-width:480px}
.HeroImageZone{position:relative}
.HeroImageFrame{position:relative;border-radius:24px;overflow:hidden;box-shadow:2px 8px 52px -2px #4f22381a;border:2px solid #4f22381f}
.HeroImageFrame img{width:100%;height:420px;object-fit:cover;display:block;transition:opacity .35s cubic-bezier(0.34,1.56,0.64,1);animation:HeroImgFadeIn .35s cubic-bezier(0.34,1.56,0.64,1) forwards}
.HeroImageOverlay{position:absolute;inset:0;background:linear-gradient(135deg,#4f223861 0%,#00c8fd2e 100%);transition:opacity .25s cubic-bezier(0.34,1.56,0.64,1);border-radius:24px}
.HeroImageFrame:hover .HeroImageOverlay{opacity:0}
@keyframes HeroImgFadeIn {
from{opacity:0;transform:scale(1.03)}
to{opacity:1;transform:scale(1)}
}
.SvgDividerHolder{width:100%;overflow:hidden;line-height:0;margin:0}
.SvgDividerHolder svg{display:block;width:100%}
.ArticlesGridSection{padding:80px 0;background:linear-gradient(160deg,#00c8fd0a 0%,#fff0 60%)}
.SectionHeadingBlock{text-align:center;margin-bottom:40px}
.SectionHeadingBlock h2{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#1a0d13;margin:0 0 8px;text-decoration:underline;text-decoration-color:#00c8fd66;text-underline-offset:6px}
.SectionHeadingBlock p{font-size:18px;line-height:1.55;color:#3a2530;margin:0}
.ArticlesGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}
.ArticleCard{background:#fff;border-radius:24px;overflow:hidden;box-shadow:2px 4px 14px -2px #4f223814;border-top:2px solid #4f22381a;border-bottom:2px solid #00c8fd26;display:flex;flex-direction:column;position:relative;transition:box-shadow .25s cubic-bezier(0.34,1.56,0.64,1),transform .25s cubic-bezier(0.34,1.56,0.64,1)}
.ArticleCard:hover{box-shadow:2px 8px 52px -2px #4f22381a;transform:translateY(-4px)}
.ArticleCard::after{content:'';position:absolute;inset:0;border-radius:24px;border:2px solid transparent;transition:border-color .28s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none}
.ArticleCard:hover::after{border-color:#4f223838}
.CardImgHolder{position:relative;overflow:hidden;height:180px;flex-shrink:0}
.CardImgHolder img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s cubic-bezier(0.34,1.56,0.64,1)}
.ArticleCard:hover .CardImgHolder img{transform:scale(1.04)}
.CardImgTint{position:absolute;inset:0;background:linear-gradient(135deg,#4f223852 0%,#00c8fd24 100%);transition:opacity .28s cubic-bezier(0.34,1.56,0.64,1)}
.ArticleCard:hover .CardImgTint{opacity:0}
.CardImgPlaceholder{width:100%;height:100%;background:linear-gradient(135deg,#4f22381a 0%,#00c8fd1a 100%);display:flex;align-items:center;justify-content:center}
.CardImgPlaceholder svg{opacity:.3}
.CardBody{padding:16px;flex:1;display:flex;flex-direction:column;gap:8px}
.CardDate{font-size:16px;color:#4f223880;letter-spacing:.02em;line-height:1.55}
.CardTitle{font-size:18px;line-height:1.55;letter-spacing:.01em;color:#1a0d13;margin:0;font-weight:600}
.CardDesc{font-size:16px;line-height:1.55;color:#3a2530;margin:0;flex:1}
.CardLinkBtn{display:inline-block;margin-top:8px;padding:8px 16px;background:#4F2238;color:#fff;border-radius:2px;font-size:16px;letter-spacing:.01em;text-decoration:none;align-self:flex-start;position:relative;overflow:hidden;transition:filter .22s cubic-bezier(0.34,1.56,0.64,1)}
.CardLinkBtn::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:0;background:#00c8fd2e;transition:height .25s cubic-bezier(0.34,1.56,0.64,1)}
.CardLinkBtn:hover{filter:brightness(1.18)}
.CardLinkBtn:hover::before{height:100%}
.CardLinkBtn:focus{outline:2px solid #00C8FD;outline-offset:2px}
.ArticleCard5Wide{grid-column:1 / -1;display:grid;grid-template-columns:280px 1fr;border-radius:24px}
.ArticleCard5Wide .CardImgHolder{height:100%;min-height:200px;border-radius:24px 0 0 24px}
.ArticleCard5Wide .CardBody{padding:40px}
.ArticleCard5Wide .CardTitle{font-size:22px}
.DividerAlt{position:relative;height:40px;overflow:hidden}
.DividerAlt svg{position:absolute;left:0;bottom:0;width:100%}
.InsightSection{padding:80px 0;background:#fff;position:relative}
.InsightInner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.InsightTextCol h2{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#1a0d13;margin:0 0 16px;text-align:center;text-decoration:underline;text-decoration-color:#4f22384d;text-underline-offset:6px}
.InsightTextCol p{font-size:18px;line-height:1.55;color:#3a2530;margin:0 0 16px;letter-spacing:.01em}
.InsightTextCol a{display:inline-block;color:#4F2238;font-size:18px;font-weight:600;text-decoration:underline;letter-spacing:.01em;transition:transform .22s cubic-bezier(0.68,-0.55,0.27,1.55)}
.InsightTextCol a:hover{transform:rotate(-2deg)}
.InfographicHolder{background:linear-gradient(135deg,#4f22380a 0%,#00c8fd0f 100%);border-radius:24px;padding:40px;box-shadow:inset 0 4px 6px #4f22380f;border-top:2px solid #4f22381a;border-bottom:2px solid #00c8fd26}
.InfographicRow{display:flex;flex-direction:row;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #4f223814}
.InfographicRow:last-child{border-bottom:none}
.InfographicIcon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#4f223814;border-radius:40px}
.InfographicIcon svg{display:block}
.InfographicLabel{flex:1;font-size:16px;color:#3a2530;letter-spacing:.01em;line-height:1.55}
.RingStatHolder{position:relative;width:56px;height:56px;flex-shrink:0}
.RingSvg{transform:rotate(-90deg)}
.RingBg{fill:none;stroke:#4f22381a;stroke-width:4}
.RingFill{fill:none;stroke:#4F2238;stroke-width:4;stroke-linecap:round;stroke-dasharray:138}
.RingFill.SecondaryRing{stroke:#00C8FD}
.RingNum{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#4F2238;line-height:1.1}
.RingNum.SecondaryNum{color:#007fa0}
.TopicsSection{padding:80px 0;background:linear-gradient(160deg,#4f22380a 0%,#00c8fd08 100%)}
.TopicsHeading{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#1a0d13;margin:0 0 40px;text-align:center;text-decoration:underline;text-decoration-color:#00c8fd66;text-underline-offset:6px}
.TopicsList{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0;counter-reset:TopicsCounter;max-width:800px;margin-left:auto;margin-right:auto}
.TopicItem{counter-increment:TopicsCounter;display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:16px 40px;background:#fff;border-radius:24px;box-shadow:2px 3px 5px -2px #4f223814;border-top:2px solid #4f223814;border-bottom:2px solid #00c8fd1f;position:relative;transition:box-shadow .25s cubic-bezier(0.34,1.56,0.64,1),transform .25s cubic-bezier(0.34,1.56,0.64,1)}
.TopicItem::before{content:counter(TopicsCounter, decimal-leading-zero);font-size:56px;line-height:1.1;color:#4f22380f;font-weight:800;letter-spacing:.01em;flex-shrink:0;width:64px;text-align:right;user-select:none}
.TopicItem:hover{box-shadow:2px 8px 52px -2px #4f22381a;transform:translateX(8px)}
.TopicItemContent h4{font-size:22px;line-height:1.55;color:#1a0d13;margin:0 0 8px;letter-spacing:.01em}
.TopicItemContent p{font-size:16px;line-height:1.55;color:#3a2530;margin:0}
.TopicItemContent h4 span{color:#4F2238}
@media (max-width: 1024px) {
.ArticlesGrid{grid-template-columns:1fr 1fr}
.ArticleCard5Wide{grid-column:1 / -1;grid-template-columns:200px 1fr}
.InsightInner{grid-template-columns:1fr;gap:40px}
.PageHeroSection{grid-template-columns:1fr;gap:40px}
.HeroHeading{font-size:40px}
}
@media (max-width: 768px) {
.AnalyticsPageHolder{padding:0 16px}
.ArticlesGrid{grid-template-columns:1fr}
.ArticleCard5Wide{grid-template-columns:1fr}
.ArticleCard5Wide .CardImgHolder{height:200px;border-radius:24px 24px 0 0}
.TopicItem{padding:16px}
.HeroHeading{font-size:28px}
.PageHeroSection{padding:40px 0}
}
@media (max-width: 480px) {
.InfographicRow{flex-wrap:wrap}
.TopicsHeading,.InsightTextCol h2,.SectionHeadingBlock h2{font-size:28px}
}
.ContactPageHolder{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:#fafafa;overflow-x:hidden}
.ContactPageHolder ::selection{background:#d0d0d0;color:inherit}
.ContactPageHolder ::placeholder{color:#1e141a59;opacity:1}
.ContactPageHolder .PageInnerHolder{max-width:1280px;margin:0 auto;padding:0 40px}
.ContactPageHolder .SidebarLayoutHolder{display:grid;grid-template-columns:320px 1fr;gap:80px;align-items:start}
.ContactPageHolder .InfoSidebarData{position:sticky;top:40px}
.ContactPageHolder .FormMainHolder{min-width:0}
.ContactPageHolder .TitleBlockWrapper{background:#4F2238;padding:80px 0 40px;position:relative;overflow:hidden}
.ContactPageHolder .TitleBlockWrapper::before{content:"";position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:#00c8fd14;pointer-events:none}
.ContactPageHolder .TitleBlockWrapper::after{content:"";position:absolute;bottom:-80px;left:10%;width:180px;height:180px;border-radius:50%;background:#ffffff0a;pointer-events:none}
.ContactPageHolder .TitleBlockInner{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:1}
.ContactPageHolder .TitleLabelTag{display:inline-block;font-size:16px;line-height:1.55;letter-spacing:.08em;color:#00C8FD;text-transform:uppercase;margin-bottom:16px;font-weight:600}
.ContactPageHolder .TitleMainHeading{font-size:56px;line-height:1.1;letter-spacing:.01em;color:#fff;margin:0 0 16px;font-weight:700;max-width:640px}
.ContactPageHolder .TitleDescText{font-size:18px;line-height:1.55;letter-spacing:.01em;color:#ffffffb8;max-width:520px;margin:0}
.ContactPageHolder .SvgZigzagDivider{display:block;width:100%;background:#4F2238;line-height:0}
.ContactPageHolder .SvgZigzagDivider svg{display:block;width:100%}
.ContactPageHolder .ContactMainSection{padding:80px 0;background:#fafafa}
.ContactPageHolder .InfoSidebarData .SidebarHeadingText{font-size:22px;line-height:1.1;letter-spacing:.01em;color:#4F2238;margin:0 0 16px;font-weight:700;text-align:center;text-decoration:underline;text-decoration-color:#4f22384d;text-underline-offset:4px}
.ContactPageHolder .SidebarDescText{font-size:16px;line-height:1.55;letter-spacing:.01em;color:#2a1c23;margin:0 0 40px;text-align:left}
.ContactPageHolder .ContactDetailsList{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-direction:column;gap:16px}
.ContactPageHolder .ContactDetailsList li{display:flex;flex-direction:column;gap:8px}
.ContactPageHolder .DetailLabelSmall{font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:#00C8FD;font-weight:700}
.ContactPageHolder .DetailValueText{font-size:16px;line-height:1.55;color:#1e141a;letter-spacing:.01em}
.ContactPageHolder .DetailValueText a{color:#4F2238;text-decoration:none;transition:transform .25s cubic-bezier(0.34,1.56,0.64,1),color .22s cubic-bezier(0.34,1.56,0.64,1);display:inline-block}
.ContactPageHolder .DetailValueText a:hover{transform:rotate(-2deg);color:#00C8FD}
.ContactPageHolder .CornerBracketBox{position:relative;padding:16px;background:#00c8fd0f;border-radius:2px;box-shadow:inset 2px 3px 6px -2px #4f223814}
.ContactPageHolder .CornerBracketBox::before,.ContactPageHolder .CornerBracketBox::after{content:"";position:absolute;width:16px;height:16px;border-color:#4F2238;border-style:solid;pointer-events:none}
.ContactPageHolder .CornerBracketBox::before{top:0;left:0;border-width:2px 0 0 2px}
.ContactPageHolder .CornerBracketBox::after{bottom:0;right:0;border-width:0 2px 2px 0}
.ContactPageHolder .HoursLabelText{font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:#4F2238;font-weight:700;margin:0 0 8px}
.ContactPageHolder .HoursValueText{font-size:16px;line-height:1.55;color:#1e141a;margin:0}
.ContactPageHolder .FormPanelWrapper{background:#fff;border-radius:24px;padding:40px;box-shadow:2px 8px 52px -2px #4f22381a}
.ContactPageHolder .FormHeadingText{font-size:28px;line-height:1.1;letter-spacing:.01em;color:#4F2238;margin:0 0 8px;font-weight:700;text-align:center;text-decoration:underline;text-decoration-color:#00c8fd80;text-underline-offset:5px}
.ContactPageHolder .FormSubText{font-size:16px;line-height:1.55;color:#5a4550;margin:0 0 40px;text-align:left}
.ContactPageHolder .ContactFormData{display:flex;flex-direction:column;gap:16px}
.ContactPageHolder .FieldRowHolder{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ContactPageHolder .FieldGroupItem{display:flex;flex-direction:column;gap:8px}
.ContactPageHolder .FieldGroupItem.FullWidthField{grid-column:1 / -1}
.ContactPageHolder .FieldLabelText{font-size:16px;letter-spacing:.02em;color:#4F2238;font-weight:600}
.ContactPageHolder .InputFieldData{width:100%;padding:16px;font-size:16px;line-height:1.55;color:#1e141a;background:#f7f3f5;border:2px solid transparent;border-radius:2px;outline:none;box-shadow:inset 2px 3px 5px -2px #4f223814;transition:border-color .28s cubic-bezier(0.34,1.56,0.64,1),background .22s cubic-bezier(0.34,1.56,0.64,1);box-sizing:border-box}
.ContactPageHolder .InputFieldData:focus{border-color:#00C8FD;background:#fff}
.ContactPageHolder .TextAreaFieldData{width:100%;padding:16px;font-size:16px;line-height:1.55;color:#1e141a;background:#f7f3f5;border:2px solid transparent;border-radius:2px;outline:none;resize:vertical;min-height:120px;box-shadow:inset 2px 4px 6px -2px #4f223814;transition:border-color .28s cubic-bezier(0.34,1.56,0.64,1),background .22s cubic-bezier(0.34,1.56,0.64,1);box-sizing:border-box}
.ContactPageHolder .TextAreaFieldData:focus{border-color:#00C8FD;background:#fff}
.ContactPageHolder .TopicToggleHolder{display:flex;flex-direction:column;gap:8px}
.ContactPageHolder .TopicToggleLabelText{font-size:16px;letter-spacing:.02em;color:#4F2238;font-weight:600}
.ContactPageHolder .TopicRadioGroup{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.ContactPageHolder .TopicRadioGroup input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.ContactPageHolder .TopicRadioLabel{display:inline-block;padding:8px 16px;font-size:16px;line-height:1.55;color:#4F2238;background:#f7f3f5;border:2px solid #4f223833;border-radius:2px;cursor:pointer;transition:background .25s cubic-bezier(0.34,1.56,0.64,1),border-color .25s cubic-bezier(0.34,1.56,0.64,1),color .22s cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageHolder .TopicRadioGroup input[type="radio"]:checked + .TopicRadioLabel{background:#4F2238;color:#fff;border-color:#4F2238}
.ContactPageHolder .ConditionalBlock{display:none;flex-direction:column;gap:8px}
#topic-course:checked ~ .ContactFormData .CourseConditionalField,#topic-collab:checked ~ .ContactFormData .CollabConditionalField,#topic-general:checked ~ .ContactFormData .GeneralConditionalField{display:flex}
.ContactPageHolder .PrivacyCheckHolder{display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:16px;background:#00c8fd0d;border-radius:2px;border:1px solid #00c8fd33}
.ContactPageHolder .PrivacyCheckInput{width:18px;height:18px;min-width:18px;accent-color:#4F2238;margin-top:2px;cursor:pointer}
.ContactPageHolder .PrivacyTextLabel{font-size:16px;line-height:1.55;color:#3a2530;letter-spacing:.01em;cursor:pointer}
.ContactPageHolder .PrivacyTextLabel a{color:#4F2238;text-decoration:underline;text-underline-offset:3px;transition:color .22s cubic-bezier(0.34,1.56,0.64,1),transform .25s cubic-bezier(0.34,1.56,0.64,1);display:inline-block}
.ContactPageHolder .PrivacyTextLabel a:hover{color:#00C8FD;transform:rotate(-1deg)}
.ContactPageHolder .SubmitBtnData{display:block;width:100%;padding:16px 40px;font-size:18px;line-height:1.55;letter-spacing:.02em;font-weight:700;color:#fff;background:#4F2238;border:none;border-radius:24px;cursor:pointer;box-shadow:2px 4px 14px -2px #4f223814;transition:filter .28s cubic-bezier(0.34,1.56,0.64,1),box-shadow .28s cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageHolder .SubmitBtnData:hover{filter:brightness(1.18);box-shadow:2px 8px 52px -2px #4f22381a}
.ContactPageHolder .SubmitBtnData:focus{outline:3px solid #00C8FD;outline-offset:3px}
.ContactPageHolder .SubmitBtnData:active{filter:brightness(0.92)}
.ContactPageHolder .ImageAccentHolder{margin-top:40px;border-radius:24px;overflow:hidden;position:relative;box-shadow:2px 4px 14px -2px #4f223814}
.ContactPageHolder .ImageAccentHolder img{display:block;width:100%;height:200px;object-fit:cover;opacity:.65;transition:opacity .3s cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageHolder .ImageAccentHolder:hover img{opacity:1}
.ContactPageHolder .ImageColorOverlay{position:absolute;inset:0;background:linear-gradient(135deg,#4f22388c 0%,#00c8fd40 100%);pointer-events:none;transition:opacity .3s cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageHolder .ImageAccentHolder:hover .ImageColorOverlay{opacity:0}
.ContactPageHolder .FormImageThumb{border-radius:24px;overflow:hidden;position:relative;box-shadow:2px 3px 5px -2px #4f223814;margin-bottom:40px}
.ContactPageHolder .FormImageThumb img{display:block;width:100%;height:160px;object-fit:cover;opacity:.6;transition:opacity .3s cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageHolder .FormImageThumb:hover img{opacity:1}
.ContactPageHolder .FormImageOverlay{position:absolute;inset:0;background:linear-gradient(120deg,#00c8fd66 0%,#4f223873 100%);pointer-events:none;transition:opacity .3s cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageHolder .FormImageThumb:hover .FormImageOverlay{opacity:0}
.ContactPageHolder .SelectFieldData{width:100%;padding:16px;font-size:16px;line-height:1.55;color:#1e141a;background:#f7f3f5;border:2px solid transparent;border-radius:2px;outline:none;box-shadow:inset 2px 3px 5px -2px #4f223814;transition:border-color .28s cubic-bezier(0.34,1.56,0.64,1),background .22s cubic-bezier(0.34,1.56,0.64,1);box-sizing:border-box;cursor:pointer;appearance:none}
.ContactPageHolder .SelectFieldData:focus{border-color:#00C8FD;background:#fff}
@media (max-width: 1024px) {
.ContactPageHolder .SidebarLayoutHolder{grid-template-columns:280px 1fr;gap:40px}
.ContactPageHolder .TitleMainHeading{font-size:40px}
}
@media (max-width: 768px) {
.ContactPageHolder .SidebarLayoutHolder{grid-template-columns:1fr;gap:40px}
.ContactPageHolder .InfoSidebarData{position:static}
.ContactPageHolder .TitleMainHeading{font-size:40px}
.ContactPageHolder .PageInnerHolder{padding:0 16px}
.ContactPageHolder .TitleBlockInner{padding:0 16px}
.ContactPageHolder .FieldRowHolder{grid-template-columns:1fr}
.ContactPageHolder .FormPanelWrapper{padding:16px}
.ContactPageHolder .ContactMainSection{padding:40px 0}
.ContactPageHolder .TitleBlockWrapper{padding:40px 0}
}
@media (max-width: 480px) {
.ContactPageHolder .TitleMainHeading{font-size:28px}
.ContactPageHolder .TopicRadioGroup{flex-direction:column}
}
.about-page-holder{background:#f9f7f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
.about-page-holder ::selection{background:#d0cdd0;color:inherit}
.about-page-holder input::placeholder,.about-page-holder textarea::placeholder{color:#28141e61}
.about-page-holder .content-max{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:80px;padding-right:80px}
@media (max-width: 1024px) {
.about-page-holder .content-max{padding-left:40px;padding-right:40px}
}
@media (max-width: 768px) {
.about-page-holder .content-max{padding-left:16px;padding-right:16px}
}
.about-page-holder .title-zone{background:linear-gradient(135deg,#4F2238 0%,#2a0e1c 55%,#00C8FD 160%);padding-top:80px;padding-bottom:80px;position:relative;overflow:hidden}
.about-page-holder .title-zone-inner{position:relative;z-index:2;text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.about-page-holder .title-quote-anchor{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:220px;line-height:1.1;color:#ffffff0f;pointer-events:none;user-select:none;z-index:1;letter-spacing:-.02em;font-weight:900}
.about-page-holder .title-label{display:inline-block;font-size:16px;line-height:1.55;letter-spacing:.12em;text-transform:uppercase;color:#00C8FD;margin-bottom:16px;font-weight:600}
.about-page-holder .title-heading{font-size:56px;line-height:1.1;letter-spacing:.01em;color:#fff;margin-bottom:16px;font-weight:800}
.about-page-holder .title-heading-break{display:block;font-size:40px;line-height:1.1;color:#ffffffb8;font-weight:400;letter-spacing:.02em;margin-top:8px}
.about-page-holder .title-sub{font-size:18px;line-height:1.55;color:#ffffffb3;max-width:520px;margin-left:auto;margin-right:auto;letter-spacing:.01em}
@media (max-width: 768px) {
.about-page-holder .title-heading{font-size:40px}
.about-page-holder .title-heading-break{font-size:28px}
.about-page-holder .title-quote-anchor{font-size:140px}
}
@media (max-width: 480px) {
.about-page-holder .title-heading{font-size:28px}
.about-page-holder .title-heading-break{font-size:22px}
}
.about-page-holder .story-section{padding-top:80px;padding-bottom:80px;background:#fff}
.about-page-holder .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-page-holder .story-img-holder{position:relative;border-radius:24px;overflow:hidden;box-shadow:2px 8px 52px -2px #4f22381a}
.about-page-holder .story-img-holder img{width:100%;height:480px;object-fit:cover;object-position:center;display:block;transition:transform .28s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder .story-img-holder:hover img{transform:scale(1.04)}
.about-page-holder .story-img-overlay{position:absolute;inset:0;background:linear-gradient(160deg,#4f223861 0%,#00c8fd1f 100%);transition:opacity .25s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none}
.about-page-holder .story-img-holder:hover .story-img-overlay{opacity:0}
.about-page-holder .story-img-fade{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#fff,transparent);pointer-events:none}
.about-page-holder .story-text-block h2{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#1a0c12;margin-bottom:16px;font-weight:700;text-decoration:underline;text-decoration-color:#4f223838;text-underline-offset:6px;text-align:center}
.about-page-holder .story-text-block p{font-size:18px;line-height:1.55;color:#3d1f2c;letter-spacing:.01em;margin-bottom:16px;max-width:520px}
.about-page-holder .story-text-block .accent-span{color:#4F2238;font-weight:600}
.about-page-holder .story-year-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#4F2238,#7a2e50);color:#fff;font-size:16px;line-height:1.55;letter-spacing:.04em;padding:8px 16px;border-radius:2px;margin-bottom:16px;box-shadow:2px 3px 5px -2px #4f223814;font-weight:600}
@media (max-width: 1024px) {
.about-page-holder .story-grid{grid-template-columns:1fr;gap:40px}
.about-page-holder .story-img-holder img{height:320px}
}
.about-page-holder .team-section{padding-top:80px;padding-bottom:80px;background:linear-gradient(150deg,#f5eef2 0%,#eaf9fe 100%);position:relative;overflow:hidden}
.about-page-holder .team-section-bg-icon{position:absolute;right:-40px;top:40px;width:260px;height:260px;opacity:.06;pointer-events:none;overflow:hidden}
.about-page-holder .team-section-bg-icon svg{width:100%;height:100%}
.about-page-holder .team-heading-holder{text-align:center;margin-bottom:40px}
.about-page-holder .team-heading-holder h2{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#1a0c12;font-weight:700;text-decoration:underline;text-decoration-color:#00c8fd66;text-underline-offset:6px}
.about-page-holder .team-columns{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:16px;align-items:start}
.about-page-holder .team-portrait-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:2px 4px 14px -2px #4f223814;transition:box-shadow .25s cubic-bezier(0.34,1.56,0.64,1),transform .25s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder .team-portrait-card:hover{box-shadow:2px 8px 52px -2px #4f22381a;transform:translateY(-4px)}
.about-page-holder .team-portrait-img-holder{width:100%;aspect-ratio:2/3;overflow:hidden;position:relative}
.about-page-holder .team-portrait-img-holder img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .28s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder .team-portrait-card:hover .team-portrait-img-holder img{transform:scale(1.03)}
.about-page-holder .portrait-img-overlay{position:absolute;inset:0;background:linear-gradient(160deg,#4f22384d 0%,transparent 60%);transition:opacity .22s cubic-bezier(0.68,-0.55,0.27,1.55);pointer-events:none}
.about-page-holder .team-portrait-card:hover .portrait-img-overlay{opacity:0}
.about-page-holder .team-portrait-info{padding:16px}
.about-page-holder .team-portrait-info h4{font-size:18px;line-height:1.55;color:#1a0c12;font-weight:700;letter-spacing:.01em;margin-bottom:8px}
.about-page-holder .team-portrait-info span{font-size:16px;line-height:1.55;color:#4F2238;font-weight:500;display:block}
.about-page-holder .team-middle-data{display:flex;flex-direction:column;gap:16px;align-self:center}
.about-page-holder .team-stat-tile{background:#fff;border-radius:24px;padding:16px;box-shadow:2px 3px 5px -2px #4f223814;text-align:center;transition:background .22s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder .team-stat-tile:hover{background:linear-gradient(135deg,#4F2238,#7a2e50)}
.about-page-holder .team-stat-tile:hover .stat-num{color:#00C8FD}
.about-page-holder .team-stat-tile:hover .stat-label{color:#fffc}
.about-page-holder .stat-num{font-size:40px;line-height:1.1;font-weight:800;color:#4F2238;letter-spacing:-.01em;transition:color .22s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder .stat-label{font-size:16px;line-height:1.55;color:#5a3344;transition:color .22s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder .team-quote-block{background:#4F2238;border-radius:24px;padding:40px;display:flex;flex-direction:column;justify-content:center;gap:16px;box-shadow:2px 4px 14px -2px #4f223814;position:relative;overflow:hidden;align-self:center}
.about-page-holder .team-quote-mark{font-size:72px;line-height:1.1;color:#00c8fd38;position:absolute;top:16px;left:16px;font-weight:900;pointer-events:none;user-select:none}
.about-page-holder .team-quote-text{font-size:18px;line-height:1.55;color:#ffffffe0;letter-spacing:.01em;position:relative;z-index:2;padding-top:40px}
.about-page-holder .team-quote-attr{font-size:16px;color:#00C8FD;font-weight:600;letter-spacing:.02em;position:relative;z-index:2}
@media (max-width: 1024px) {
.about-page-holder .team-columns{grid-template-columns:1fr 1fr;gap:16px}
.about-page-holder .team-quote-block{grid-column:1 / -1}
}
@media (max-width: 480px) {
.about-page-holder .team-columns{grid-template-columns:1fr 1fr}
.about-page-holder .team-middle-data{grid-column:1 / -1;flex-direction:row}
.about-page-holder .team-stat-tile{flex:1}
}
.about-page-holder .approach-section{padding-top:80px;padding-bottom:80px;background:#fff;position:relative}
.about-page-holder .approach-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}
.about-page-holder .approach-heading-col{grid-column:1 / -1;text-align:center;margin-bottom:16px}
.about-page-holder .approach-heading-col h2{font-size:40px;line-height:1.1;color:#1a0c12;font-weight:700;letter-spacing:.01em;text-decoration:underline;text-decoration-color:#4f223838;text-underline-offset:6px}
.about-page-holder .approach-card{border-radius:24px;padding:40px;background:#f9f5f7;box-shadow:2px 3px 5px -2px #4f223814;position:relative;overflow:hidden;transition:background .28s cubic-bezier(0.34,1.56,0.64,1),box-shadow .28s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder .approach-card:hover{background:linear-gradient(145deg,#f5eef2,#eaf9fe);box-shadow:2px 8px 52px -2px #4f22381a}
.about-page-holder .approach-num{font-size:72px;line-height:1.1;font-weight:900;color:#4f223814;position:absolute;bottom:8px;right:16px;pointer-events:none;user-select:none;letter-spacing:-.02em}
.about-page-holder .approach-card h4{font-size:22px;line-height:1.55;color:#1a0c12;font-weight:700;letter-spacing:.01em;margin-bottom:8px;text-align:center}
.about-page-holder .approach-card p{font-size:16px;line-height:1.55;color:#3d1f2c;letter-spacing:.01em}
.about-page-holder .approach-icon-anchor{width:40px;height:40px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.about-page-holder .approach-icon-anchor svg{width:40px;height:40px;fill:#4F2238;opacity:.8}
@media (max-width: 768px) {
.about-page-holder .approach-inner{grid-template-columns:1fr;gap:16px}
.about-page-holder .approach-heading-col{grid-column:1}
}
.about-page-holder .gallery-section{padding-top:80px;padding-bottom:80px;background:linear-gradient(120deg,#2a0e1c 0%,#4F2238 45%,#1a3a4a 100%);position:relative;overflow:hidden}
.about-page-holder .gallery-section::before{content:'';position:absolute;inset:0;background:url(./uploads/pict_17.jpg) center/cover no-repeat;opacity:.15;pointer-events:none}
.about-page-holder .gallery-heading-holder{text-align:center;margin-bottom:40px;position:relative;z-index:2}
.about-page-holder .gallery-heading-holder h2{font-size:40px;line-height:1.1;color:#fff;font-weight:700;letter-spacing:.01em;text-decoration:underline;text-decoration-color:#00c8fd80;text-underline-offset:6px}
.about-page-holder .gallery-heading-holder p{font-size:18px;line-height:1.55;color:#ffffffad;margin-top:16px;max-width:480px;margin-left:auto;margin-right:auto;letter-spacing:.01em}
.about-page-holder .gallery-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}
.about-page-holder .gallery-img-slot{border-radius:24px;overflow:hidden;position:relative;box-shadow:2px 4px 14px -2px #4f223814}
.about-page-holder .gallery-img-slot.slot-tall{grid-row:span 2}
.about-page-holder .gallery-img-slot img{width:100%;height:100%;min-height:200px;object-fit:cover;object-position:center;display:block;transition:transform .28s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder .gallery-img-slot:hover img{transform:scale(1.05)}
.about-page-holder .gallery-img-tint{position:absolute;inset:0;background:linear-gradient(140deg,#4f223885 0%,#00c8fd2e 100%);transition:opacity .25s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none}
.about-page-holder .gallery-img-slot:hover .gallery-img-tint{opacity:0}
@media (max-width: 1024px) {
.about-page-holder .gallery-grid{grid-template-columns:1fr 1fr}
.about-page-holder .gallery-img-slot.slot-tall{grid-row:span 1}
}
@media (max-width: 480px) {
.about-page-holder .gallery-grid{grid-template-columns:1fr 1fr;gap:8px}
.about-page-holder .gallery-img-slot img{min-height:140px}
}
.about-page-holder .data-table-wrapper{margin-top:40px;background:#ffffff0f;border-radius:24px;overflow:hidden;position:relative;z-index:2;box-shadow:inset 0 3px 6px #00c8fd1a}
.about-page-holder .data-table{width:100%;border-collapse:collapse}
.about-page-holder .data-table thead tr{background:#00c8fd24}
.about-page-holder .data-table th{font-size:16px;line-height:1.55;color:#00C8FD;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:16px;text-align:left}
.about-page-holder .data-table tbody tr:nth-child(even){background:#ffffff0a}
.about-page-holder .data-table tbody tr:nth-child(odd){background:#00000014}
.about-page-holder .data-table tbody tr{transition:background .22s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder .data-table tbody tr:hover{background:#00c8fd1a}
.about-page-holder .data-table td{font-size:16px;line-height:1.55;color:#ffffffd1;padding:16px;letter-spacing:.01em;border-top:1px solid #ffffff12}
.about-page-holder .data-table td:first-child{color:#fff;font-weight:600}
@media (max-width: 768px) {
.about-page-holder .data-table-wrapper{overflow-x:auto}
.about-page-holder .data-table{min-width:480px}
}
.about-page-holder a.content-link{color:#4F2238;text-decoration:underline;text-underline-offset:3px;display:inline-block;transition:transform .22s cubic-bezier(0.34,1.56,0.64,1),color .22s cubic-bezier(0.34,1.56,0.64,1)}
.about-page-holder a.content-link:hover{transform:rotate(-2deg);color:#7a2e50}
.SuccessPageHolder{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#faf9fb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.SuccessPageHolder .status-icon-wrapper{width:80px;height:80px;border-radius:40px;background:linear-gradient(135deg,#4F2238 0%,#00C8FD 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 40px;box-shadow:2px 8px 52px -2px #00c8fd1a}
.SuccessPageHolder .status-icon-wrapper svg{display:block}
.SuccessPageHolder .ContentBlock{max-width:560px;width:100%;text-align:center}
.SuccessPageHolder .ContentBlock .page-heading{font-size:40px;line-height:1.1;letter-spacing:.01em;color:#1a0f15;margin:0 0 16px;font-weight:700}
.SuccessPageHolder .ContentBlock .page-heading .accent-span{background:linear-gradient(90deg,#4F2238 0%,#00C8FD 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.SuccessPageHolder .ContentBlock .sub-text{font-size:18px;line-height:1.55;letter-spacing:.01em;color:#4a3d45;margin:0 0 40px;padding:0 16px}
.SuccessPageHolder .divider-line{width:48px;height:2px;background:linear-gradient(90deg,#4F2238,#00C8FD);border-radius:2px;margin:0 auto 40px}
.SuccessPageHolder .info-strip{background:#fff;border-radius:24px;padding:40px;box-shadow:2px 4px 14px -2px #4f223814;margin-bottom:40px;text-align:left}
.SuccessPageHolder .info-strip .strip-label{font-size:16px;line-height:1.55;letter-spacing:.02em;color:#7a5f6e;text-transform:uppercase;font-weight:600;margin:0 0 8px}
.SuccessPageHolder .info-strip .strip-value{font-size:22px;line-height:1.1;letter-spacing:.01em;color:#1a0f15;font-weight:700;margin:0}
.SuccessPageHolder .action-row{display:flex;flex-direction:row;gap:16px;justify-content:center;flex-wrap:wrap}
.SuccessPageHolder .action-row .btn-primary-data{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:#4F2238;color:#fff;font-size:16px;letter-spacing:.02em;font-weight:600;border-radius:24px;text-decoration:none;border:none;box-shadow:2px 3px 5px -2px #4f223814;transition:filter .25s cubic-bezier(0.34,1.56,0.64,1),box-shadow .22s cubic-bezier(0.34,1.56,0.64,1);cursor:pointer}
.SuccessPageHolder .action-row .btn-primary-data:hover{filter:brightness(1.18);box-shadow:2px 8px 52px -2px #4f22381a}
.SuccessPageHolder .action-row .btn-primary-data:focus{outline:2px solid #00C8FD;outline-offset:3px}
.SuccessPageHolder .action-row .btn-secondary-data{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:#f2edf0;color:#4F2238;font-size:16px;letter-spacing:.02em;font-weight:600;border-radius:24px;text-decoration:none;border:none;box-shadow:2px 3px 5px -2px #4f223814;transition:filter .28s cubic-bezier(0.68,-0.55,0.27,1.55),box-shadow .22s cubic-bezier(0.34,1.56,0.64,1);cursor:pointer}
.SuccessPageHolder .action-row .btn-secondary-data:hover{filter:brightness(0.94);box-shadow:2px 4px 14px -2px #4f223814}
.SuccessPageHolder .action-row .btn-secondary-data:focus{outline:2px solid #4F2238;outline-offset:3px}
.SuccessPageHolder .contact-note{margin-top:40px;font-size:16px;line-height:1.55;color:#7a5f6e;letter-spacing:.01em}
.SuccessPageHolder .contact-note a{color:#4F2238;font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:transform .22s cubic-bezier(0.34,1.56,0.64,1);display:inline-block}
.SuccessPageHolder .contact-note a:hover{transform:rotate(-2deg)}
@media (max-width: 480px) {
.SuccessPageHolder{padding:40px 16px}
.SuccessPageHolder .ContentBlock .page-heading{font-size:28px}
.SuccessPageHolder .ContentBlock .sub-text{font-size:16px;padding:0}
.SuccessPageHolder .info-strip{padding:16px}
.SuccessPageHolder .action-row{flex-direction:column;align-items:stretch}
.SuccessPageHolder .action-row .btn-primary-data,.SuccessPageHolder .action-row .btn-secondary-data{justify-content:center;padding:16px 40px}
}