*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Roboto',sans-serif;background:linear-gradient(180deg,#0a0a0f 0%,#1a1a28 100%);color:#e8e8f0;line-height:1.6;scroll-behavior:smooth}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-track{background:#0f0f18;box-shadow:inset 0 0 6px #09b3b91a}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#09B3B9 0%,#871DC6 100%);border-radius:8px;box-shadow:0 4px 12px #09b3b94d}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ac4cb 0%,#9a2ee0 100%)}
.HeaderOuter{background:linear-gradient(135deg,#0d0d16 0%,#1a1a2e 100%);border-bottom:2px solid #09b3b933;box-shadow:0 8px 24px #0009 0 0 40px #871dc626;padding:20px 0 0}
.BrandRow{padding:30px 0;background:linear-gradient(90deg,#09b3b90d 0%,#871dc60d 100%);border-bottom:1px solid #feeabb1a}
.BrandContainer{max-width:1024px;margin:0 auto;text-align:center;padding:0 20px}
.CompanyTitle{font-size:56px;font-weight:700;color:#09B3B9;text-shadow:0 4px 16px #09b3b966 0 0 30px #09b3b933;margin-bottom:12px;letter-spacing:1px}
.CompanyTagline{font-size:18px;color:#b8b8d0;font-weight:400;max-width:600px;margin:0 auto}
.NavigationRow{padding:20px 0}
.NavContainer{max-width:1024px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.LogoWrapper{flex-shrink:0}
.LogoLink{display:block}
.SiteLogo{height:90px;width:90px;display:block;background:#09b3b91a;padding:8px;border-radius:8px;box-shadow:0 4px 16px #09b3b933}
.MainNavigation{display:flex;gap:28px;flex-wrap:wrap;align-items:center;flex:1;justify-content:center}
.MainNavigation .NavLink{color:#e8e8f0;text-decoration:none;font-size:16px;font-weight:400;padding:8px 4px;transition:color .2s ease;white-space:nowrap}
.MainNavigation .NavLink:hover{color:#09B3B9}
.HeaderActions{display:flex;gap:12px;flex-shrink:0}
.ActionButton{padding:12px 24px;border-radius:6px;text-decoration:none;font-size:15px;font-weight:700;transition:background .2s ease,box-shadow .2s ease;white-space:nowrap}
.ActionButton.PrimaryAction{background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);color:#fff;box-shadow:0 6px 18px #09b3b94d}
.ActionButton.PrimaryAction:hover{background:linear-gradient(135deg,#0ac4cb 0%,#9a2ee0 100%);box-shadow:0 8px 24px #09b3b980}
.ActionButton.SecondaryAction{background:#feeabb26;color:#FEEABB;border:1px solid #feeabb4d;box-shadow:0 4px 12px #feeabb1a}
.ActionButton.SecondaryAction:hover{background:#feeabb40}
.FooterOuter{background:linear-gradient(135deg,#09b3b908 0%,#871dc608 100%);padding:50px 0 30px;margin-top:80px;border-top:1px solid #09b3b926}
.FooterContainer{max-width:1024px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;gap:60px}
.FooterLeft{flex:1}
.FooterBrand{margin-bottom:30px}
.FooterTitle{font-size:28px;color:#09B3B9;margin-bottom:8px;font-weight:700}
.FooterTagline{font-size:15px;color:#9898b8}
.FooterContact{display:flex;flex-direction:column;gap:14px}
.ContactItem{display:flex;align-items:center;gap:12px;font-size:14px;color:#b8b8d0}
.ContactItem i{font-size:18px;color:#09B3B9}
.ContactItem a{color:#b8b8d0;text-decoration:none;transition:color .2s ease}
.ContactItem a:hover{color:#09B3B9}
.FooterRight{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:30px}
.FooterNav{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.FooterLink{color:#b8b8d0;text-decoration:none;font-size:14px;transition:color .2s ease}
.FooterLink:hover{color:#09B3B9}
.FooterCopyright{font-size:13px;color:#78788c;text-align:right}
.CookiePopup{position:fixed;top:20px;right:-400px;background:linear-gradient(135deg,#1a1a2e 0%,#0d0d16 100%);border-radius:10px;padding:24px;box-shadow:0 12px 40px #000c 0 0 60px #09b3b933;max-width:360px;z-index:10000;border:1px solid #09b3b94d;transition:right .4s ease}
.CookiePopup.is-visible{right:20px}
.CookiePopup.is-hidden{right:-400px;display:none}
.CookieContent{display:flex;flex-direction:column;gap:16px}
.CookieTitle{font-size:20px;color:#09B3B9;font-weight:700;margin-bottom:4px}
.CookieText{font-size:14px;color:#b8b8d0;line-height:1.5}
.CookieLink{color:#09B3B9;text-decoration:underline}
.CookieLink:hover{color:#0ac4cb}
.CookieActions{display:flex;gap:10px;margin-top:8px}
.CookieButton{flex:1;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}
.CookieButton.AcceptButton{background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);color:#fff;box-shadow:0 4px 12px #09b3b94d}
.CookieButton.AcceptButton:hover{background:linear-gradient(135deg,#0ac4cb 0%,#9a2ee0 100%)}
.CookieButton.DeclineButton{background:#feeabb26;color:#FEEABB;border:1px solid #feeabb4d}
.CookieButton.DeclineButton:hover{background:#feeabb40}
@media (max-width: 1024px) {
.NavContainer{flex-direction:column;gap:20px}
.MainNavigation{order:2;flex-direction:column;gap:16px}
.HeaderActions{order:3;flex-direction:column;width:100%}
.ActionButton{width:100%;text-align:center}
.FooterContainer{flex-direction:column;gap:40px}
.FooterRight{align-items:flex-start}
.FooterNav{align-items:flex-start}
.FooterCopyright{text-align:left}
}
@media (max-width: 768px) {
.CompanyTitle{font-size:40px}
.CompanyTagline{font-size:16px}
.SiteLogo{height:70px;width:70px}
.CookiePopup{max-width:300px}
.CookiePopup.is-visible{right:10px}
}
@media (max-width: 480px) {
.CompanyTitle{font-size:32px}
.BrandRow{padding:20px 0}
.CookieActions{flex-direction:column}
}
.doc-content{max-width:1024px;margin:60px auto;padding:40px 20px;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);border-radius:8px;box-shadow:0 8px 24px #09b3b926 0 4px 12px #871dc61a;color:#e8e8e8;font-size:16px;line-height:1.8}
.doc-content h1{font-size:42px;font-weight:700;color:#09B3B9;margin:0 0 16px;line-height:1.2;text-shadow:0 2px 8px #09b3b94d}
.doc-content h2{font-size:32px;font-weight:600;color:#09B3B9;margin:48px 0 20px;line-height:1.3;padding-bottom:12px;border-bottom:2px solid #09b3b94d}
.doc-content h3{font-size:24px;font-weight:600;color:#871DC6;margin:36px 0 16px;line-height:1.4}
.doc-content h4{font-size:20px;font-weight:600;color:#FEEABB;margin:28px 0 12px;line-height:1.4}
.doc-content h5{font-size:18px;font-weight:600;color:#c9c9c9;margin:24px 0 12px;line-height:1.5}
.doc-content h6{font-size:16px;font-weight:600;color:#b0b0b0;margin:20px 0 10px;line-height:1.5}
.doc-content p{margin:0 0 20px;color:#d4d4d4;font-size:16px;line-height:1.8}
.doc-content ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:none}
.doc-content ul li{margin:0 0 12px;padding-left:20px;position:relative;color:#d4d4d4;line-height:1.8}
.doc-content ul li::before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);border-radius:50%;box-shadow:0 0 6px #09b3b980}
.doc-content ol{margin:0 0 24px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.doc-content ol li{margin:0 0 12px;padding-left:20px;position:relative;color:#d4d4d4;line-height:1.8;counter-increment:policy-counter}
.doc-content ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;color:#09B3B9;font-weight:600;font-size:15px}
.doc-content ul ul,.doc-content ol ul,.doc-content ul ol,.doc-content ol ol{margin:12px 0}
.doc-content strong,.doc-content b{font-weight:700;color:#FEEABB}
.doc-content em,.doc-content i{font-style:italic;color:#c9c9c9}
.doc-content a{color:#09B3B9;text-decoration:none;border-bottom:1px solid #09b3b94d;transition:all .3s ease}
.doc-content a:hover{color:#871DC6;border-bottom-color:#871DC6;text-shadow:0 0 8px #871dc666}
.doc-content hr{margin:40px 0;border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#09b3b966 50%,transparent 100%)}
.doc-content div{margin:0 0 20px}
.doc-content blockquote{margin:28px 0;padding:20px 24px;background:#09b3b90d;border-left:4px solid #09B3B9;border-radius:4px;color:#c9c9c9;font-style:italic}
.doc-content table{width:100%;margin:28px 0;border-collapse:collapse;background:#0a0a0a80;border-radius:6px;overflow:hidden}
.doc-content table th{background:linear-gradient(135deg,#09b3b933 0%,#871dc633 100%);color:#FEEABB;padding:14px 16px;text-align:left;font-weight:600;border-bottom:2px solid #09b3b94d}
.doc-content table td{padding:12px 16px;border-bottom:1px solid #ffffff0d;color:#d4d4d4}
.doc-content table tr:last-child td{border-bottom:none}
.doc-content code{background:#871dc61a;color:#FEEABB;padding:2px 8px;border-radius:4px;font-family:'Courier New',monospace;font-size:14px}
.doc-content pre{background:#0a0a0acc;padding:20px;border-radius:6px;overflow-x:auto;margin:24px strong0;border:1px solid #09b3b933}
.doc-content pre code{background:none;padding:0;color:#09B3B9}
@media (max-width: 768px) {
.doc-content{margin:40px auto;padding:28px 16px;border-radius:6px}
.doc-content h1{font-size:32px;margin:0 0 12px}
.doc-content h2{font-size:26px;margin:36px 0 16px}
.doc-content h3{font-size:22px;margin:28px 0 12px}
.doc-content h4{font-size:19px;margin:24px 0 10px}
.doc-content h5{font-size:17px;margin:20px 0 10px}
.doc-content h6{font-size:16px;margin:18px 0 8px}
.doc-content p{font-size:15px;margin:0 0 16px}
.doc-content ul,.doc-content ol{padding-left:20px}
.doc-content ul li,.doc-content ol li{font-size:15px;margin:0 0 10px}
.doc-content table{font-size:14px}
.doc-content table th,.doc-content table td{padding:10px 12px}
}
@media (max-width: 480px) {
.doc-content{margin:20px auto;padding:20px 12px}
.doc-content h1{font-size:28px}
.doc-content h2{font-size:24px;margin:32px 0 14px}
.doc-content h3{font-size:20px}
.doc-content p,.doc-content ul li,.doc-content ol li{font-size:14px}
.doc-content hr{margin:32px 0}
.doc-content blockquote{padding:16px 18px;margin:20px 0}
}
.hero-outer{background:linear-gradient(270deg,#09B3B9 0%,#871DC6 50%,#FEEABB 100%);position:relative;overflow:hidden;padding:0}
.hero-inner{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:520px;position:relative}
.hero-text-wrapper{background:#0f0f14;padding:60px 50px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.hero-text-wrapper::before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px solid #09b3b926;pointer-events:none}
.hero-title{font-size:46px;font-weight:700;color:#FEEABB;line-height:1.2;margin:0 0 24px;position:relative}
.hero-list{list-style:none;padding:0;margin:0 0 32px}
.hero-list-item{color:#d4d4d8;font-size:17px;line-height:1.6;margin-bottom:14px;padding-left:28px;position:relative}
.hero-list-item::before{content:'';position:absolute;left:0;top:8px;width:14px;height:2px;background:linear-gradient(90deg,#09B3B9,#871DC6)}
.hero-cta-btn{display:inline-flex;align-items:center;background:linear-gradient(135deg,#09B3B9,#871DC6);color:#0f0f14;font-size:16px;font-weight:600;padding:16px 36px;border:none;border-radius:6px;text-decoration:none;align-self:flex-start;transition:all .3s ease;box-shadow:0 6px 20px #871dc666;z-index:10;position:relative}
.hero-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #871dc699}
.hero-visual-wrapper{position:relative;overflow:hidden}
.hero-bg-image{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.hero-visual-wrapper::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f14b3,#871dc633);pointer-events:none}
.hero-abstract-shape{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#09b3b914,transparent);bottom:-60px;right:-60px;pointer-events:none}
.event-cards-section{background:#0f0f14;padding:90px 20px}
.event-cards-container{max-width:1024px;margin:0 auto}
.event-section-header{text-align:center;margin-bottom:60px}
.event-section-title{font-size:38px;font-weight:700;color:#FEEABB;margin:0 0 18px;position:relative;display:inline-block}
.event-section-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#09B3B9,#871DC6)}
.event-section-description{font-size:17px;color:#a1a1aa;line-height:1.7;max-width:680px;margin:0 auto}
.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:50px}
.event-card{background:#18181d;border-radius:10px;overflow:hidden;border:1px solid #09b3b91a;transition:all .4s ease;box-shadow:0 4px 16px #0000004d}
.event-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #09b3b940;border-color:#09b3b966}
.event-card-image-wrapper{position:relative;height:220px;overflow:hidden}
.event-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.event-card:hover .event-card-image{transform:scale(1.08)}
.event-status-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#09B3B9,#871DC6);color:#0f0f14;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;z-index:2}
.event-card-content{padding:28px 24px}
.event-card-title{font-size:22px;font-weight:700;color:#FEEABB;margin:0 0 14px;line-height:1.3}
.event-card-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.event-meta-item{display:flex;align-items:center;gap:10px;font-size:15px;color:#a1a1aa}
.event-meta-icon{width:18px;height:18px;fill:#09B3B9}
.event-card-text{font-size:15px;color:#d4d4d8;line-height:1.6;margin:0 0 22px}
.event-learn-link{display:inline-flex;align-items:center;gap:8px;color:#09B3B9;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease}
.event-learn-link:hover{color:#871DC6;gap:12px}
.event-learn-arrow{transition:transform .3s ease}
.event-learn-link:hover .event-learn-arrow{transform:translateX(4px)}
.timeline-section{background:#18181d;padding:90px 20px;position:relative}
.timeline-container{max-width:1024px;margin:0 auto}
.timeline-header{text-align:left;margin-bottom:60px;max-width:700px}
.timeline-title{font-size:38px;font-weight:700;color:#FEEABB;margin:0 0 20px}
.timeline-subtitle{font-size:17px;color:#a1a1aa;line-height:1.7;margin:0}
.timeline-wrapper{position:relative;padding-left:60px}
.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#09B3B9,#871DC6)}
.timeline-item{position:relative;margin-bottom:50px;padding:30px;background:#0f0f14;border-radius:8px;border-left:3px solid #09B3B9;transition:all .3s ease}
.timeline-item:hover{transform:translateX(8px);box-shadow:0 8px 24px #09b3b933}
.timeline-marker{position:absolute;left:-71px;top:35px;width:16px;height:16px;background:#09B3B9;border-radius:50%;border:4px solid #18181d;box-shadow:0 0 0 2px #09B3B9}
.timeline-item:nth-child(even) .timeline-marker{background:#871DC6;box-shadow:0 0 0 2px #871DC6}
.timeline-date{font-size:14px;font-weight:600;color:#09B3B9;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}
.timeline-event-title{font-size:24px;font-weight:700;color:#FEEABB;margin:0 0 14px}
.timeline-event-description{font-size:16px;color:#d4d4d8;line-height:1.6;margin:0}
.timeline-item:nth-child(even){border-left-color:#871DC6}
.timeline-item:nth-child(even) .timeline-date{color:#871DC6}
@media (max-width: 768px) {
.hero-inner{grid-template-columns:1fr;min-height:auto}
.hero-text-wrapper{padding:50px 30px}
.hero-title{font-size:34px}
.hero-visual-wrapper{height:300px}
.event-grid{grid-template-columns:1fr;gap:24px}
.timeline-wrapper{padding-left:40px}
.timeline-marker{left:-51px}
.event-section-title,.timeline-title{font-size:30px}
}
@media (max-width: 480px) {
.hero-title{font-size:28px}
.hero-text-wrapper{padding:40px 24px}
.hero-list-item{font-size:15px}
.event-section-title,.timeline-title{font-size:26px}
.timeline-event-title{font-size:20px}
}
.TitleWrapper{max-width:1024px;margin:0 auto;padding:80px 24px 90px;display:flex;align-items:center;gap:60px;position:relative}
.TitleWrapper::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#09B3B9 20%,#871DC6 80%,transparent);z-index:0}
.TitleWrapper::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,#09B3B9 30%,#871DC6 70%,transparent);z-index:0}
.TitleContent{flex:1;z-index:1}
.TitleHeading{font-size:52px;font-weight:700;line-height:1.2;color:#e8e8e8;margin:0 0 20px}
.TitleHeading .AccentTerm{color:#09B3B9;position:relative}
.TitleHeading .AccentTerm::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#09B3B9,#871DC6)}
.TitleText{font-size:18px;line-height:1.6;color:#b8b8b8;margin:0}
.TitleImageBlock{width:380px;flex-shrink:0;z-index:1;position:relative}
.TitleImageBlock::before{content:'';position:absolute;inset:-12px;border:2px solid #871DC6;border-radius:8px;opacity:.3}
.TitleImageCard{width:100%;height:280px;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 12px 36px #871dc640}
.TitleImageCard img{width:100%;height:100%;object-fit:cover}
.TitleImageCard::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,#0a0a0fcc)}
.TrustSection{background:#0f0f14;padding:100px 24px;position:relative;overflow:hidden}
.TrustSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1200px;height:100%;background:radial-gradient(ellipse at center top,#09b3b914,transparent 60%);pointer-events:none}
.TrustContainer{max-width:1024px;margin:0 auto;position:relative;z-index:1}
.TrustHeading{font-size:42px;font-weight:700;color:#e8e8e8;margin:0 0 16px;text-align:center}
.TrustIntro{font-size:17px;line-height:1.6;color:#a0a0a0;margin:0 auto 70px;max-width:720px;text-align:center}
.TrustGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.TrustCard{background:linear-gradient(135deg,#871dc61f,#09b3b914);border-radius:10px;padding:40px 28px;border:1px solid #871dc633;transition:transform 0.3s,box-shadow .3s;position:relative}
.TrustCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #871dc64d}
.TrustCard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#09B3B9,#871DC6);border-radius:10px 10px 0 0}
.TrustIconBox{width:60px;height:60px;background:linear-gradient(135deg,#09B3B9,#871DC6);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.TrustIconBox i{font-size:28px;color:#fff}
.TrustCard h3{font-size:22px;font-weight:600;color:#e8e8e8;margin:0 0 14px}
.TrustCard p{font-size:15px;line-height:1.7;color:#a8a8a8;margin:0}
.AboutPlatformSection{background:#13131a;padding:100px 24px}
.AboutContainer{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.AboutImageBlock{position:relative}
.AboutImageFrame{width:100%;height:480px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 20px 60px #09b3b933}
.AboutImageFrame img{width:100%;height:100%;object-fit:cover}
.AboutImageFrame::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,#871dc64d)}
.AboutImageBlock::after{content:'';position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;background:radial-gradient(circle,#09b3b926,transparent 70%);pointer-events:none}
.AboutContent h2{font-size:40px;font-weight:700;color:#e8e8e8;margin:0 0 24px;position:relative;padding-bottom:16px}
.AboutContent h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#09B3B9,#871DC6)}
.AboutContent p{font-size:16px;line-height:1.8;color:#a8a8a8;margin:0 0 22px}
.AboutList{list-style:none;padding:0;margin:32px 0 0}
.AboutList li{padding-left:36px;position:relative;margin-bottom:16px;font-size:15px;line-height:1.7;color:#b0b0b0}
.AboutList li::before{content:'→';position:absolute;left:0;color:#09B3B9;font-size:20px;font-weight:700}
.ProgressSection{background:linear-gradient(135deg,#0a0a0f,#16161f);padding:100px 24px;position:relative}
.ProgressSection::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#871DC6 30%,#09B3B9 70%,transparent)}
.ProgressContainer{max-width:1024px;margin:0 auto}
.ProgressHeader{text-align:center;margin-bottom:70px}
.ProgressHeader h2{font-size:44px;font-weight:700;color:#e8e8e8;margin:0 0 18px}
.ProgressHeader p{font-size:17px;line-height:1.6;color:#a0a0a0;margin:0 auto;max-width:680px}
.ProgressGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.ProgressItem{background:#871dc614;border-radius:10px;padding:48px 36px;border-left:4px solid #09B3B9;position:relative;transition:background .3s}
.ProgressItem:hover{background:#871dc624}
.ProgressItem::before{content:'';position:absolute;top:24px;right:24px;width:12px;height:12px;background:#871DC6;border-radius:50%;box-shadow:0 0 20px #871dc699}
.ProgressStepNumber{display:inline-block;font-size:14px;font-weight:700;color:#09B3B9;background:#09b3b926;padding:6px 14px;border-radius:20px;margin-bottom:20px}
.ProgressItem h4{font-size:24px;font-weight:600;color:#e8e8e8;margin:0 0 16px}
.ProgressItem p{font-size:15px;line-height:1.8;color:#a8a8a8;margin:0}
.ProgressBar{margin-top:24px;background:#09b3b91a;border-radius:8px;height:8px;overflow:hidden;position:relative}
.ProgressBarFill{height:100%;background:linear-gradient(90deg,#09B3B9,#871DC6);border-radius:8px;box-shadow:0 0 12px #09b3b980}
.ProgressItem:nth-child(1) .ProgressBarFill{width:100%}
.ProgressItem:nth-child(2) .ProgressBarFill{width:85%}
.ProgressItem:nth-child(3) .ProgressBarFill{width:70%}
.ProgressItem:nth-child(4) .ProgressBarFill{width:55%}
.AnalyticsSection{background:#0f0f14;padding:100px 24px;position:relative}
.AnalyticsContainer{max-width:1024px;margin:0 auto}
.AnalyticsFlexLayout{display:flex;gap:60px;align-items:center}
.AnalyticsTextBlock{flex:1}
.AnalyticsTextBlock h2{font-size:42px;font-weight:700;color:#e8e8e8;margin:0 0 20px}
.AnalyticsTextBlock p{font-size:16px;line-height:1.8;color:#a8a8a8;margin:0 0 18px}
.AnalyticsMetricsBox{flex:1;background:linear-gradient(135deg,#09b3b914,#871dc61f);border-radius:12px;padding:48px 40px;border:1px solid #871dc640}
.MetricRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #871dc633}
.MetricRow:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.MetricLabel{font-size:15px;color:#a0a0a0;margin:0}
.MetricValue{font-size:32px;font-weight:700;color:#09B3B9;margin:0}
.MetricIndicator{display:flex;align-items:center;gap:8px;margin-top:8px}
.MetricIndicator i{font-size:18px;color:#871DC6}
.MetricIndicator span{font-size:13px;color:#b0b0b0}
.AnalyticsVisualBlock{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.AnalyticsImageCard{height:220px;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 8px 24px #09b3b926}
.AnalyticsImageCard img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.AnalyticsImageCard:hover img{transform:scale(1.08)}
.AnalyticsImageCard::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#871dc666);z-index:1}
.CallActionSection{background:linear-gradient(135deg,#09B3B9,#871DC6);padding:80px 24px;position:relative;overflow:hidden}
.CallActionSection::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#feeabb33,transparent 70%);pointer-events:none}
.CallActionContainer{max-width:1024px;margin:0 auto;text-align:center;position:relative;z-index:1}
.CallActionContainer h2{font-size:46px;font-weight:700;color:#fff;margin:0 0 20px}
.CallActionContainer p{font-size:18px;line-height:1.6;color:#ffffffe6;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto}
.CallActionButtons{display:flex;gap:20px;justify-content:center}
.ButtonPrimary{background:#fff;color:#871DC6;font-size:16px;font-weight:600;padding:16px 40px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform 0.3s,box-shadow .3s;border:none;box-shadow:0 8px 24px #0003}
.ButtonPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}
.ButtonSecondary{background:transparent;color:#fff;font-size:16px;font-weight:600;padding:16px 40px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:background .3s;border:2px solid #fff}
.ButtonSecondary:hover{background:#ffffff26}
@media (max-width: 1024px) {
.TitleWrapper{flex-direction:column;padding:60px 24px;gap:40px}
.TitleImageBlock{width:100%;max-width:500px}
.TrustGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.AboutContainer{grid-template-columns:1fr;gap:50px}
.ProgressGrid{grid-template-columns:1fr;gap:40px}
.AnalyticsFlexLayout{flex-direction:column;gap:50px}
.AnalyticsVisualBlock{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.TitleHeading{font-size:38px}
.TitleImageBlock{width:100%}
.TitleImageCard{height:240px}
.TrustHeading{font-size:34px}
.TrustGrid{grid-template-columns:1fr;gap:24px}
.AboutContent h2{font-size:32px}
.AboutImageFrame{height:360px}
.ProgressHeader h2{font-size:36px}
.AnalyticsTextBlock h2{font-size:34px}
.AnalyticsVisualBlock{grid-template-columns:1fr}
.CallActionContainer h2{font-size:36px}
.CallActionButtons{flex-direction:column;align-items:center}
.ButtonPrimary,.ButtonSecondary{width:100%;max-width:300px;justify-content:center}
}
@media (max-width: 480px) {
.TitleHeading{font-size:30px}
.TitleText{font-size:16px}
.TrustSection{padding:60px 20px}
.TrustHeading{font-size:28px}
.TrustCard{padding:32px 24px}
.AboutPlatformSection{padding:60px 20px}
.AboutContent h2{font-size:28px}
.ProgressSection{padding:60px 20px}
.ProgressHeader h2{font-size:28px}
.ProgressItem{padding:36px 24px}
.AnalyticsSection{padding:60px 20px}
.AnalyticsTextBlock h2{font-size:28px}
.AnalyticsMetricsBox{padding:32px 24px}
.MetricValue{font-size:26px}
.CallActionSection{padding:60px 20px}
.CallActionContainer h2{font-size:28px}
}
.ProgressWrapper::-webkit-scrollbar{width:12px}
.ProgressWrapper::-webkit-scrollbar-track{background:#871dc61a;border-radius:8px}
.ProgressWrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#09B3B9,#871DC6);border-radius:8px;box-shadow:0 2px 8px #871dc64d}
.ProgressWrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#871DC6,#09B3B9)}
html{scroll-behavior:smooth}
.PageAbout-HeaderArea{display:flex;align-items:center;gap:48px;max-width:1024px;margin:80px auto 0;padding:0 24px}
.PageAbout-HeaderArea .ImageColumn{flex:0 0 280px;position:relative}
.PageAbout-HeaderArea .ImageColumn::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);border-radius:8px;opacity:.4;z-index:-1}
.PageAbout-HeaderArea .MainImage{width:100%;height:360px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #09b3b933}
.PageAbout-HeaderArea .TextColumn{flex:1}
.PageAbout-HeaderArea .MainHeading{font-size:42px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2}
.PageAbout-HeaderArea .MainHeading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#09B3B9 0%,#871DC6 100%);margin-top:16px;border-radius:2px}
.PageAbout-HeaderArea .IntroText{font-size:17px;line-height:1.7;color:#d4d4d4;margin:0}
.FoundingData-Section{max-width:1024px;margin:120px auto 0;padding:0 24px}
.FoundingData-Section .BackgroundWrapper{background:linear-gradient(270deg,#1a1a1a 0%,#0d1117 50%,#1a1a1a 100%);border-radius:12px;padding:72px 56px;position:relative;overflow:hidden;box-shadow:0 12px 48px #0009 inset 0 1px 0 #09b3b91a}
.FoundingData-Section .BackgroundWrapper::before{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,#871dc626 0%,transparent 70%);border-radius:50%}
.FoundingData-Section .SectionLabel{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#09B3B9;margin:0 0 16px}
.FoundingData-Section .SectionHeading{font-size:36px;font-weight:700;color:#fff;margin:0 0 32px;line-height:1.3}
.FoundingData-Section .StoryText{font-size:16px;line-height:1.8;color:#c4c4c4;margin:0 0 24px;max-width:820px}
.FoundingData-Section .TimelineGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}
.FoundingData-Section .MilestoneCard{background:#09b3b90d;border:1px solid #09b3b933;border-radius:8px;padding:32px 24px;position:relative;transition:all .3s ease}
.FoundingData-Section .MilestoneCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #09b3b933;border-color:#09b3b966}
.FoundingData-Section .MilestoneCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#09B3B9 0%,#871DC6 100%);border-radius:4px 0 0 4px}
.FoundingData-Section .YearLabel{font-size:28px;font-weight:700;color:#09B3B9;margin:0 0 12px}
.FoundingData-Section .EventTitle{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.4}
.FoundingData-Section .EventDescription{font-size:15px;line-height:1.6;color:#b4b4b4;margin:0}
.ApproachData-Section{max-width:1024px;margin:120px auto 0;padding:0 24px}
.ApproachData-Section .ContentLayout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.ApproachData-Section .LeftColumn .SubHeading{font-size:32px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.3;position:relative;padding-left:20px}
.ApproachData-Section .LeftColumn .SubHeading::before{content:'';position:absolute;left:0;top:8px;width:6px;height:60%;background:linear-gradient(180deg,#09B3B9 0%,#871DC6 100%);border-radius:3px}
.ApproachData-Section .MethodText{font-size:16px;line-height:1.8;color:#c4c4c4;margin:0 0 28px}
.ApproachData-Section .ImageStack{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ApproachData-Section .StackImage{width:100%;height:240px;object-fit:cover;border-radius:8px;box-shadow:0 6px 20px #00000080;transition:transform .3s ease}
.ApproachData-Section .StackImage:hover{transform:scale(1.05)}
.ApproachData-Section .StackImage:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}
.ApproachData-Section .StackImage:nth-child(2){grid-column:2 / 3;grid-row:1 / 2}
.ApproachData-Section .StackImage:nth-child(3){grid-column:1 / 3;grid-row:2 / 3;height:200px}
.ApproachData-Section .PrinciplesList{list-style:none;padding:0;margin:32px 0 0}
.ApproachData-Section .PrinciplesList .PrincipleEntry{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;background:#871dc60d;border-radius:8px;border-left:3px solid #871DC6;transition:background .3s ease}
.ApproachData-Section .PrinciplesList .PrincipleEntry:hover{background:#871dc61a}
.ApproachData-Section .PrinciplesList .IconBox{flex:0 0 40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);border-radius:6px;font-size:20px;color:#fff}
.ApproachData-Section .PrinciplesList .PrincipleContent{flex:1}
.ApproachData-Section .PrinciplesList .PrincipleLabel{font-size:17px;font-weight:600;color:#fff;margin:0 0 8px}
.ApproachData-Section .PrinciplesList .PrincipleDetail{font-size:15px;line-height:1.6;color:#b4b4b4;margin:0}
@media (max-width: 1024px) {
.PageAbout-HeaderArea{gap:32px;margin:60px auto 0}
.PageAbout-HeaderArea .ImageColumn{flex:0 0 240px}
.PageAbout-HeaderArea .MainImage{height:300px}
.PageAbout-HeaderArea .MainHeading{font-size:36px}
.FoundingData-Section{margin:100px auto 0}
.FoundingData-Section .BackgroundWrapper{padding:56px 40px}
.FoundingData-Section .TimelineGrid{grid-template-columns:1fr 1fr;gap:32px}
.ApproachData-Section{margin:100px auto 0}
.ApproachData-Section .ContentLayout{gap:48px}
}
@media (max-width: 768px) {
.PageAbout-HeaderArea{flex-direction:column;align-items:stretch;margin:40px auto 0;gap:24px}
.PageAbout-HeaderArea .ImageColumn{flex:0 0 auto}
.PageAbout-HeaderArea .MainImage{height:280px}
.PageAbout-HeaderArea .MainHeading{font-size:32px}
.PageAbout-HeaderArea .IntroText{font-size:16px}
.FoundingData-Section{margin:80px auto 0}
.FoundingData-Section .BackgroundWrapper{padding:40px 24px}
.FoundingData-Section .SectionHeading{font-size:28px}
.FoundingData-Section .TimelineGrid{grid-template-columns:1fr;gap:24px;margin-top:40px}
.ApproachData-Section{margin:80px auto 0}
.ApproachData-Section .ContentLayout{grid-template-columns:1fr;gap:40px}
.ApproachData-Section .LeftColumn .SubHeading{font-size:26px}
.ApproachData-Section .ImageStack{gap:16px}
.ApproachData-Section .StackImage{height:200px}
.ApproachData-Section .StackImage:nth-child(3){height:180px}
}
@media (max-width: 480px) {
.PageAbout-HeaderArea{padding:0 16px}
.PageAbout-HeaderArea .MainHeading{font-size:28px}
.PageAbout-HeaderArea .IntroText{font-size:15px}
.FoundingData-Section{padding:0 16px}
.FoundingData-Section .BackgroundWrapper{padding:32px 20px}
.FoundingData-Section .SectionHeading{font-size:24px}
.FoundingData-Section .StoryText{font-size:15px}
.ApproachData-Section{padding:0 16px}
.ApproachData-Section .LeftColumn .SubHeading{font-size:24px}
.ApproachData-Section .ImageStack{grid-template-columns:1fr}
.ApproachData-Section .StackImage:nth-child(1),.ApproachData-Section .StackImage:nth-child(2),.ApproachData-Section .StackImage:nth-child(3){grid-column:1;height:220px}
.ApproachData-Section .PrinciplesList .PrincipleEntry{padding:16px}
.ApproachData-Section .PrinciplesList .IconBox{flex:0 0 36px;height:36px;font-size:18px}
.ApproachData-Section .PrinciplesList .PrincipleLabel{font-size:16px}
.ApproachData-Section .PrinciplesList .PrincipleDetail{font-size:14px}
}
body::-webkit-scrollbar{width:14px}
body::-webkit-scrollbar-track{background:#0d1117;border-radius:7px}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#09B3B9 0%,#871DC6 100%);border-radius:7px;box-shadow:0 2px 8px #09b3b94d}
body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ac4cb 0%,#9a2fe0 100%)}
html{scroll-behavior:smooth}
.ContactPage{background:linear-gradient(180deg,#0a0f1a 0%,#1a1028 50%,#0d0a15 100%);min-height:100vh;padding:0}
.ContactPage .HeroBlock{display:flex;align-items:center;gap:60px;max-width:1024px;margin:0 auto;padding:100px 30px 80px;position:relative}
.ContactPage .HeroBlock::before{content:'';position:absolute;top:10%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,#09b3b926 0%,transparent 70%);border-radius:50%;animation:FloatAnimation 8s ease-in-out infinite}
.ContactPage .HeroBlock::after{content:'';position:absolute;bottom:20%;right:-3%;width:250px;height:250px;background:radial-gradient(circle,#871dc61f 0%,transparent 70%);border-radius:50%;animation:FloatAnimation 10s ease-in-out infinite reverse}
@keyframes FloatAnimation {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(20px,-30px) scale(1.1)}
}
.ContactPage .ContentWrap{flex:1;z-index:2}
.ContactPage .HeadingMain{font-size:48px;font-weight:700;color:#fff;margin:0 0 30px;line-height:1.2;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ContactPage .FeatureList{list-style:none;padding:0;margin:0 0 40px}
.ContactPage .FeatureList li{color:#d4d4d8;font-size:18px;line-height:1.7;margin-bottom:18px;padding-left:32px;position:relative}
.ContactPage .FeatureList li::before{content:'';position:absolute;left:0;top:8px;width:20px;height:20px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);border-radius:4px}
.ContactPage .ActionButton{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;box-shadow:0 8px 24px #09b3b94d;transition:all .3s ease}
.ContactPage .ActionButton:hover{transform:translateY(-2px);box-shadow:0 12px 32px #871dc666}
.ContactPage .ImageWrap{flex:1;position:relative;z-index:2}
.ContactPage .ImageWrap img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 16px 48px #00000080;position:relative}
.ContactPage .ImageWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#09b3b940 0%,#871dc640 100%);border-radius:12px;pointer-events:none;z-index:1}
.ContactPage .FormSection{max-width:700px;margin:0 auto;padding:80px 30px}
.ContactPage .SectionHeading{font-size:36px;font-weight:700;color:#fff;text-align:center;margin:0 0 50px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ContactPage .StepForm{background:#ffffff08;border:1px solid #09b3b933;border-radius:10px;padding:50px 40px;box-shadow:0 12px 40px #0006 inset 0 1px 0 #ffffff0d}
.ContactPage .FormStep{margin-bottom:40px}
.ContactPage .StepLabel{display:block;font-size:15px;font-weight:600;color:#09B3B9;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.ContactPage .FormInput{width:100%;padding:16px 20px;background:#0000004d;border:2px solid #09b3b94d;border-radius:6px;color:#fff;font-size:16px;transition:all .3s ease;box-shadow:inset 0 2px 6px #0000004d}
.ContactPage .FormInput:focus{outline:none;border-color:#09B3B9;box-shadow:0 0 0 3px #09b3b926 inset 0 2px 6px #0000004d}
.ContactPage .FormInput::placeholder{color:#fff6}
.ContactPage .PrivacyBox{display:flex;align-items:flex-start;margin-bottom:35px;gap:12px}
.ContactPage .CheckboxInput{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:#09B3B9;cursor:pointer}
.ContactPage .PrivacyLabel{color:#d4d4d8;font-size:15px;line-height:1.6}
.ContactPage .PrivacyLabel a{color:#09B3B9;text-decoration:none;transition:color .3s ease}
.ContactPage .PrivacyLabel a:hover{color:#871DC6}
.ContactPage .SubmitButton{width:100%;padding:18px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);color:#fff;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #09b3b94d}
.ContactPage .SubmitButton:hover{transform:translateY(-2px);box-shadow:0 12px 36px #871dc680}
.ContactPage .SubmitButton:active{transform:translateY(0)}
.ContactPage .InfoSection{max-width:1024px;margin:0 auto;padding:80px 30px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ContactPage .InfoCard{background:#ffffff08;border:1px solid #871dc633;border-radius:10px;padding:40px 30px;text-align:center;transition:all .4s ease;box-shadow:0 8px 24px #0000004d}
.ContactPage .InfoCard:hover{transform:translateY(-6px);border-color:#09b3b980;box-shadow:0 16px 40px #09b3b933}
.ContactPage .CardIcon{font-size:42px;color:#09B3B9;margin-bottom:20px}
.ContactPage .CardTitle{font-size:20px;font-weight:700;color:#fff;margin:0 0 12px}
.ContactPage .CardText{color:#d4d4d8;font-size:16px;line-height:1.6;margin:0}
.ContactPage .CardText a{color:#09B3B9;text-decoration:none;transition:color .3s ease}
.ContactPage .CardText a:hover{color:#871DC6}
@media (max-width: 1024px) {
.ContactPage .HeroBlock{gap:40px;padding:80px 30px 60px}
.ContactPage .HeadingMain{font-size:40px}
.ContactPage .ImageWrap img{height:360px}
.ContactPage .InfoSection{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.ContactPage .HeroBlock{flex-direction:column;padding:60px 25px 50px}
.ContactPage .HeadingMain{font-size:34px}
.ContactPage .FeatureList li{font-size:16px}
.ContactPage .ImageWrap img{height:300px}
.ContactPage .FormSection{padding:60px 25px}
.ContactPage .SectionHeading{font-size:30px;margin-bottom:40px}
.ContactPage .StepForm{padding:40px 25px}
.ContactPage .InfoSection{grid-template-columns:1fr;padding:60px 25px 80px;gap:25px}
}
@media (max-width: 480px) {
.ContactPage .HeadingMain{font-size:28px}
.ContactPage .ActionButton{padding:14px 32px;font-size:16px}
.ContactPage .ImageWrap img{height:240px}
.ContactPage .SectionHeading{font-size:26px}
.ContactPage .StepForm{padding:30px 20px}
.ContactPage .FormInput{padding:14px 16px;font-size:15px}
.ContactPage .SubmitButton{padding:16px;font-size:16px}
.ContactPage .InfoCard{padding:30px 20px}
.ContactPage .CardIcon{font-size:36px}
}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-track{background:#0a0f1a}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#09B3B9 0%,#871DC6 100%);border-radius:8px;box-shadow:0 2px 8px #09b3b966}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#871DC6 0%,#09B3B9 100%)}
html{scroll-behavior:smooth}
.ProgramMain{background:linear-gradient(180deg,#0a0e1a 0%,#1a1625 100%);color:#e8e9ed}
.IntroWrapper{max-width:1024px;margin:0 auto;padding:80px 24px 60px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.IntroWrapper .TextData h1{font-size:44px;line-height:1.2;margin:0 0 24px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.IntroWrapper .TextData .ThesesList{list-style:none;padding:0;margin:0}
.IntroWrapper .TextData .ThesesList li{font-size:16px;line-height:1.7;margin-bottom:12px;padding-left:20px;position:relative}
.IntroWrapper .TextData .ThesesList li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:2px;background:#09B3B9}
.IntroWrapper .DecorLine{width:80px;height:3px;background:linear-gradient(90deg,#09B3B9 0%,#871DC6 100%);margin:32px 0 0}
.IntroWrapper .ImageHold{position:relative}
.IntroWrapper .ImageHold img{width:100%;height:420px;object-fit:cover;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);box-shadow:0 12px 32px #09b3b926}
.CoreData{background:linear-gradient(270deg,#09B3B9 0%,#871DC6 50%,#FEEABB 100%);padding:2px;margin:0}
.CoreData .InnerWrap{background:#12161f;max-width:1024px;margin:0 auto;padding:72px 48px}
.CoreData .HeaderRow{text-align:center;margin-bottom:56px}
.CoreData .HeaderRow h2{font-size:36px;line-height:1.3;margin:0 0 16px;color:#fff}
.CoreData .HeaderRow p{font-size:18px;line-height:1.6;margin:0;color:#b8bac4;max-width:680px;margin:0 auto}
.CoreData .ThreeCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.CoreData .CardUnit{background:#09b3b90d;border:1px solid #09b3b933;padding:36px 28px;border-radius:8px;transition:all .3s ease}
.CoreData .CardUnit:hover{transform:translateY(-6px);border-color:#09B3B9;box-shadow:0 16px 40px #09b3b933}
.CoreData .CardUnit .IconBox{width:56px;height:56px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:28px;color:#fff}
.CoreData .CardUnit h3{font-size:22px;line-height:1.3;margin:0 0 14px;color:#fff}
.CoreData .CardUnit p{font-size:15px;line-height:1.7;margin:0;color:#b8bac4}
.ProcessFlow{max-width:1024px;margin:0 auto;padding:80px 24px}
.ProcessFlow .HeadSection{margin-bottom:48px}
.ProcessFlow .HeadSection h2{font-size:38px;line-height:1.3;margin:0 0 20px;color:#fff}
.ProcessFlow .HeadSection h2::after{content:'';display:block;width:60px;height:4px;background:#871DC6;margin-top:16px}
.ProcessFlow .HeadSection p{font-size:17px;line-height:1.7;margin:0;color:#b8bac4}
.ProcessFlow .StepGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 48px}
.ProcessFlow .StepBox{display:flex;gap:20px}
.ProcessFlow .StepBox .StepNumber{flex-shrink:0;width:48px;height:48px;background:#871dc626;border:2px solid #871DC6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#871DC6}
.ProcessFlow .StepBox .StepText h4{font-size:20px;line-height:1.3;margin:0 0 10px;color:#fff}
.ProcessFlow .StepBox .StepText p{font-size:15px;line-height:1.7;margin:0;color:#b8bac4}
.OutcomeDisplay{background:#0d1117;padding:80px 0;position:relative}
.OutcomeDisplay::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#09B3B9 50%,transparent 100%)}
.OutcomeDisplay .ContentHold{max-width:1024px;margin:0 auto;padding:0 24px}
.OutcomeDisplay .TopRow{text-align:center;margin-bottom:56px}
.OutcomeDisplay .TopRow h2{font-size:36px;line-height:1.3;margin:0 0 18px;color:#fff;position:relative;display:inline-block}
.OutcomeDisplay .TopRow h2::before{content:'';position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:40px;height:2px;background:#09B3B9}
.OutcomeDisplay .TopRow h2::after{content:'';position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:40px;height:2px;background:#09B3B9}
.OutcomeDisplay .TopRow p{font-size:17px;line-height:1.7;margin:0;color:#b8bac4;max-width:720px;margin:0 auto}
.OutcomeDisplay .OutcomeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.OutcomeDisplay .OutcomeBox{background:#feeabb08;border:1px solid #feeabb1a;padding:32px 20px;text-align:center;border-radius:6px;transition:all .3s ease}
.OutcomeDisplay .OutcomeBox:hover{background:#feeabb14;border-color:#FEEABB;box-shadow:0 8px 24px #feeabb26}
.OutcomeDisplay .OutcomeBox .IconHold{font-size:36px;color:#FEEABB;margin-bottom:16px}
.OutcomeDisplay .OutcomeBox h4{font-size:18px;line-height:1.3;margin:0 0 10px;color:#fff}
.OutcomeDisplay .OutcomeBox p{font-size:14px;line-height:1.6;margin:0;color:#b8bac4}
.EnrollSection{max-width:1024px;margin:0 auto;padding:80px 24px}
.EnrollSection .EnrollBox{background:linear-gradient(135deg,#09b3b91a 0%,#871dc61a 100%);border:2px solid #09b3b94d;border-radius:12px;padding:56px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.EnrollSection .EnrollBox .TextPart h2{font-size:32px;line-height:1.3;margin:0 0 16px;color:#fff}
.EnrollSection .EnrollBox .TextPart p{font-size:16px;line-height:1.7;margin:0;color:#b8bac4}
.EnrollSection .EnrollBox .ActionPart{flex-shrink:0}
.EnrollSection .EnrollBox .ActionPart .MainButton{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 8px 24px #09b3b94d}
.EnrollSection .EnrollBox .ActionPart .MainButton:hover{transform:translateY(-3px);box-shadow:0 12px 32px #09b3b966}
.EnrollSection .EnrollBox .ActionPart .InfoLink{display:block;margin-top:16px;text-align:center;font-size:14px;color:#09B3B9;text-decoration:none;transition:color .3s ease}
.EnrollSection .EnrollBox .ActionPart .InfoLink:hover{color:#871DC6}
@media (max-width: 1024px) {
.IntroWrapper{grid-template-columns:1fr;padding:60px 24px 48px;gap:40px}
.IntroWrapper .TextData h1{font-size:36px}
.CoreData .ThreeCards{grid-template-columns:1fr;gap:24px}
.ProcessFlow .StepGrid{grid-template-columns:1fr;gap:32px}
.OutcomeDisplay .OutcomeGrid{grid-template-columns:repeat(2,1fr);gap:20px}
.EnrollSection .EnrollBox{flex-direction:column;text-align:center;padding:48px 32px}
.OutcomeDisplay .TopRow h2::before,.OutcomeDisplay .TopRow h2::after{display:none}
}
@media (max-width: 768px) {
.IntroWrapper .TextData h1{font-size:32px}
.IntroWrapper .ImageHold img{height:320px}
.CoreData .InnerWrap{padding:56px 24px}
.CoreData .HeaderRow h2{font-size:30px}
.ProcessFlow{padding:60px 24px}
.ProcessFlow .HeadSection h2{font-size:32px}
.OutcomeDisplay{padding:60px 0}
.OutcomeDisplay .TopRow h2{font-size:30px}
.OutcomeDisplay .OutcomeGrid{grid-template-columns:1fr}
.EnrollSection{padding:60px 24px}
.EnrollSection .EnrollBox .TextPart h2{font-size:28px}
}
@media (max-width: 480px) {
.IntroWrapper{padding:48px 20px 40px}
.IntroWrapper .TextData h1{font-size:28px}
.IntroWrapper .TextData .ThesesList li{font-size:15px}
.CoreData .InnerWrap{padding:48px 20px}
.CoreData .HeaderRow h2{font-size:26px}
.CoreData .CardUnit{padding:28px 20px}
.ProcessFlow{padding:48px 20px}
.ProcessFlow .HeadSection h2{font-size:28px}
.OutcomeDisplay .TopRow h2{font-size:26px}
.EnrollSection{padding:48px 20px}
.EnrollSection .EnrollBox{padding:40px 24px}
.EnrollSection .EnrollBox .TextPart h2{font-size:24px}
.EnrollSection .EnrollBox .ActionPart .MainButton{padding:14px 32px;font-size:16px}
}
.PageMethodsWrap{background:linear-gradient(180deg,#0a0e14 0%,#15191f 100%);padding:0;margin:0}
.hero-shell{max-width:1024px;margin:0 auto;padding:80px 24px;display:flex;align-items:center;gap:48px}
.hero-text-panel{flex:1}
.hero-text-panel h1{font-size:42px;color:#fff;margin:0 0 24px;line-height:1.2;font-weight:700}
.hero-text-panel h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#09B3B9 0%,#871DC6 100%);margin-bottom:16px;border-radius:2px}
.hero-features-list{list-style:none;padding:0;margin:0 0 32px}
.hero-features-list li{padding:12px 0 12px 32px;position:relative;color:#c8d0dc;font-size:16px;line-height:1.6}
.hero-features-list li::before{content:'';position:absolute;left:0;top:16px;width:18px;height:18px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);border-radius:50%;box-shadow:0 2px 8px #09b3b966}
.hero-action-btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #871dc64d;position:relative;z-index:10}
.hero-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #871dc680}
.hero-visual-box{flex:0 0 320px;position:relative}
.hero-visual-box::before{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:linear-gradient(225deg,#09b3b926 0%,#871dc626 100%);border-radius:12px;z-index:1}
.hero-card-image{width:100%;height:380px;object-fit:cover;border-radius:12px;position:relative;z-index:2;box-shadow:0 8px 24px #0009 0 0 0 1px #09b3b933}
.hero-bg-accent{position:absolute;width:200px;height:200px;background:radial-gradient(circle,#871dc633 0%,transparent 70%);border-radius:50%;top:-60px;left:-80px;z-index:0;filter:blur(40px)}
.content-teaching-wrap{max-width:1024px;margin:0 auto;padding:96px 24px}
.teaching-grid-frame{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.teaching-segment-card{background:linear-gradient(165deg,#1a1f28 0%,#0f1319 100%);padding:40px 28px;border-radius:8px;border:1px solid #09b3b933;position:relative;transition:all .4s ease}
.teaching-segment-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#09b3b90d 0%,#871dc60d 100%);border-radius:8px;opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}
.teaching-segment-card:hover{transform:translateY(-6px);border-color:#09b3b980;box-shadow:0 12px 32px #09b3b933}
.teaching-segment-card:hover::after{opacity:1}
.card-icon-holder{width:56px;height:56px;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;z-index:2;box-shadow:0 4px 12px #09b3b94d}
.card-icon-holder i{font-size:28px;color:#fff}
.teaching-segment-card h3{font-size:22px;color:#fff;margin:0 0 16px;position:relative;z-index:2;font-weight:600}
.teaching-segment-card p{font-size:15px;color:#9ca8b8;line-height:1.7;margin:0;position:relative;z-index:2}
.approach-intro-header{text-align:center;margin-bottom:56px}
.approach-intro-header h2{font-size:36px;color:#fff;margin:0 0 16px;font-weight:700}
.approach-intro-header h2::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,#09B3B9 0%,#871DC6 100%);margin:16px auto 0;border-radius:2px}
.approach-intro-header p{font-size:17px;color:#b0bac7;line-height:1.6;max-width:720px;margin:0 auto}
@media (max-width: 1024px) {
.teaching-grid-frame{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 768px) {
.hero-shell{flex-direction:column;padding:60px 20px;gap:32px}
.hero-text-panel h1{font-size:32px}
.hero-visual-box{flex:0 0 auto;width:100%;max-width:400px}
.hero-card-image{height:300px}
.teaching-grid-frame{grid-template-columns:1fr;gap:20px}
.content-teaching-wrap{padding:60px 20px}
.approach-intro-header h2{font-size:28px}
}
@media (max-width: 480px) {
.hero-text-panel h1{font-size:26px}
.hero-features-list li{font-size:15px;padding-left:28px}
.hero-action-btn{padding:12px 24px;font-size:15px}
.approach-intro-header h2{font-size:24px}
.teaching-segment-card{padding:32px 20px}
.teaching-segment-card h3{font-size:20px}
}
.PageMethodsWrap::-webkit-scrollbar{width:12px}
.PageMethodsWrap::-webkit-scrollbar-track{background:#0a0e14}
.PageMethodsWrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#09B3B9 0%,#871DC6 100%);border-radius:6px;box-shadow:0 2px 8px #09b3b94d}
.PageMethodsWrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ac4cb 0%,#9829d8 100%)}
html{scroll-behavior:smooth}
.SuccessPageWrapper{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0f0f0f 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}
.SuccessPageWrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#09b3b914 0%,transparent 70%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.1);opacity:.8}
}
.confirmation-inner{max-width:680px;margin:0 auto;text-align:center;position:relative;z-index:2}
.statusIconHolder{width:140px;height:140px;margin:0 auto 48px;position:relative;display:flex;align-items:center;justify-content:center}
.statusIconHolder::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);border-radius:50%;opacity:.2;animation:expandRing 2s ease-out infinite}
.statusIconHolder::after{content:'';position:absolute;width:80%;height:80%;background:linear-gradient(225deg,#871DC6 0%,#09B3B9 100%);border-radius:50%;box-shadow:0 8px 32px #09b3b966 inset 0 2px 8px #feeabb1a}
@keyframes expandRing {
0%{transform:scale(1);opacity:.2}
100%{transform:scale(1.4);opacity:0}
}
.checkmarkSvg{width:64px;height:64px;position:relative;z-index:3;filter:drop-shadow(0 2px 8px #feeabb99)}
.confirmationTitle{font-size:48px;font-weight:700;color:#FEEABB;margin:0 0 20px;line-height:1.2;text-shadow:0 2px 12px #871dc666}
.confirmationSubtext{font-size:20px;color:#b8b8b8;margin:0 0 56px;line-height:1.6;max-width:520px;margin-left:auto;margin-right:auto}
.actionRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primaryActionBtn{background:linear-gradient(135deg,#09B3B9 0%,#871DC6 100%);color:#fff;padding:16px 40px;font-size:17px;font-weight:600;border:none;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #09b3b94d inset 0 1px 2px #fff3;position:relative;overflow:hidden}
.primaryActionBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.primaryActionBtn:hover::before{left:100%}
.primaryActionBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #09b3b973 inset 0 1px 2px #ffffff4d}
.primaryActionBtn:active{transform:translateY(0);box-shadow:0 4px 12px #09b3b959 inset 0 2px 4px #0003}
.secondaryActionBtn{background:#09b3b914;color:#09B3B9;padding:16px 40px;font-size:17px;font-weight:600;border:2px solid #09b3b94d;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}
.secondaryActionBtn:hover{background:#09b3b926;border-color:#09b3b999;transform:translateY(-2px);box-shadow:0 6px 18px #0000004d}
.secondaryActionBtn:active{transform:translateY(0);box-shadow:0 2px 8px #00000040}
.accentDecor{position:absolute;pointer-events:none}
.accentDecor.topLeft{top:10%;left:5%;width:120px;height:120px;background:radial-gradient(circle,#871dc626 0%,transparent 70%);border-radius:50%;filter:blur(40px)}
.accentDecor.bottomRight{bottom:15%;right:8%;width:160px;height:160px;background:radial-gradient(circle,#feeabb1a 0%,transparent 70%);border-radius:50%;filter:blur(50px)}
@media (max-width: 768px) {
.SuccessPageWrapper{padding:40px 16px;min-height:75vh}
.statusIconHolder{width:100px;height:100px;margin-bottom:36px}
.checkmarkSvg{width:48px;height:48px}
.confirmationTitle{font-size:36px;margin-bottom:16px}
.confirmationSubtext{font-size:18px;margin-bottom:40px;padding:0 12px}
.actionRow{flex-direction:column;gap:12px;padding:0 20px}
.primaryActionBtn,.secondaryActionBtn{width:100%;justify-content:center;padding:14px 32px;font-size:16px}
}
@media (max-width: 480px) {
.confirmationTitle{font-size:32px}
.confirmationSubtext{font-size:16px}
.statusIconHolder{width:90px;height:90px}
.checkmarkSvg{width:40px;height:40px}
}