body{margin:0;padding:0;font-family:'Ubuntu',sans-serif;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#E9E9E9;line-height:1.6}
.HdrWrap{background:linear-gradient(180deg,#36515df2 0%,#36515dd9 100%);padding:20px 0;box-shadow:0 8px 24px #a26db826;border-bottom:3px solid #a26db84d}
.HdrGrid{max-width:1140px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:18px 22px}
.LogoBox{grid-column:1;grid-row:1;display:flex;align-items:center}
.LogoLink{display:block;line-height:0}
.LogoImg{height:110px;width:110px;display:block;background:#e9e9e91a;padding:12px;border-radius:18px;box-shadow:0 6px 18px #00000040}
.CompanyBox{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end}
.CompanyTxt{font-size:32px;font-weight:700;color:#A26DB8;text-shadow:2px 2px 6px #0006}
.NavMain{grid-column:1 / -1;grid-row:2;margin-top:12px}
.NavList{list-style:none;margin:0;padding:0;display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.NavItem{margin:0}
.NavLink{color:#E9E9E9;text-decoration:none;font-size:17px;font-weight:400;padding:10px 18px;display:block;border-radius:8px;transition:background-color 0.2s,color .2s}
.NavLink:hover{background-color:#a26db833;color:#A26DB8}
.NavLink.BtnAccent{background-color:#A26DB8;color:#1a1a1a;font-weight:700}
.NavLink.BtnAccent:hover{background-color:#a26db8d9;color:#E9E9E9}
main{min-height:200px}
.FtrWrap{background:linear-gradient(180deg,#1e1e1efa 0%,#141414ff 100%);padding:60px 20px 30px;border-top:2px solid #a26db840}
.FtrGrid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:40px;border-bottom:1px solid #e9e9e91a}
.FtrTitle{font-size:24px;font-weight:700;color:#A26DB8;margin:0 0 20px}
.FtrAddress{font-size:15px;line-height:1.7;color:#b8b8b8;margin:0 0 16px}
.FtrContact{margin:0}
.FtrLink{color:#E9E9E9;text-decoration:none;font-size:15px;transition:color .2s}
.FtrLink:hover{color:#A26DB8}
.FtrNavTitle{font-size:18px;font-weight:700;color:#E9E9E9;margin:0 0 16px}
.FtrNavList{list-style:none;margin:0;padding:0}
.FtrNavItem{margin:0 0 10px}
.FtrNavLink{color:#b8b8b8;text-decoration:none;font-size:15px;transition:color .2s}
.FtrNavLink:hover{color:#A26DB8}
.FtrCopy{max-width:1140px;margin:0 auto;padding-top:24px;text-align:center;color:#888;font-size:14px}
.CookiePopup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:none;justify-content:center;align-items:center;z-index:9999;animation:elasticFade .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
.CookiePopup.showing{display:flex}
@keyframes elasticFade {
0%{opacity:0;transform:scale(0.7)}
50%{transform:scale(1.05)}
100%{opacity:1;transform:scale(1)}
}
.CookieBox{background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%);padding:40px;border-radius:16px;max-width:520px;width:90%;box-shadow:0 12px 48px #a26db84d;border:2px solid #a26db866}
.CookieTitle{font-size:26px;font-weight:700;color:#A26DB8;margin:0 0 16px}
.CookieTxt{font-size:15px;color:#E9E9E9;margin:0 0 24px;line-height:1.6}
.CookieToggles{margin-bottom:28px}
.CookieLabel{display:flex;align-items:center;margin-bottom:14px;cursor:pointer;font-size:15px;color:#E9E9E9}
.CookieCheck{margin-right:10px;width:18px;height:18px;cursor:pointer}
.CookieActions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.CookieBtn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color 0.2s,transform .1s;font-family:'Ubuntu',sans-serif}
.CookieBtn:active{transform:scale(0.97)}
.BtnAcceptAll{background-color:#A26DB8;color:#1a1a1a}
.BtnAcceptAll:hover{background-color:#a26db8d9}
.BtnSavePrefs{background-color:#36515D;color:#E9E9E9}
.BtnSavePrefs:hover{background-color:#36515dd9}
.CookieLink{color:#A26DB8;text-decoration:none;font-size:14px;border-bottom:1px solid transparent;transition:border-color .2s}
.CookieLink:hover{border-bottom-color:#A26DB8}
.CookieMini{position:fixed;bottom:20px;right:20px;display:none;z-index:9998}
.CookieMini.showing{display:block}
.CookieMiniBtn{background-color:#A26DB8;color:#1a1a1a;border:none;border-radius:50%;width:56px;height:56px;cursor:pointer;box-shadow:0 6px 20px #a26db866;transition:transform 0.2s,background-color .2s;font-size:24px;display:flex;align-items:center;justify-content:center}
.CookieMiniBtn:hover{transform:scale(1.1);background-color:#a26db8e6}
@media (max-width: 768px) {
.HdrGrid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px}
.LogoBox{grid-column:1;grid-row:1;justify-content:center}
.CompanyBox{grid-column:1;grid-row:2;justify-content:center}
.NavMain{grid-column:1;grid-row:3}
.NavList{flex-direction:column;align-items:center;gap:12px}
.FtrGrid{grid-template-columns:1fr;gap:30px}
.CookieBox{padding:28px}
.CookieActions{flex-direction:column}
.CookieBtn{width:100%}
}
.TitleBlock{position:relative;height:100vh;display:flex;align-items:flex-end;overflow:hidden;background:#1a1a1a}
.TitleBlock .bgImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.TitleBlock::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,#1a1a1acc 70%,#1a1a1a 100%);pointer-events:none}
.TitleBlock .accent{position:absolute;width:200px;height:200px;background:linear-gradient(135deg,#a26db826,#36515d1a);border-radius:50%;filter:blur(60px);z-index:1}
.TitleBlock .accent.one{top:15%;left:10%}
.TitleBlock .accent.two{bottom:20%;right:15%}
.TitleBlock .txtWrap{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:0 20px 80px;width:100%}
.TitleBlock h1{font-size:3.5rem;font-weight:700;color:#E9E9E9;margin:0 0 12px;line-height:1.2}
.TitleBlock .sub{font-size:1.5rem;color:#A26DB8;font-weight:400;margin:0}
.CourseGrid{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);padding:100px 20px}
.CourseGrid .wrapper{max-width:1140px;margin:0 auto}
.CourseGrid .sectionHd{text-align:center;margin-bottom:60px}
.CourseGrid h2{font-size:2.5rem;color:#E9E9E9;margin:0 0 16px;font-weight:600}
.CourseGrid .intro{font-size:1.125rem;color:#e9e9e9cc;max-width:700px;margin:0 auto;line-height:1.7}
.CourseGrid .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.CourseGrid .cBox{background:linear-gradient(145deg,#242424,#1f1f1f);border:1px solid #a26db833;border-radius:16px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden}
.CourseGrid .cBox::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#A26DB8,#36515D);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.CourseGrid .cBox:hover{transform:translateY(-8px);border-color:#a26db880;box-shadow:0 12px 40px #a26db833}
.CourseGrid .cBox:hover::before{transform:scaleX(1)}
.CourseGrid .cBox h3{font-size:1.5rem;color:#E9E9E9;margin:0 0 16px;font-weight:600}
.CourseGrid .cBox .meta{display:flex;gap:20px;margin-bottom:16px;font-size:.875rem;color:#e9e9e999}
.CourseGrid .cBox .meta span{display:flex;align-items:center;gap:6px}
.CourseGrid .cBox p{color:#e9e9e9bf;line-height:1.7;margin:0 0 20px}
.CourseGrid .cBox .topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.CourseGrid .cBox .tag{background:#a26db826;color:#A26DB8;padding:6px 12px;border-radius:6px;font-size:.813rem;border:1px solid #a26db84d}
.CourseGrid .cBox .btnEnroll{display:inline-block;background:linear-gradient(135deg,#A26DB8,#8a5a9e);color:#E9E9E9;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid transparent}
.CourseGrid .cBox .btnEnroll:hover{background:linear-gradient(135deg,#8a5a9e,#A26DB8);box-shadow:0 6px 20px #a26db866;transform:translateY(-2px)}
.InstructorSpot{background:#1f1f1f;padding:100px 20px;position:relative;overflow:hidden}
.InstructorSpot::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#a26db81a,transparent 70%);border-radius:50%}
.InstructorSpot .wrapper{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.InstructorSpot .imgCol img{width:100%;height:500px;object-fit:cover;border-radius:20px;border:2px solid #a26db84d;box-shadow:0 20px 60px #00000080}
.InstructorSpot .txtCol h2{font-size:2.25rem;color:#E9E9E9;margin:0 0 24px;font-weight:600;position:relative;padding-left:20px}
.InstructorSpot .txtCol h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#A26DB8,#36515D);border-radius:2px}
.InstructorSpot .txtCol p{color:#e9e9e9cc;line-height:1.8;margin-bottom:20px;font-size:1.063rem}
.InstructorSpot .specialties{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.InstructorSpot .specItem{background:#a26db81a;padding:16px;border-radius:12px;border-left:3px solid #A26DB8}
.InstructorSpot .specItem h4{color:#E9E9E9;margin:0 0 8px;font-size:1.063rem;font-weight:600}
.InstructorSpot .specItem p{color:#e9e9e9b3;margin:0;font-size:.938rem;line-height:1.6}
.TimelineFlow{background:linear-gradient(180deg,#242424 0%,#1a1a1a 100%);padding:100px 20px}
.TimelineFlow .wrapper{max-width:1140px;margin:0 auto}
.TimelineFlow h2{text-align:center;font-size:2.5rem;color:#E9E9E9;margin:0 0 60px;font-weight:600}
.TimelineFlow .steps{position:relative;display:flex;flex-direction:column;gap:40px}
.TimelineFlow .steps::before{content:'';position:absolute;left:50%;top:60px;bottom:60px;width:2px;background:linear-gradient(180deg,#A26DB8,#36515D);transform:translateX(-50%)}
.TimelineFlow .step{display:grid;grid-template-columns:1fr 80px 1fr;gap:32px;align-items:center}
.TimelineFlow .step:nth-child(even) .leftSide{order:3}
.TimelineFlow .step:nth-child(even) .rightSide{order:1}
.TimelineFlow .leftSide,.TimelineFlow .rightSide{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);padding:28px;border-radius:16px;border:1px solid #a26db833;transition:all .3s ease}
.TimelineFlow .leftSide:hover,.TimelineFlow .rightSide:hover{border-color:#a26db880;box-shadow:0 8px 30px #a26db826}
.TimelineFlow .stepMarker{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#A26DB8,#36515D);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#E9E9E9;box-shadow:0 0 0 8px #a26db833;position:relative;z-index:2}
.TimelineFlow h3{color:#E9E9E9;font-size:1.375rem;margin:0 0 12px;font-weight:600}
.TimelineFlow .stepContent p{color:#e9e9e9bf;line-height:1.7;margin:0}
.FinalCta{background:#1a1a1a;padding:120px 20px;position:relative}
.FinalCta::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(./location_photos/post_0004.jpg) center/cover;opacity:.15}
.FinalCta .wrapper{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1;background:#1a1a1ad9;padding:60px 40px;border-radius:24px;border:2px solid #a26db84d;backdrop-filter:blur(10px)}
.FinalCta h2{font-size:2.75rem;color:#E9E9E9;margin:0 0 20px;font-weight:700}
.FinalCta .desc{font-size:1.25rem;color:#e9e9e9cc;line-height:1.7;margin-bottom:40px}
.FinalCta .ctaRow{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.FinalCta .btnPrimary{display:inline-block;background:linear-gradient(135deg,#A26DB8,#8a5a9e);color:#E9E9E9;padding:16px 40px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease;border:2px solid transparent}
.FinalCta .btnPrimary:hover{background:linear-gradient(135deg,#8a5a9e,#A26DB8);box-shadow:0 10px 30px #a26db866;transform:translateY(-3px)}
.FinalCta .btnSecondary{display:inline-block;background:transparent;color:#E9E9E9;padding:16px 40px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.125rem;border:2px solid #A26DB8;transition:all .3s ease}
.FinalCta .btnSecondary:hover{background:#a26db826;border-color:#E9E9E9;transform:translateY(-3px)}
@media (max-width: 968px) {
.TitleBlock h1{font-size:2.5rem}
.TitleBlock .sub{font-size:1.25rem}
.CourseGrid .grid{grid-template-columns:repeat(2,1fr);gap:24px}
.InstructorSpot .wrapper{grid-template-columns:1fr;gap:40px}
.InstructorSpot .imgCol img{height:400px}
.TimelineFlow .steps::before{left:40px}
.TimelineFlow .step{grid-template-columns:80px 1fr;gap:24px}
.TimelineFlow .step .leftSide,.TimelineFlow .step .rightSide{order:2!important}
.FinalCta h2{font-size:2rem}
}
@media (max-width: 576px) {
.TitleBlock{height:80vh}
.TitleBlock h1{font-size:2rem}
.TitleBlock .sub{font-size:1.125rem}
.CourseGrid .grid{grid-template-columns:1fr}
.CourseGrid h2{font-size:2rem}
.InstructorSpot .specialties{grid-template-columns:1fr}
.TimelineFlow .stepMarker{width:60px;height:60px;font-size:1.375rem}
.TimelineFlow .step{grid-template-columns:60px 1fr}
.FinalCta .wrapper{padding:40px 24px}
.FinalCta .ctaRow{flex-direction:column}
.FinalCta .btnPrimary,.FinalCta .btnSecondary{width:100%}
}
.HeroWrap{position:relative;padding:80px 20px 60px;background:linear-gradient(135deg,#1a1a2e 0%,#0f1419 100%);overflow:hidden}
.HeroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#a26db826 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}
@keyframes pulse {
0%,100%{transform:scale(1);opacity:.15}
50%{transform:scale(1.2);opacity:.25}
}
.HeroWrap .innerBox{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.HeroWrap .imgHolder{margin-bottom:40px;border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #a26db833}
.HeroWrap .imgHolder img{width:100%;height:auto;display:block;transition:transform .6s ease}
.HeroWrap .imgHolder:hover img{transform:scale(1.03)}
.HeroWrap .txtContent h1{font-size:3.2rem;color:#E9E9E9;margin:0 0 16px;line-height:1.2;font-weight:700}
.HeroWrap .txtContent h2{font-size:1.8rem;color:#A26DB8;margin:0 0 24px;font-weight:400}
.HeroWrap .txtContent p{font-size:1.1rem;color:#c4c4c4;line-height:1.7;margin:0 0 36px;max-width:800px}
.HeroWrap .btnGroup{display:flex;gap:20px;flex-wrap:wrap}
.HeroWrap .btnPrimary{padding:16px 40px;background:linear-gradient(135deg,#A26DB8 0%,#8a5a9e 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:1.05rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #a26db84d;position:relative;z-index:10}
.HeroWrap .btnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a26db866}
.HeroWrap .btnSecondary{padding:16px 40px;background:transparent;color:#A26DB8;text-decoration:none;border:2px solid #A26DB8;border-radius:6px;font-size:1.05rem;font-weight:600;transition:all .3s ease;position:relative;z-index:10}
.HeroWrap .btnSecondary:hover{background:#a26db81a;border-color:#b57fcf}
.SupportLevels{padding:90px 20px;background:#0a0a12}
.SupportLevels .contentHolder{max-width:1140px;margin:0 auto}
.SupportLevels h2{font-size:2.6rem;color:#E9E9E9;margin:0 0 16px;position:relative;display:inline-block}
.SupportLevels h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#A26DB8 0%,transparent 100%)}
.SupportLevels .intro{font-size:1.15rem;color:#b8b8b8;line-height:1.7;margin:32px 0 60px;max-width:720px}
.SupportLevels .gridHolder{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.SupportLevels .levelCard{background:linear-gradient(145deg,#1a1a2e 0%,#12121f 100%);padding:40px 32px;border-radius:12px;border:1px solid #a26db833;transition:all .4s ease;position:relative;overflow:hidden}
.SupportLevels .levelCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#A26DB8;transform:scaleY(0);transition:transform .4s ease}
.SupportLevels .levelCard:hover{border-color:#A26DB8;box-shadow:0 12px 32px #a26db833}
.SupportLevels .levelCard:hover::before{transform:scaleY(1)}
.SupportLevels .levelCard h3{font-size:1.5rem;color:#E9E9E9;margin:0 0 16px}
.SupportLevels .levelCard p{font-size:1rem;color:#a8a8a8;line-height:1.6;margin:0 0 20px}
.SupportLevels .levelCard ul{list-style:none;padding:0;margin:0}
.SupportLevels .levelCard li{font-size:.95rem;color:#b8b8b8;padding:10px 0;border-bottom:1px solid #a26db81a;position:relative;padding-left:24px}
.SupportLevels .levelCard li::before{content:'→';position:absolute;left:0;color:#A26DB8;font-weight:700}
.SupportLevels .levelCard li:last-child{border-bottom:none}
.PartnersSection{padding:90px 20px;background:linear-gradient(180deg,#0f0f1a 0%,#1a1a2e 100%);position:relative}
.PartnersSection::after{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#36515d26 0%,transparent 70%);pointer-events:none}
.PartnersSection .innerWrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.PartnersSection .sectionTitle{font-size:2.6rem;color:#E9E9E9;margin:0 0 24px}
.PartnersSection .desc{font-size:1.1rem;color:#b8b8b8;line-height:1.7;margin:0 0 50px;max-width:680px}
.PartnersSection .contentGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.PartnersSection .textSide h3{font-size:1.8rem;color:#A26DB8;margin:0 0 20px}
.PartnersSection .textSide p{font-size:1.05rem;color:#c4c4c4;line-height:1.7;margin:0 0 24px}
.PartnersSection .benefit{background:#a26db80d;padding:24px;border-left:3px solid #A26DB8;margin-bottom:20px;border-radius:0 8px 8px 0}
.PartnersSection .benefit h4{font-size:1.2rem;color:#E9E9E9;margin:0 0 12px}
.PartnersSection .benefit p{font-size:.98rem;color:#b0b0b0;line-height:1.6;margin:0}
.PartnersSection .imageSide img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #0006}
.TeamShowcase{padding:90px 20px;background:#0a0a12}
.TeamShowcase .boxWrap{max-width:1140px;margin:0 auto}
.TeamShowcase .headingArea{text-align:center;margin-bottom:60px}
.TeamShowcase .headingArea h2{font-size:2.6rem;color:#E9E9E9;margin:0 0 20px}
.TeamShowcase .headingArea p{font-size:1.1rem;color:#b8b8b8;line-height:1.7;max-width:700px;margin:0 auto}
.TeamShowcase .profileDisplay{display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:center;background:linear-gradient(135deg,#1a1a2e 0%,#12121f 100%);padding:50px;border-radius:16px;border:1px solid #a26db833}
.TeamShowcase .photoBox{position:relative}
.TeamShowcase .photoBox::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:2px solid #A26DB8;border-radius:8px;z-index:1}
.TeamShowcase .photoBox img{width:100%;height:auto;border-radius:8px;display:block;position:relative;z-index:2}
.TeamShowcase .infoBox h3{font-size:2rem;color:#E9E9E9;margin:0 0 12px}
.TeamShowcase .infoBox .role{font-size:1.15rem;color:#A26DB8;margin:0 0 28px;font-weight:600}
.TeamShowcase .infoBox .bio{font-size:1.05rem;color:#c4c4c4;line-height:1.7;margin:0 0 32px}
.TeamShowcase .infoBox .expertise{display:flex;flex-wrap:wrap;gap:12px}
.TeamShowcase .infoBox .tag{padding:8px 20px;background:#a26db826;color:#b57fcf;border-radius:20px;font-size:.9rem;border:1px solid #a26db84d}
.CommunityNet{padding:90px 20px;background:linear-gradient(180deg,#12121f 0%,#0f0f1a 100%)}
.CommunityNet .contentWrap{max-width:1140px;margin:0 auto}
.CommunityNet .topArea{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:70px;align-items:center}
.CommunityNet .leftText h2{font-size:2.6rem;color:#E9E9E9;margin:0 0 24px}
.CommunityNet .leftText p{font-size:1.1rem;color:#b8b8b8;line-height:1.7;margin:0 0 32px}
.CommunityNet .leftText .stat{display:flex;gap:40px;margin-top:40px}
.CommunityNet .leftText .statItem{text-align:center}
.CommunityNet .leftText .statItem .num{font-size:2.8rem;color:#A26DB8;font-weight:700;display:block;margin-bottom:8px}
.CommunityNet .leftText .statItem .label{font-size:.95rem;color:#c4c4c4}
.CommunityNet .rightImg img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #0006}
.CommunityNet .featuresGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.CommunityNet .featureBox{background:#a26db80d;padding:32px 24px;border-radius:8px;border:1px solid #a26db826;transition:all .3s ease}
.CommunityNet .featureBox:hover{border-color:#A26DB8;background:#a26db81a}
.CommunityNet .featureBox h4{font-size:1.3rem;color:#E9E9E9;margin:0 0 16px}
.CommunityNet .featureBox p{font-size:1rem;color:#b0b0b0;line-height:1.6;margin:0}
@media (max-width: 768px) {
.HeroWrap .txtContent h1{font-size:2.2rem}
.HeroWrap .txtContent h2{font-size:1.4rem}
.HeroWrap .btnGroup{flex-direction:column}
.SupportLevels .gridHolder{grid-template-columns:1fr}
.PartnersSection .contentGrid{grid-template-columns:1fr;gap:40px}
.TeamShowcase .profileDisplay{grid-template-columns:1fr;gap:40px;padding:32px 24px}
.CommunityNet .topArea{grid-template-columns:1fr;gap:40px}
.CommunityNet .featuresGrid{grid-template-columns:1fr}
}
.CtBanner{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a3a 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.CtBanner::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#a26db814;border-radius:50%;z-index:1}
.CtBanner::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#36515d0f;border-radius:50%;z-index:1}
.CtBannerBox{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.CtBannerTxt h1{font-size:48px;color:#E9E9E9;margin:0 0 20px;font-weight:700;line-height:1.2}
.CtBannerTxt h1 .highlight{color:#A26DB8;position:relative;display:inline-block}
.CtBannerTxt h1 .highlight::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#A26DB8 0%,#a26db84d 100%)}
.CtBannerTxt p{font-size:18px;color:silver;max-width:700px;margin:0 auto;line-height:1.6}
.MainCt{background:#151515;padding:100px 20px}
.MainCtWrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.InfoSide h2{font-size:32px;color:#E9E9E9;margin:0 0 30px;font-weight:600}
.InfoSide h2::before{content:'';display:inline-block;width:5px;height:32px;background:#A26DB8;margin-right:15px;vertical-align:middle;border-radius:2px}
.InfoBlk{background:#1e1e1e;padding:30px;border-radius:12px;margin-bottom:25px;border-left:4px solid #36515D;transition:all .3s ease}
.InfoBlk:hover{border-left-color:#A26DB8;transform:translateX(5px);box-shadow:0 8px 25px #a26db826}
.InfoBlk h3{font-size:20px;color:#A26DB8;margin:0 0 15px;font-weight:600;display:flex;align-items:center}
.InfoBlk h3::before{content:'';width:8px;height:8px;background:#A26DB8;border-radius:50%;margin-right:12px;box-shadow:0 0 10px #a26db899}
.InfoBlk p{font-size:16px;color:#b5b5b5;margin:0;line-height:1.7}
.InfoBlk a{color:#E9E9E9;text-decoration:none;transition:color .3s ease}
.InfoBlk a:hover{color:#A26DB8}
.FormArea{background:linear-gradient(145deg,#1e1e1e 0%,#252525 100%);padding:45px;border-radius:16px;box-shadow:0 15px 45px #0006;border:1px solid #a26db833}
.FormArea h3{font-size:28px;color:#E9E9E9;margin:0 0 10px;font-weight:600}
.FormArea .subHd{font-size:15px;color:#999;margin:0 0 35px;line-height:1.5}
.FormGrp{margin-bottom:25px}
.FormGrp label{display:block;font-size:14px;color:silver;margin-bottom:8px;font-weight:500}
.FormGrp input,.FormGrp select{width:100%;padding:14px 18px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#E9E9E9;font-size:15px;transition:all .3s ease;box-sizing:border-box}
.FormGrp input:focus,.FormGrp select:focus{outline:none;border-color:#A26DB8;background:#323232;box-shadow:0 0 0 3px #a26db826}
.FormGrp select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23A26DB8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:45px}
.RowFlex{display:flex;flex-direction:row;gap:20px}
.RowFlex .FormGrp{flex:1}
.ChkBox{margin:30px 0}
.ChkBox input[type="checkbox"]{appearance:none;width:20px;height:20px;border:2px solid #3a3a3a;border-radius:4px;background:#2a2a2a;cursor:pointer;position:relative;vertical-align:middle;margin-right:10px;transition:all .3s ease}
.ChkBox input[type="checkbox"]:checked{background:#A26DB8;border-color:#A26DB8}
.ChkBox input[type="checkbox"]:checked::after{content:'';position:absolute;top:2px;left:6px;width:4px;height:9px;border:solid #E9E9E9;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ChkBox label{font-size:14px;color:#b5b5b5;cursor:pointer;line-height:1.6}
.ChkBox a{color:#A26DB8;text-decoration:none;transition:color .3s ease}
.ChkBox a:hover{color:#c58ed4;text-decoration:underline}
.SubmitBtn{width:100%;padding:16px;background:linear-gradient(135deg,#A26DB8 0%,#8a5a9e 100%);border:none;border-radius:8px;color:#E9E9E9;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #a26db84d}
.SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #a26db873;background:linear-gradient(135deg,#b37dc7 0%,#9b6aad 100%)}
.SubmitBtn:active{transform:translateY(0)}
.DetailBar{background:#1a1a1a;padding:70px 20px;border-top:1px solid #2a2a2a}
.DetailBarInner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.DetailCard{text-align:center;padding:35px 25px;background:#1e1e1e;border-radius:12px;border:1px solid #2a2a2a;transition:all .4s ease;position:relative;overflow:hidden}
.DetailCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#A26DB8 0%,#36515D 100%);transform:scaleX(0);transition:transform .4s ease}
.DetailCard:hover::before{transform:scaleX(1)}
.DetailCard:hover{transform:translateY(-8px);box-shadow:0 15px 35px #a26db833;border-color:#a26db84d}
.DetailCard .ico{width:60px;height:60px;margin:0 auto 20px;background:#a26db826;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease}
.DetailCard:hover .ico{background:#a26db840;transform:rotate(360deg)}
.DetailCard .ico svg{width:30px;height:30px;fill:#A26DB8}
.DetailCard h4{font-size:20px;color:#E9E9E9;margin:0 0 12px;font-weight:600}
.DetailCard p{font-size:15px;color:#999;margin:0;line-height:1.6}
@media (max-width: 968px) {
.CtBannerTxt h1{font-size:38px}
.MainCtWrap{grid-template-columns:1fr;gap:60px}
.DetailBarInner{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.CtBanner{padding:60px 20px}
.CtBannerTxt h1{font-size:32px}
.CtBannerTxt p{font-size:16px}
.MainCt{padding:60px 20px}
.InfoSide h2{font-size:26px}
.FormArea{padding:30px 25px}
.FormArea h3{font-size:24px}
.RowFlex{flex-direction:column;gap:0}
.DetailBar{padding:50px 20px}
}
@media (max-width: 480px) {
.CtBannerTxt h1{font-size:28px}
.FormArea{padding:25px 20px}
.InfoBlk{padding:25px 20px}
}
.AboutHeader{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:120px 0 140px;position:relative;overflow:hidden}
.AboutHeader::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#a26db826 0%,transparent 70%);border-radius:50%}
.AboutHeader::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#36515d33 0%,transparent 70%);border-radius:50%}
.HeaderWrap{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:80px;position:relative;z-index:2}
.HeaderImgBox{flex:0 0 480px;position:relative}
.HeaderImgBox::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:linear-gradient(135deg,#a26db84d 0%,#36515d4d 100%);border-radius:16px;z-index:1}
.HeaderImgBox::after{content:'';position:absolute;top:20px;left:20px;right:-20px;bottom:-20px;background:linear-gradient(225deg,#36515d33 0%,#a26db833 100%);border-radius:16px;z-index:1}
.HeaderMainImg{width:100%;height:420px;object-fit:cover;border-radius:12px;position:relative;z-index:2;box-shadow:0 12px 40px #00000080;filter:brightness(0.95) contrast(1.05)}
.HeaderTxtBlock{flex:1}
.HeaderMainTitle{font-size:52px;font-weight:700;color:#E9E9E9;line-height:1.2;margin:0;text-shadow:2px 2px 8px #0000004d}
.StorySection{background:#0f1419;padding:100px 0}
.StoryHolder{max-width:1140px;margin:0 auto;padding:0 20px}
.StoryGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.StorySideImg{position:sticky;top:40px}
.StoryImgFrame{width:100%;height:520px;object-fit:cover;border-radius:20px;box-shadow:0 16px 48px #a26db833}
.StoryContent h2{font-size:38px;font-weight:700;color:#A26DB8;margin:0 0 24px;line-height:1.3}
.StoryContent p{font-size:17px;line-height:1.7;color:#c4c4c4;margin:0 0 20px}
.StoryContent p:last-child{margin-bottom:0}
.TeamDisplay{background:linear-gradient(180deg,#1a1a2e 0%,#16213e 50%,#0f1419 100%);padding:110px 0}
.TeamContainer{max-width:1140px;margin:0 auto;padding:0 20px}
.TeamHeading{text-align:center;margin-bottom:70px}
.TeamHeading h2{font-size:42px;font-weight:700;color:#E9E9E9;margin:0 0 16px;position:relative;display:inline-block}
.TeamHeading h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent 0%,#A26DB8 50%,transparent 100%)}
.TeamHeading p{font-size:18px;color:#999;margin:24px 0 0;max-width:680px;margin-left:auto;margin-right:auto}
.MemberCards{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.MemberItem{background:#36515d26;border-radius:18px;padding:40px;border:1px solid #a26db833;display:flex;gap:32px;align-items:flex-start;transition:all .3s ease;position:relative;overflow:hidden}
.MemberItem::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a26db81a 0%,transparent 60%);opacity:0;transition:opacity .3s ease}
.MemberItem:hover{transform:translateY(-4px);box-shadow:0 20px 60px #a26db840;border-color:#a26db866}
.MemberItem:hover::before{opacity:1}
.MemberPhoto{flex:0 0 160px;position:relative;z-index:1}
.MemberPhotoImg{width:160px;height:160px;object-fit:cover;border-radius:12px;border:3px solid #a26db84d;transition:border-color .3s ease}
.MemberItem:hover .MemberPhotoImg{border-color:#A26DB8}
.MemberInfo{flex:1;position:relative;z-index:1}
.MemberInfo h3{font-size:26px;font-weight:700;color:#E9E9E9;margin:0 0 8px}
.MemberRole{font-size:15px;color:#A26DB8;margin:0 0 18px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.MemberInfo p{font-size:16px;line-height:1.7;color:#b0b0b0;margin:0}
@media (max-width: 992px) {
.HeaderWrap{flex-direction:column;gap:50px}
.HeaderImgBox{flex:0 0 auto;width:100%;max-width:500px}
.HeaderMainTitle{font-size:42px;text-align:center}
.StoryGrid{grid-template-columns:1fr;gap:50px}
.StorySideImg{position:static}
.MemberCards{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.AboutHeader{padding:80px 0 100px}
.HeaderMainTitle{font-size:36px}
.StorySection{padding:70px 0}
.StoryContent h2{font-size:32px}
.StoryContent p{font-size:16px}
.TeamDisplay{padding:80px 0}
.TeamHeading h2{font-size:34px}
.MemberItem{flex-direction:column;padding:32px}
.MemberPhoto{flex:0 0 auto}
.MemberInfo h3{font-size:24px}
}
@media (max-width: 576px) {
.HeaderWrap{padding:0 16px}
.HeaderMainTitle{font-size:30px}
.StoryHolder,.TeamContainer{padding:0 16px}
.StoryContent h2{font-size:28px}
.TeamHeading h2{font-size:28px}
.TeamHeading p{font-size:16px}
.MemberItem{padding:24px}
.MemberPhotoImg{width:140px;height:140px}
}
.TitleWrap{max-width:1140px;margin:0 auto;padding:80px 20px;display:flex;gap:60px;align-items:center;position:relative}
.TitleWrap::before{content:'';position:absolute;top:-40px;right:10%;width:200px;height:200px;background:#a26db826;border-radius:50%;z-index:-1;animation:FloatShape 8s ease-in-out infinite}
@keyframes FloatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-20px,-30px) scale(1.1)}
}
.TitleWrap .ImgSide{flex:0 0 40%;position:relative}
.TitleWrap .ImgSide img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #a26db840;animation:SoftPulse 4s ease-in-out infinite}
@keyframes SoftPulse {
0%,100%{transform:scale(1);box-shadow:0 12px 32px #a26db840}
50%{transform:scale(1.02);box-shadow:0 16px 40px #a26db859}
}
.TitleWrap .TxtSide{flex:1}
.TitleWrap .TxtSide h1{font-size:42px;line-height:1.2;color:#E9E9E9;margin:0 0 24px;position:relative;padding-left:20px}
.TitleWrap .TxtSide h1::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#A26DB8 0%,#36515D 100%);border-radius:3px}
.TitleWrap .IssueDesc{font-size:17px;line-height:1.7;color:#e9e9e9bf;margin:0 0 28px;padding:20px;background:#36515d4d;border-radius:8px;border-left:3px solid #36515D}
.TitleWrap .SolutionDesc{font-size:16px;line-height:1.8;color:#e9e9e9d9}
.ModulesGrid{background:linear-gradient(135deg,#36515d33 0%,#a26db826 100%);padding:90px 20px}
.ModulesGrid .InnerBox{max-width:1140px;margin:0 auto}
.ModulesGrid h2{font-size:36px;color:#E9E9E9;margin:0 0 50px;text-align:center;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.ModulesGrid h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#A26DB8;border-radius:2px}
.ModulesGrid .CardRow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ModulesGrid .ModCard{background:#12121299;padding:32px 28px;border-radius:12px;border:1px solid #a26db833;transition:all .3s ease;position:relative;overflow:hidden}
.ModulesGrid .ModCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#A26DB8 0%,#36515D 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ModulesGrid .ModCard:hover{border-color:#A26DB8;transform:translateY(-6px);box-shadow:0 16px 36px #a26db84d}
.ModulesGrid .ModCard:hover::before{transform:scaleX(1)}
.ModulesGrid .ModCard h3{font-size:22px;color:#E9E9E9;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.ModulesGrid .ModCard h3::before{content:'';width:8px;height:8px;background:#A26DB8;border-radius:50%;flex-shrink:0}
.ModulesGrid .ModCard p{font-size:15px;line-height:1.7;color:#e9e9e9b3;margin:0 0 20px}
.ModulesGrid .ModCard .LvlMark{display:inline-block;padding:6px 14px;background:#a26db840;color:#E9E9E9;font-size:13px;border-radius:20px;font-weight:500}
.ProgressPath{max-width:1140px;margin:0 auto;padding:90px 20px}
.ProgressPath h2{font-size:36px;color:#E9E9E9;margin:0 0 60px;text-align:center}
.ProgressPath .StepLine{position:relative;padding-left:80px}
.ProgressPath .StepLine::before{content:'';position:absolute;left:30px;top:20px;bottom:20px;width:3px;background:linear-gradient(180deg,#A26DB8 0%,#a26db84d 100%)}
.ProgressPath .StepItem{position:relative;margin-bottom:48px;padding:28px;background:#36515d26;border-radius:12px;border-left:4px solid #A26DB8;transition:all .3s ease}
.ProgressPath .StepItem:hover{background:#36515d40;transform:translateX(8px)}
.ProgressPath .StepItem::before{content:attr(data-num);position:absolute;left:-52px;top:28px;width:44px;height:44px;background:#A26DB8;color:#E9E9E9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;box-shadow:0 4px 12px #a26db866}
.ProgressPath .StepItem h4{font-size:22px;color:#E9E9E9;margin:0 0 12px}
.ProgressPath .StepItem p{font-size:15px;line-height:1.7;color:#e9e9e9bf;margin:0}
.SkillDisplay{background:#a26db814;padding:90px 20px}
.SkillDisplay .ContentBox{max-width:1140px;margin:0 auto;display:flex;gap:70px;align-items:center}
.SkillDisplay .TxtColumn{flex:1}
.SkillDisplay h2{font-size:36px;color:#E9E9E9;margin:0 0 28px}
.SkillDisplay .IntroTxt{font-size:16px;line-height:1.8;color:#e9e9e9cc;margin:0 0 36px}
.SkillDisplay .SkillBar{margin-bottom:32px}
.SkillDisplay .SkillBar .SkillLabel{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.SkillDisplay .SkillBar .SkillLabel span:first-child{font-size:16px;color:#E9E9E9;font-weight:500}
.SkillDisplay .SkillBar .SkillLabel span:last-child{font-size:14px;color:#A26DB8;font-weight:600}
.SkillDisplay .SkillBar .BarTrack{width:100%;height:12px;background:#36515d4d;border-radius:20px;overflow:hidden;position:relative}
.SkillDisplay .SkillBar .BarFill{height:100%;background:linear-gradient(90deg,#A26DB8 0%,#a26db8b3 100%);border-radius:20px;position:relative;transition:width 1s ease}
.SkillDisplay .SkillBar .BarFill::after{content:'';position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(90deg,transparent,#e9e9e94d);animation:ShineEffect 2s ease infinite}
@keyframes ShineEffect {
0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
.SkillDisplay .ImgColumn{flex:0 0 420px}
.SkillDisplay .ImgColumn img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 20px 48px #00000059}
.TeamProfiles{max-width:1140px;margin:0 auto;padding:90px 20px}
.TeamProfiles h2{font-size:36px;color:#E9E9E9;margin:0 0 20px;text-align:center}
.TeamProfiles .SubHead{font-size:17px;line-height:1.6;color:#e9e9e9b3;text-align:center;max-width:720px;margin:0 auto 60px}
.TeamProfiles .GridHolder{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.TeamProfiles .ProfileBox{background:#12121280;border-radius:12px;overflow:hidden;border:1px solid #a26db826;transition:all .3s ease;position:relative}
.TeamProfiles .ProfileBox:hover{border-color:#A26DB8;transform:translateY(-8px);box-shadow:0 16px 40px #a26db840}
.TeamProfiles .ProfileBox .ImgWrap{width:100%;height:260px;overflow:hidden;position:relative}
.TeamProfiles .ProfileBox .ImgWrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.TeamProfiles .ProfileBox:hover .ImgWrap img{transform:scale(1.08)}
.TeamProfiles .ProfileBox .InfoWrap{padding:22px 20px}
.TeamProfiles .ProfileBox h5{font-size:19px;color:#E9E9E9;margin:0 0 6px}
.TeamProfiles .ProfileBox .RoleTag{font-size:14px;color:#A26DB8;margin:0 0 14px;font-weight:500}
.TeamProfiles .ProfileBox .ShortBio{font-size:14px;line-height:1.6;color:#e9e9e9a6;margin:0}
@media (max-width: 1024px) {
.TitleWrap{flex-direction:column;gap:40px;padding:60px 20px}
.TitleWrap .ImgSide{flex:0 0 auto;width:100%}
.TitleWrap .TxtSide h1{font-size:34px}
.ModulesGrid .CardRow{grid-template-columns:repeat(2,1fr)}
.SkillDisplay .ContentBox{flex-direction:column-reverse;gap:50px}
.SkillDisplay .ImgColumn{flex:0 0 auto;width:100%}
.TeamProfiles .GridHolder{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.TitleWrap .TxtSide h1{font-size:28px}
.TitleWrap .ImgSide img{height:320px}
.ModulesGrid{padding:60px 20px}
.ModulesGrid h2,.ProgressPath h2,.SkillDisplay h2,.TeamProfiles h2{font-size:28px}
.ModulesGrid .CardRow{grid-template-columns:1fr}
.ProgressPath{padding:60px 20px}
.ProgressPath .StepLine{padding-left:60px}
.ProgressPath .StepItem::before{left:-42px;width:36px;height:36px;font-size:16px}
.SkillDisplay .ImgColumn img{height:380px}
.TeamProfiles .GridHolder{grid-template-columns:1fr;gap:24px}
}
.PolicyPg{max-width:1140px;margin:0 auto;padding:60px 20px;background:linear-gradient(135deg,#1a1a1f 0%,#242430 100%)}
.PolicyPg .TitleZone{position:relative;margin-bottom:80px;padding:50px 40px;background:#36515d33;border-radius:16px;border:1px solid #a26db84d;overflow:hidden}
.PolicyPg .TitleZone::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#a26db826 0%,transparent 70%);border-radius:50%;animation:FloatingSlow 20s ease-in-out infinite}
.PolicyPg .TitleZone::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#36515d4d 0%,transparent 70%);border-radius:50%;animation:FloatingFast 15s ease-in-out infinite}
@keyframes FloatingSlow {
0%,100%{transform:translate(0,0)}
50%{transform:translate(30px,-30px)}
}
@keyframes FloatingFast {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-40px,20px)}
}
.PolicyPg .MainHeading{position:relative;z-index:2;font-size:3.2rem;font-weight:700;color:#E9E9E9;margin-bottom:20px;line-height:1.2}
.PolicyPg .MainHeading .NumAccent{color:#A26DB8;font-size:1.1em;margin-right:10px}
.PolicyPg .SubtitleText{position:relative;z-index:2;font-size:1.1rem;color:#E9E9E9;opacity:.85;line-height:1.6;max-width:700px}
.PolicyPg .ContentArea{background:#24243099;border-radius:12px;padding:50px 40px;border-left:4px solid #A26DB8;box-shadow:0 8px 24px #0000004d}
.PolicyPg .SectionBlock{margin-bottom:50px}
.PolicyPg .SectionBlock:last-child{margin-bottom:0}
.PolicyPg .SecHeading{font-size:1.9rem;font-weight:600;color:#A26DB8;margin-bottom:20px;position:relative;padding-bottom:12px}
.PolicyPg .SecHeading::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#A26DB8 0%,transparent 100%)}
.PolicyPg .InfoPara{font-size:1.05rem;line-height:1.75;color:#E9E9E9;opacity:.9;margin-bottom:18px}
.PolicyPg .InfoPara:last-child{margin-bottom:0}
.PolicyPg .DataList{margin:20px 0;padding-left:0;list-style:none}
.PolicyPg .DataList .ListEntry{position:relative;padding-left:30px;margin-bottom:14px;font-size:1.05rem;line-height:1.7;color:#E9E9E9;opacity:.88}
.PolicyPg .DataList .ListEntry::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#A26DB8;border-radius:50%;box-shadow:0 0 8px #a26db899}
.PolicyPg .HighlightTerm{color:#A26DB8;font-weight:600;position:relative}
.PolicyPg .ContactBlock{margin-top:50px;padding:30px;background:#a26db81a;border-radius:12px;border:1px solid #a26db840}
.PolicyPg .ContactBlock .InfoPara{margin-bottom:12px}
.PolicyPg .ContactLink{color:#A26DB8;text-decoration:none;font-weight:500;transition:all .3s ease;border-bottom:1px solid transparent}
.PolicyPg .ContactLink:hover{color:#c48dd4;border-bottom-color:#c48dd4}
.PolicyPg .DateStamp{margin-top:60px;padding-top:30px;border-top:1px solid #e9e9e926;text-align:right;font-size:.95rem;color:#E9E9E9;opacity:.7}
@media (max-width: 968px) {
.PolicyPg{padding:40px 20px}
.PolicyPg .TitleZone{padding:40px 30px;margin-bottom:60px}
.PolicyPg .MainHeading{font-size:2.4rem}
.PolicyPg .ContentArea{padding:40px 30px}
.PolicyPg .SecHeading{font-size:1.6rem}
}
@media (max-width: 640px) {
.PolicyPg{padding:30px 15px}
.PolicyPg .TitleZone{padding:30px 20px;margin-bottom:40px}
.PolicyPg .MainHeading{font-size:1.9rem}
.PolicyPg .SubtitleText{font-size:1rem}
.PolicyPg .ContentArea{padding:30px 20px}
.PolicyPg .SecHeading{font-size:1.4rem}
.PolicyPg .InfoPara{font-size:1rem}
.PolicyPg .ContactBlock{padding:20px}
}
.PrivacyHdr{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.PrivacyHdr::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#a26db826 0%,transparent 70%);border-radius:50%}
.PrivacyHdr::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#36515d33 0%,transparent 70%);border-radius:50%}
.PrivacyWrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.PrivacyTitle{font-size:42px;font-weight:700;color:#E9E9E9;margin:0 0 16px;letter-spacing:-.5px}
.PrivacyDate{font-size:15px;color:#e9e9e999;margin:0 0 24px}
.PrivacyIntro{font-size:18px;line-height:1.7;color:#e9e9e9d9;max-width:820px;margin:0}
.PolicyContent{background:#0f1419;padding:80px 20px}
.PolicyInner{max-width:1140px;margin:0 auto}
.PolicySect{margin:0 0 56px}
.PolicySect:last-child{margin-bottom:0}
.SectHead{font-size:28px;font-weight:600;color:#A26DB8;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #a26db84d;position:relative}
.SectHead::after{content:'';position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:#A26DB8}
.PolicyTxt{font-size:16px;line-height:1.8;color:#e9e9e9cc;margin:0 0 20px}
.PolicyTxt:last-child{margin-bottom:0}
.PolicyList{list-style:none;padding:0;margin:20px 0}
.PolicyList li{font-size:16px;line-height:1.8;color:#e9e9e9cc;margin:0 0 12px;padding-left:28px;position:relative}
.PolicyList li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;background:#A26DB8;border-radius:50%}
.SubHead{font-size:20px;font-weight:600;color:#E9E9E9;margin:28px 0 16px}
.HighlightBox{background:#a26db814;border-left:4px solid #A26DB8;padding:24px 28px;margin:28px 0;border-radius:4px}
.HighlightBox .PolicyTxt{margin:0;color:#e9e9e9e6}
.ContactBlock{background:linear-gradient(135deg,#36515d33 0%,#a26db81a 100%);padding:32px;border-radius:8px;margin:40px 0 0}
.ContactBlock .SubHead{margin-top:0;color:#A26DB8}
.ContactInfo{display:flex;flex-direction:column;gap:12px}
.ContactLine{font-size:16px;color:#e9e9e9d9;display:flex;align-items:center;gap:12px}
.ContactLine strong{color:#E9E9E9;min-width:80px}
.ContactLine a{color:#A26DB8;text-decoration:none;transition:color .3s ease}
.ContactLine a:hover{color:#b97fd0}
.DataTable{width:100%;border-collapse:collapse;margin:24px 0;background:#36515d1a;border-radius:6px;overflow:hidden}
.DataTable th{background:#a26db833;color:#E9E9E9;font-weight:600;text-align:left;padding:16px 20px;font-size:15px}
.DataTable td{padding:16px 20px;color:#e9e9e9cc;font-size:15px;border-top:1px solid #a26db826}
.DataTable tr:hover{background:#a26db80d}
@media (max-width: 768px) {
.PrivacyHdr{padding:60px 20px 40px}
.PrivacyTitle{font-size:32px}
.PrivacyIntro{font-size:16px}
.PolicyContent{padding:60px 20px}
.SectHead{font-size:24px}
.SubHead{font-size:18px}
.ContactBlock{padding:24px 20px}
.DataTable{font-size:14px}
.DataTable th,.DataTable td{padding:12px 16px}
}
@media (max-width: 480px) {
.PrivacyTitle{font-size:28px}
.PolicyList li{padding-left:24px}
.HighlightBox{padding:20px}
.ContactLine{flex-direction:column;align-items:flex-start;gap:4px}
.ContactLine strong{min-width:auto}
}
.SuccessWrap{background:linear-gradient(165deg,#1a1a1a 0%,#2d2d2d 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.SuccessWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#a26db814 0%,transparent 70%);border-radius:50%;pointer-events:none}
.SuccessWrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#36515d0f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.CircleHolder{position:relative;width:100%;max-width:520px;margin:0 auto}
.OuterRing{width:520px;height:520px;border-radius:50%;border:2px solid #a26db833;position:relative;display:flex;align-items:center;justify-content:center;animation:rotateRing 40s linear infinite}
@keyframes rotateRing {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.MiddleRing{width:420px;height:420px;border-radius:50%;border:2px dashed #e9e9e926;position:relative;display:flex;align-items:center;justify-content:center;animation:rotateRingReverse 35s linear infinite}
@keyframes rotateRingReverse {
from{transform:rotate(360deg)}
to{transform:rotate(0deg)}
}
.InnerCircle{width:340px;height:340px;border-radius:50%;background:linear-gradient(135deg,#a26db81f 0%,#36515d14 100%);border:3px solid #a26db84d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative;box-shadow:0 8px 32px #a26db826 inset 0 2px 12px #a26db814}
.GeometricDecor{position:absolute;width:24px;height:24px;opacity:.25}
.GeometricDecor:nth-child(1){top:12%;left:50%;transform:translateX(-50%) rotate(45deg);border:2px solid #A26DB8}
.GeometricDecor:nth-child(2){bottom:12%;left:50%;transform:translateX(-50%) rotate(45deg);border:2px solid #E9E9E9}
.GeometricDecor:nth-child(3){left:12%;top:50%;transform:translateY(-50%);border-radius:50%;border:2px solid #36515D}
.GeometricDecor:nth-child(4){right:12%;top:50%;transform:translateY(-50%);border-radius:50%;border:2px solid #A26DB8}
.IconCheck{width:72px;height:72px;margin-bottom:24px;position:relative}
.IconCheck svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #a26db84d)}
.ContentText{text-align:center;animation:none}
.ContentText h1{font-size:32px;font-weight:600;color:#E9E9E9;margin:0 0 16px;line-height:1.2}
.ContentText p{font-size:17px;color:#e9e9e9bf;margin:0;line-height:1.5}
.InfoSection{background:#1a1a1a;padding:80px 20px;position:relative}
.InfoSection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#a26db84d 50%,transparent 100%)}
.InfoContainer{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}
.DetailBox{background:linear-gradient(135deg,#36515d14 0%,#a26db80f 100%);border:1px solid #a26db833;border-radius:8px;padding:32px 28px;position:relative;transition:all .3s ease}
.DetailBox:hover{transform:translateY(-4px);box-shadow:0 12px 28px #a26db833;border-color:#a26db866}
.DetailBox::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#A26DB8 0%,#36515D 100%);border-radius:8px 0 0 8px;opacity:0;transition:opacity .3s ease}
.DetailBox:hover::before{opacity:1}
.DetailBox h3{font-size:22px;font-weight:600;color:#E9E9E9;margin:0 0 16px}
.DetailBox p{font-size:16px;color:#e9e9e9b3;margin:0 0 20px;line-height:1.6}
.DetailBox a{display:inline-flex;align-items:center;font-size:15px;color:#A26DB8;text-decoration:none;font-weight:500;transition:all .3s ease}
.DetailBox a::after{content:'→';margin-left:8px;transition:transform .3s ease}
.DetailBox a:hover{color:#E9E9E9}
.DetailBox a:hover::after{transform:translateX(4px)}
.PatternOverlay{position:absolute;top:20px;right:20px;width:60px;height:60px;opacity:.06;pointer-events:none}
.PatternOverlay::before,.PatternOverlay::after{content:'';position:absolute;background:#A26DB8}
.PatternOverlay::before{width:8px;height:8px;top:0;left:0;border-radius:50%}
.PatternOverlay::after{width:12px;height:12px;bottom:0;right:0;transform:rotate(45deg)}
@media (max-width: 768px) {
.SuccessWrap{padding:40px 20px;min-height:70vh}
.CircleHolder{max-width:100%}
.OuterRing{width:100%;max-width:380px;height:auto;aspect-ratio:1}
.MiddleRing{width:85%;height:auto;aspect-ratio:1}
.InnerCircle{width:80%;height:auto;aspect-ratio:1;padding:30px 20px}
.ContentText h1{font-size:26px}
.ContentText p{font-size:15px}
.IconCheck{width:56px;height:56px}
.InfoSection{padding:60px 20px}
.InfoContainer{grid-template-columns:1fr;gap:32px}
.DetailBox{padding:28px 24px}
}
@media (max-width: 480px) {
.OuterRing{max-width:320px}
.ContentText h1{font-size:22px}
.ContentText p{font-size:14px}
.DetailBox h3{font-size:20px}
.DetailBox p{font-size:15px}
}