html,body{margin:0;padding:0;font-family:'Exo 2',sans-serif;color:#2c2c2c;background:#fff}
*{box-sizing:border-box}
.UtilityBar3{background:linear-gradient(135deg,#5B3C3B 0%,#7CF 100%);padding:10px 0}
.UtilWrap{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.UtilityBar3 .ContactData{display:flex;gap:30px}
.UtilityBar3 .InfoBit{color:#fff;font-size:14px;display:flex;align-items:center;gap:6px}
.UtilityBar3 .InfoBit i{font-size:16px}
.SocialLinks7{display:flex;gap:12px}
.SocialLinks7 .SocIcon{width:32px;height:32px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background .3s ease}
.SocialLinks7 .SocIcon:hover{background:#ffffff4d}
.MainHeaderZone{background:#fff;box-shadow:0 4px 12px #00000014;padding:20px 0}
.HdrContainer{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;min-height:100px}
.LogoArea12{flex-shrink:0}
.LogoArea12 .LogoLink4{display:block}
.LogoArea12 .SiteLogo{height:85px;width:85px;display:block;box-shadow:0 2px 8px #5b3c3b26;border-radius:12px}
.PrimaryNav8{display:flex;gap:35px;align-items:center;flex-wrap:wrap;margin-left:40px}
.PrimaryNav8 .NavItem{color:#5B3C3B;text-decoration:none;font-size:16px;font-weight:600;padding:8px 16px;border-radius:8px;transition:background .3s ease,color .3s ease;white-space:nowrap}
.PrimaryNav8 .NavItem:hover{background:#E3EAF3;color:#7CF}
.BrandStripe2{background:linear-gradient(331deg,#7CF 0%,#5B3C3B 50%,#E3EAF3 100%);padding:25px 0;position:relative;overflow:hidden}
.StripeInner{max-width:1200px;margin:0 auto;padding:0 20px}
.BrandStripe2 .CompanyName14{font-size:48px;font-weight:700;color:#fff;display:block;text-align:center;letter-spacing:2px;text-shadow:0 2px 12px #0003}
.FooterBento{background:linear-gradient(180deg,#5B3C3B 0%,#3d2827 100%);color:#fff;padding:80px 0 0}
.BentoWrap17{max-width:1200px;margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}
.BentoBlock{background:#ffffff0d;padding:30px;border-radius:16px;box-shadow:0 4px 16px #00000026}
.BentoBlock.tall2{grid-row:span 2}
.BentoBlock .BlockTitle9{font-size:24px;font-weight:700;margin:0 0 20px;color:#7CF}
.BentoBlock .BrandDesc5{font-size:15px;line-height:1.7;margin-bottom:25px;color:#E3EAF3}
.FooterContact2 p{margin:12px 0;font-size:14px;display:flex;align-items:center;gap:10px;color:#E3EAF3}
.FooterContact2 i{font-size:18px;color:#7CF}
.FooterLinks8{list-style:none;padding:0;margin:0}
.FooterLinks8 li{margin:15px 0}
.FooterLinks8 a{color:#E3EAF3;text-decoration:none;font-size:15px;transition:color .3s ease}
.FooterLinks8 a:hover{color:#7CF}
.SocialGrid6{display:flex;gap:15px;flex-wrap:wrap}
.SocialGrid6 .SocialBtn{width:44px;height:44px;background:linear-gradient(135deg,#7CF 0%,#5B3C3B 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:20px;transition:transform .3s ease}
.SocialGrid6 .SocialBtn:hover{transform:translateY(-3px)}
.Copyright19{background:#0003;padding:25px 0;text-align:center}
.Copyright19 p{margin:0;font-size:14px;color:#E3EAF3}
.CookiePanel{position:fixed;right:0;top:50%;transform:translateY(-50%);width:420px;max-width:90vw;background:#fff;box-shadow:-4px 0 24px #0003;border-radius:16px 0 0 16px;z-index:9999;opacity:0;animation:panelFadeIn .5s ease 1052ms forwards}
@keyframes panelFadeIn {
to{opacity:1}
}
.CookiePanel.hidden{display:none}
.PanelInner23{padding:35px}
.CookiePanel .ConsentTitle4{font-size:22px;font-weight:700;color:#5B3C3B;margin:0 0 12px}
.CookiePanel .ConsentDesc7{font-size:14px;color:#666;line-height:1.6;margin-bottom:25px}
.CategoryGrid8{display:grid;grid-template-columns:1fr;gap:15px;margin-bottom:25px}
.CookieCard{background:linear-gradient(135deg,#E3EAF3 0%,#fff 100%);border:2px solid #E3EAF3;border-radius:12px;padding:18px;position:relative}
.CookieCard .CardHeader15{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.CookieCard .CardHeader15 i{font-size:22px;color:#7CF}
.CookieCard .CardHeader15 h4{margin:0;font-size:16px;font-weight:700;color:#5B3C3B}
.CookieCard .CardText6{font-size:13px;color:#666;margin:0 0 10px}
.CookieCard .RequiredBadge{display:inline-block;background:#7CF;color:#fff;font-size:11px;padding:4px 10px;border-radius:6px;font-weight:600}
.ToggleSwitch3{position:relative;display:inline-block;width:50px;height:26px}
.ToggleSwitch3 .ConsentCheck{opacity:0;width:0;height:0}
.ToggleSwitch3 .Slider8{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:26px;transition:background .3s ease}
.ToggleSwitch3 .Slider8:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:transform .3s ease}
.ToggleSwitch3 .ConsentCheck:checked + .Slider8{background:#7CF}
.ToggleSwitch3 .ConsentCheck:checked + .Slider8:before{transform:translateX(24px)}
.ButtonRow4{display:flex;flex-direction:column;gap:10px}
.ButtonRow4 button{padding:12px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .3s ease;font-family:'Exo 2',sans-serif}
.ButtonRow4 button:hover{transform:translateY(-2px)}
.ButtonRow4 .AcceptBtn{background:linear-gradient(135deg,#7CF 0%,#5B3C3B 100%);color:#fff}
.ButtonRow4 .AcceptAllBtn{background:linear-gradient(135deg,#5B3C3B 0%,#7CF 100%);color:#fff}
.ButtonRow4 .DenyBtn{background:#E3EAF3;color:#5B3C3B}
@media (max-width: 968px) {
.HdrContainer{flex-direction:column;align-items:flex-start;gap:20px}
.PrimaryNav8{margin-left:0;width:100%}
.BentoWrap17{grid-template-columns:1fr;gap:30px}
.BentoBlock.tall2{grid-row:span 1}
.CookiePanel{width:100%;border-radius:0;top:auto;bottom:0;transform:none}
}
@media (max-width: 640px) {
.UtilWrap{flex-direction:column;gap:15px;text-align:center}
.UtilityBar3 .ContactData{flex-direction:column;gap:10px}
.PrimaryNav8{flex-direction:column;gap:10px;align-items:stretch}
.PrimaryNav8 .NavItem{text-align:center;padding:12px}
.BrandStripe2 .CompanyName14{font-size:32px}
}
.HeroWrap{position:relative;background:linear-gradient(145deg,#E3EAF3 0%,#7CF 100%);padding:90px 0 110px;overflow:hidden}
.HeroWrap::before{content:'';position:absolute;top:-30%;right:-10%;width:60%;height:140%;background:repeating-linear-gradient(45deg,#5b3c3b0d,#5b3c3b0d 20px,transparent 20px,transparent 40px);pointer-events:none}
.HeroWrap::after{content:'';position:absolute;bottom:-15%;left:-8%;width:50%;height:50%;background:radial-gradient(circle,#7cf3,transparent 70%);pointer-events:none}
.HeroInner17{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.HeroGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.HeroText h1{font-size:52px;line-height:1.15;color:#5B3C3B;margin:0;font-weight:700}
.HeroImgBox{position:relative;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);overflow:hidden;height:420px}
.HeroImgBox img{width:100%;height:100%;object-fit:cover;filter:saturate(0.8) contrast(1.1);mix-blend-mode:multiply}
.TrustSec{max-width:1200px;margin:0 auto;padding:90px 24px}
.TrustHead h2{font-size:38px;color:#5B3C3B;margin:0 0 20px;font-weight:600;position:relative;display:inline-block}
.TrustHead h2::after{content:'';position:absolute;bottom:-8px;left:0;width:70%;height:4px;background:linear-gradient(90deg,#7CF,transparent)}
.TrustHead p{font-size:18px;line-height:1.7;color:#333;margin:30px 0 0;max-width:800px}
.MetricsWrap3{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:60px}
.MetricCard8{background:#fff;border:1px solid #E3EAF3;border-radius:12px;padding:32px 24px;text-align:center;box-shadow:0 4px 12px #5b3c3b14;transition:transform 0.3s,box-shadow .3s}
.MetricCard8:hover{transform:translateY(-6px);box-shadow:0 8px 20px #77ccff40}
.MetricNum{font-size:48px;font-weight:700;color:#7CF;margin:0 0 12px}
.MetricLabel{font-size:16px;color:#5B3C3B;margin:0;font-weight:500}
.EcoWrap{background:linear-gradient(331deg,#7CF 0%,#5B3C3B 50%,#E3EAF3 100%);padding:100px 0;position:relative}
.EcoWrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="#ffffff1a"/></svg>');background-size:40px 40px;opacity:.3}
.EcoContent{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.EcoHeader h2{font-size:40px;color:#fff;margin:0 0 24px;font-weight:700;text-align:center}
.EcoHeader p{font-size:19px;line-height:1.65;color:#fffffff2;margin:0 auto 70px;max-width:720px;text-align:center}
.EcoGrid4{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.EcoItem{background:#ffffff1f;backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:14px;padding:40px 36px;transition:background 0.3s,transform .3s}
.EcoItem:hover{background:#ffffff2e;transform:scale(1.02)}
.EcoIcon{width:56px;height:56px;margin-bottom:20px}
.EcoItem h3{font-size:24px;color:#fff;margin:0 0 16px;font-weight:600}
.EcoItem p{font-size:17px;line-height:1.6;color:#ffffffe6;margin:0}
.LearningWrap{max-width:1200px;margin:0 auto;padding:90px 24px}
.LearningTop h2{font-size:36px;color:#5B3C3B;margin:0 0 18px;font-weight:600}
.LearningTop p{font-size:18px;line-height:1.7;color:#333;margin:0 0 50px;max-width:760px}
.CourseTabs{display:flex;gap:0;border-bottom:2px solid #E3EAF3;margin-bottom:50px}
.TabRadio{display:none}
.TabLabel{flex:1;padding:18px 24px;font-size:17px;font-weight:600;color:#5B3C3B;text-align:center;cursor:pointer;border-bottom:3px solid transparent;transition:border-color 0.3s,color .3s}
.TabRadio:checked + .TabLabel{color:#7CF;border-bottom-color:#7CF}
.TabPanel{display:none}
#tab1:checked ~ .TabContent .Panel1,#tab2:checked ~ .TabContent .Panel2,#tab3:checked ~ .TabContent .Panel3{display:block}
.CourseList{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.CourseCard{background:#fff;border:1px solid #E3EAF3;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #5b3c3b12;transition:box-shadow 0.3s,transform .3s}
.CourseCard:hover{box-shadow:0 6px 18px #7cf3;transform:translateY(-4px)}
.CourseImg{width:100%;height:200px;object-fit:cover}
.CourseInfo{padding:28px}
.CourseInfo h3{font-size:22px;color:#5B3C3B;margin:0 0 12px;font-weight:600}
.CourseInfo p{font-size:16px;line-height:1.6;color:#555;margin:0 0 20px}
.CourseMeta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.CourseDuration,.CourseLevel{font-size:14px;color:#777;display:flex;align-items:center;gap:6px}
.BtnEnroll{display:inline-block;padding:12px 28px;background:linear-gradient(135deg,#7CF,#5B3C3B);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:transform 0.3s,box-shadow .3s;text-align:center}
.BtnEnroll:hover{transform:scale(1.05);box-shadow:0 6px 16px #77ccff59}
.CtaSec{background:#E3EAF3;padding:80px 0;text-align:center}
.CtaInner{max-width:1200px;margin:0 auto;padding:0 24px}
.CtaSec h2{font-size:38px;color:#5B3C3B;margin:0 0 20px;font-weight:700}
.CtaSec p{font-size:18px;line-height:1.7;color:#333;margin:0 0 36px;max-width:700px;margin-left:auto;margin-right:auto}
.BtnPrimary{display:inline-block;padding:16px 44px;background:#7CF;color:#fff;text-decoration:none;border-radius:10px;font-size:18px;font-weight:600;transition:background 0.3s,transform .3s;box-shadow:0 4px 12px #77ccff4d}
.BtnPrimary:hover{background:#5B3C3B;transform:translateY(-3px);box-shadow:0 6px 18px #5b3c3b66}
@media (max-width: 768px) {
.HeroGrid{grid-template-columns:1fr;gap:40px}
.HeroText h1{font-size:36px}
.HeroImgBox{height:300px}
.MetricsWrap3{grid-template-columns:repeat(2,1fr);gap:24px}
.EcoGrid4{grid-template-columns:1fr;gap:32px}
.CourseTabs{flex-direction:column}
.CourseList{grid-template-columns:1fr}
}
.InfoWrap{max-width:1200px;margin:0 auto;padding:60px 20px}
.ConnectBox{display:flex;flex-direction:column;gap:80px}
.IntroPanel{text-align:center;max-width:720px;margin:0 auto}
.IntroPanel h1{font-size:2.8rem;color:#5B3C3B;margin-bottom:20px;line-height:1.2}
.IntroPanel p{font-size:1.1rem;color:#5B3C3B;line-height:1.7;opacity:.85}
.DataGrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:50px;margin-top:40px}
.ContactCard14{background:linear-gradient(135deg,#E3EAF3 0%,#fff 100%);padding:35px;border-radius:12px;box-shadow:0 4px 18px #5b3c3b14;transition:transform .3s ease,box-shadow .3s ease}
.ContactCard14:hover{transform:translateY(-5px);box-shadow:0 8px 24px #5b3c3b24}
.ContactCard14 h3{font-size:1.5rem;color:#5B3C3B;margin-bottom:18px;display:flex;align-items:center;gap:12px}
.ContactCard14 i{color:#7CF;font-size:1.8rem}
.ContactCard14 p{font-size:1rem;color:#5B3C3B;line-height:1.6;margin:0}
.ContactCard14 a{color:#7CF;text-decoration:none;transition:color .3s ease}
.ContactCard14 a:hover{color:#5B3C3B}
.FormSection87{background:linear-gradient(158deg,#7CF 0%,#5B3C3B 50%,#E3EAF3 100%);padding:70px 20px;border-radius:16px;position:relative;overflow:hidden}
.FormSection87::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#e3eaf326;border-radius:50%;z-index:1}
.FormInner{max-width:680px;margin:0 auto;background:#fff;padding:50px 40px;border-radius:14px;box-shadow:0 12px 40px #00000026;position:relative;z-index:2}
.FormInner h2{font-size:2.2rem;color:#5B3C3B;margin-bottom:12px;text-align:center}
.FormInner .SubHeading{font-size:1rem;color:#5B3C3B;opacity:.7;text-align:center;margin-bottom:35px;line-height:1.6}
.InputRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.FieldGroup{display:flex;flex-direction:column}
.FieldGroup label{font-size:.95rem;color:#5B3C3B;font-weight:600;margin-bottom:8px}
.FieldGroup input,.FieldGroup textarea{padding:14px 16px;border:2px solid #E3EAF3;border-radius:10px;font-size:1rem;color:#5B3C3B;transition:border-color .3s ease,box-shadow .3s ease;background:#fff}
.FieldGroup input:focus,.FieldGroup textarea:focus{outline:none;border-color:#7CF;box-shadow:0 0 0 3px #77ccff26}
.FieldGroup textarea{resize:vertical;min-height:140px;font-family:inherit}
.PrivacyCheck{display:flex;align-items:flex-start;gap:12px;margin-top:25px;margin-bottom:30px}
.PrivacyCheck input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#7CF;flex-shrink:0}
.PrivacyCheck label{font-size:.9rem;color:#5B3C3B;line-height:1.5;cursor:pointer}
.PrivacyCheck a{color:#7CF;text-decoration:none;font-weight:600}
.PrivacyCheck a:hover{text-decoration:underline}
.SubmitBtn{width:100%;padding:16px;background:linear-gradient(135deg,#7CF 0%,#5B3C3B 100%);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 20px #77ccff4d}
.SubmitBtn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #7cf6}
.SubmitBtn:active{transform:translateY(-1px)}
.VisualBlock{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:70px 0}
.TextContent92 h2{font-size:2.4rem;color:#5B3C3B;margin-bottom:24px;line-height:1.3;position:relative;padding-left:18px}
.TextContent92 h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#7CF 0%,#5B3C3B 100%);border-radius:3px}
.TextContent92 p{font-size:1.05rem;color:#5B3C3B;line-height:1.8;margin-bottom:20px;opacity:.9}
.ImageHolder img{width:100%;height:auto;border-radius:14px;box-shadow:0 8px 30px #5b3c3b26;display:block}
.FeatureList{margin-top:30px;display:flex;flex-direction:column;gap:16px}
.FeatureItem{display:flex;align-items:center;gap:14px;background:#E3EAF3;padding:18px 22px;border-radius:10px;transition:background .3s ease}
.FeatureItem:hover{background:linear-gradient(90deg,#E3EAF3 0%,#fff 100%)}
.FeatureItem i{color:#7CF;font-size:1.6rem;flex-shrink:0}
.FeatureItem span{font-size:1rem;color:#5B3C3B;font-weight:500}
@media (max-width: 992px) {
.VisualBlock{grid-template-columns:1fr;gap:40px}
.DataGrid2{grid-template-columns:1fr;gap:30px}
.IntroPanel h1{font-size:2.2rem}
}
@media (max-width: 768px) {
.InputRow{grid-template-columns:1fr;gap:20px}
.FormInner{padding:40px 25px}
.FormInner h2{font-size:1.8rem}
.TextContent92 h2{font-size:2rem}
.InfoWrap{padding:40px 20px}
.ConnectBox{gap:50px}
}
@media (max-width: 480px) {
.IntroPanel h1{font-size:1.8rem}
.FormInner h2{font-size:1.6rem}
.ContactCard14{padding:25px}
}
.proWrap{max-width:1200px;margin:0 auto;padding:0 20px}
.pgHero{background:linear-gradient(135deg,#E3EAF3 0%,#7CF 100%);padding:80px 20px;border-radius:12px;margin-bottom:60px;position:relative;overflow:hidden}
.pgHero::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#5b3c3b14;border-radius:50%;z-index:1}
.heroInner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.heroInner h1{font-size:48px;color:#5B3C3B;margin-bottom:24px;font-weight:700;line-height:1.2}
.heroInner .leadTxt{font-size:20px;color:#5B3C3B;line-height:1.6;max-width:800px}
.pathSec{margin-bottom:80px}
.pathSec h2{font-size:36px;color:#5B3C3B;margin-bottom:16px;position:relative;display:inline-block}
.pathSec h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#7CF 0%,#5B3C3B 100%);border-radius:2px}
.pathSec .subIntro{font-size:18px;color:#5B3C3B;margin-bottom:48px;line-height:1.7}
.levelGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.lvlCard{background:#fff;border:2px solid #E3EAF3;border-radius:14px;padding:32px;transition:all .3s ease;position:relative}
.lvlCard:hover{border-color:#7CF;transform:translateY(-6px);box-shadow:0 12px 24px #77ccff26}
.lvlCard .num{position:absolute;top:-16px;right:24px;width:48px;height:48px;background:linear-gradient(135deg,#7CF 0%,#5B3C3B 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}
.lvlCard h3{font-size:24px;color:#5B3C3B;margin-bottom:16px;margin-top:8px}
.lvlCard p{font-size:16px;color:#5B3C3B;line-height:1.6;margin-bottom:20px}
.lvlCard .skillList{list-style:none;padding:0;margin:0}
.lvlCard .skillList li{font-size:15px;color:#5B3C3B;padding:8px 0;padding-left:28px;position:relative;line-height:1.5}
.lvlCard .skillList li::before{content:'→';position:absolute;left:0;color:#7CF;font-weight:700;font-size:18px}
.structureSec{background:#fff;border-left:6px solid #7CF;padding:60px 40px;margin-bottom:80px;border-radius:0 12px 12px 0}
.structureSec h2{font-size:36px;color:#5B3C3B;margin-bottom:32px}
.moduleWrap{display:flex;flex-direction:column;gap:24px}
.modItem{background:#E3EAF3;border-radius:12px;overflow:hidden;transition:all .3s ease}
.modHeader{padding:24px 32px;background:linear-gradient(90deg,#7CF 0%,#7cf6 100%);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}
.modHeader:hover{background:linear-gradient(90deg,#7CF 0%,#7cf9 100%)}
.modHeader h3{font-size:22px;color:#5B3C3B;margin:0;font-weight:600}
.modHeader .icon{font-size:24px;color:#5B3C3B;transition:transform .3s ease}
.modItem input[type="checkbox"]{display:none}
.modContent{max-height:0;overflow:hidden;transition:max-height .4s ease;background:#fff}
.modItem input[type="checkbox"]:checked ~ .modContent{max-height:800px}
.modItem input[type="checkbox"]:checked ~ .modHeader .icon{transform:rotate(180deg)}
.modContent .inner{padding:32px}
.modContent h4{font-size:18px;color:#5B3C3B;margin-bottom:16px;font-weight:600}
.modContent p{font-size:16px;color:#5B3C3B;line-height:1.7;margin-bottom:20px}
.modContent ul{list-style:none;padding:0;margin:0}
.modContent ul li{font-size:15px;color:#5B3C3B;padding:10px 0;padding-left:32px;position:relative;line-height:1.6}
.modContent ul li::before{content:'';position:absolute;left:0;color:#7CF;font-weight:700;font-size:18px}
.experienceSec{margin-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.expContent h2{font-size:36px;color:#5B3C3B;margin-bottom:24px;line-height:1.3}
.expContent p{font-size:17px;color:#5B3C3B;line-height:1.8;margin-bottom:20px}
.expContent .highlight{background:linear-gradient(135deg,#E3EAF3 0%,#7cf3 100%);padding:24px;border-radius:12px;border-left:4px solid #7CF;margin-top:24px}
.expContent .highlight p{margin:0;font-size:16px;color:#5B3C3B;line-height:1.7}
.expImg{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #5b3c3b1f}
.expImg img{width:100%;height:auto;display:block;object-fit:cover}
.expImg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#77ccff1a 0%,#5b3c3b1a 100%);pointer-events:none}
.approachSec{background:linear-gradient(180deg,#E3EAF3 0%,#fff 100%);padding:60px 40px;border-radius:12px;margin-bottom:60px}
.approachSec h2{font-size:36px;color:#5B3C3B;margin-bottom:16px;text-align:center}
.approachSec .subTxt{font-size:18px;color:#5B3C3B;text-align:center;margin-bottom:48px;line-height:1.6}
.featureRow{display:flex;gap:32px;margin-bottom:32px;align-items:flex-start}
.featureRow:nth-child(even){flex-direction:row-reverse}
.featBox{flex:1;background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 16px #5b3c3b14;position:relative}
.featBox::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#7CF 0%,#5B3C3B 100%);border-radius:12px 0 0 12px}
.featBox h3{font-size:24px;color:#5B3C3B;margin-bottom:16px;padding-left:16px}
.featBox p{font-size:16px;color:#5B3C3B;line-height:1.7;padding-left:16px}
.featIcon{flex:0 0 80px;height:80px;background:linear-gradient(135deg,#7CF 0%,#5B3C3B 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;box-shadow:0 8px 16px #77ccff4d}
@media (max-width: 968px) {
.pgHero{padding:60px 20px}
.heroInner h1{font-size:36px}
.heroInner .leadTxt{font-size:18px}
.pathSec h2,.structureSec h2,.expContent h2,.approachSec h2{font-size:30px}
.levelGrid{grid-template-columns:1fr}
.experienceSec{grid-template-columns:1fr;gap:32px}
.featureRow,.featureRow:nth-child(even){flex-direction:column}
.featIcon{flex:0 0 60px;height:60px;font-size:28px}
.structureSec{padding:40px 24px}
}
@media (max-width: 640px) {
.heroInner h1{font-size:28px}
.heroInner .leadTxt{font-size:16px}
.pathSec h2,.structureSec h2,.expContent h2,.approachSec h2{font-size:24px}
.lvlCard{padding:24px}
.lvlCard h3{font-size:20px}
.modHeader{padding:20px 24px}
.modHeader h3{font-size:18px}
.modContent .inner{padding:24px}
.approachSec{padding:40px 24px}
}
.upcm-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.hdr-Sec{padding:80px 0 60px;background:linear-gradient(331deg,#7CF 0%,#5B3C3B 50%,#E3EAF3 100%);position:relative;overflow:hidden}
.hdr-Sec::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#e3eaf326;border-radius:50%;z-index:1}
.hdr-Sec .upcm-wrap{position:relative;z-index:2}
.hdr-Sec .maintitle{font-size:48px;color:#fff;margin:0 0 20px;font-weight:700;line-height:1.2}
.hdr-Sec .subdesc{font-size:18px;color:#fffffff2;max-width:680px;line-height:1.6}
.crs-grid3{padding:80px 0;background:#fff}
.grid-outer1{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.crs-grid3 .sec-intro{text-align:center;margin-bottom:20px}
.crs-grid3 .sec-intro h2{font-size:36px;color:#5B3C3B;margin:0 0 16px;position:relative;display:inline-block}
.crs-grid3 .sec-intro h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#7CF}
.crs-grid3 .sec-intro p{font-size:17px;color:#4a4a4a;max-width:700px;margin:0 auto;line-height:1.7}
.crsCard2{background:#f8fafb;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 4px 12px #5b3c3b14;transition:all .3s ease;display:flex;flex-direction:column;position:relative}
.crsCard2:hover{transform:translateY(-6px);box-shadow:0 8px 24px #5b3c3b26}
.crsCard2 .imgWrap4{width:100%;height:220px;overflow:hidden;position:relative}
.crsCard2 .imgWrap4 img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.crsCard2:hover .imgWrap4 img{transform:scale(1.08)}
.crsCard2 .tag-badge7{position:absolute;top:16px;left:16px;background:#7CF;color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;z-index:2}
.crsCard2 .contentZone{padding:28px 24px;flex-grow:1;display:flex;flex-direction:column}
.crsCard2 .contentZone h3{font-size:22px;color:#5B3C3B;margin:0 0 12px;line-height:1.3}
.crsCard2 .contentZone .descTxt{font-size:15px;color:#5a5a5a;line-height:1.6;margin-bottom:20px;flex-grow:1}
.crsCard2 .meta-row9{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e5ea}
.crsCard2 .meta-row9 .duration5{font-size:14px;color:#6b6b6b;display:flex;align-items:center;gap:6px}
.crsCard2 .meta-row9 .duration5 i{color:#7CF}
.crsCard2 .meta-row9 .spots3{font-size:13px;color:#5B3C3B;font-weight:600}
.timeline-wrapper{padding:90px 0;background:linear-gradient(to bottom,#fff 0%,#E3EAF3 100%)}
.timeline-wrapper .sectitle8{text-align:center;margin-bottom:60px}
.timeline-wrapper .sectitle8 h2{font-size:38px;color:#5B3C3B;margin:0 0 18px;font-weight:700}
.timeline-wrapper .sectitle8 p{font-size:17px;color:#4f4f4f;max-width:650px;margin:0 auto;line-height:1.7}
.timeline-container5{position:relative;max-width:900px;margin:0 auto}
.timeline-container5::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#7CF,#5B3C3B);transform:translateX(-50%)}
.tmline-item{position:relative;margin-bottom:50px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.tmline-item:nth-child(odd) .content-box2{grid-column:1;text-align:right}
.tmline-item:nth-child(odd) .empty-space{grid-column:2}
.tmline-item:nth-child(even) .empty-space{grid-column:1}
.tmline-item:nth-child(even) .content-box2{grid-column:2;text-align:left}
.tmline-item .timeline-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#7CF;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #7cf3;z-index:2}
.content-box2{background:#fff;padding:28px 32px;border-radius:12px;box-shadow:0 6px 18px #5b3c3b1a;transition:all .3s ease}
.content-box2:hover{box-shadow:0 10px 28px #5b3c3b2e;transform:scale(1.03)}
.content-box2 h4{font-size:20px;color:#5B3C3B;margin:0 0 10px;font-weight:600}
.content-box2 .date-label4{font-size:14px;color:#7CF;font-weight:600;margin-bottom:12px;display:inline-block}
.content-box2 p{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0}
.feature-split{padding:80px 0;background:#fff}
.split-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split-container .text-area3 h2{font-size:36px;color:#5B3C3B;margin:0 0 24px;font-weight:700;line-height:1.3}
.split-container .text-area3 p{font-size:16px;color:#4a4a4a;line-height:1.7;margin-bottom:30px}
.feature-list2{list-style:none;padding:0;margin:0 0 32px}
.feature-list2 li{padding:16px 0;border-bottom:1px solid #e8edf2;font-size:15px;color:#4f4f4f;position:relative;padding-left:32px}
.feature-list2 li:last-child{border-bottom:none}
.feature-list2 li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#7CF;border-radius:50%}
.feature-list2 li::after{content:'';position:absolute;left:6px;top:50%;transform:translateY(-50%) rotate(45deg);width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0}
.cta-btn3{display:inline-block;padding:14px 32px;background:#5B3C3B;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #5b3c3b33}
.cta-btn3:hover{background:#7CF;box-shadow:0 6px 18px #77ccff4d;transform:translateY(-2px)}
.split-container .visual-area2{position:relative}
.split-container .visual-area2 img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #5b3c3b26}
.svg-divider1{width:100%;height:80px;margin:0;padding:0;display:block;background:linear-gradient(to right,#E3EAF3,#fff)}
.svg-divider1 svg{width:100%;height:100%;display:block}
@media (max-width: 992px) {
.grid-outer1{grid-template-columns:repeat(2,1fr);gap:24px}
.timeline-container5::before{left:30px}
.tmline-item{grid-template-columns:1fr;gap:0;padding-left:70px}
.tmline-item:nth-child(odd) .content-box2,.tmline-item:nth-child(even) .content-box2{grid-column:1;text-align:left}
.tmline-item .empty-space{display:none}
.tmline-item .timeline-dot{left:30px}
.split-container{grid-template-columns:1fr;gap:40px}
.hdr-Sec .maintitle{font-size:38px}
}
@media (max-width: 768px) {
.grid-outer1{grid-template-columns:1fr;gap:20px}
.hdr-Sec{padding:60px 0 40px}
.hdr-Sec .maintitle{font-size:32px}
.hdr-Sec .subdesc{font-size:16px}
.crs-grid3{padding:60px 0}
.crs-grid3 .sec-intro h2{font-size:28px}
.timeline-wrapper{padding:60px 0}
.timeline-wrapper .sectitle8 h2{font-size:30px}
.feature-split{padding:60px 0}
.split-container .text-area3 h2{font-size:28px}
}
@media (max-width: 480px) {
.hdr-Sec .maintitle{font-size:26px}
.crsCard2 .contentZone{padding:20px 18px}
.content-box2{padding:20px 24px}
.tmline-item{padding-left:60px}
}
.pHdr{background:linear-gradient(135deg,#E3EAF3 0%,#7CF 100%);padding:80px 20px;text-align:center}
.pHdr .hInr{max-width:1200px;margin:0 auto}
.pHdr .ttl1{font-size:42px;color:#5B3C3B;margin:0 0 20px;font-weight:700}
.pHdr .subTxt{font-size:18px;color:#5B3C3B;line-height:1.6;max-width:800px;margin:0 auto}
.prtGrid{max-width:1200px;margin:60px auto;padding:0 20px}
.prtGrid .gridWrp{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}
.prtGrid .crdBox{background:#fff;border-radius:12px;box-shadow:0 4px 16px #5b3c3b14;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.prtGrid .crdBox:hover{transform:translateY(-8px);box-shadow:0 12px 24px #5b3c3b26}
.prtGrid .imgBlk{width:100%;height:280px;overflow:hidden}
.prtGrid .imgBlk img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.prtGrid .crdBox:hover .imgBlk img{transform:scale(1.08)}
.prtGrid .cntArea{padding:32px 28px}
.prtGrid .cntArea .orgName{font-size:26px;color:#5B3C3B;margin:0 0 14px;font-weight:600}
.prtGrid .cntArea .descTxt{font-size:16px;color:#5B3C3B;line-height:1.7;margin:0 0 18px}
.prtGrid .cntArea .metaList{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}
.prtGrid .cntArea .metaList .itm{display:flex;align-items:center;font-size:14px;color:#5B3C3B}
.prtGrid .cntArea .metaList .itm i{color:#7CF;margin-right:8px;font-size:18px}
.valSec{background:linear-gradient(220deg,#5B3C3B 0%,#7CF 100%);padding:80px 20px;margin:80px 0}
.valSec .inrWrap{max-width:1200px;margin:0 auto}
.valSec .secHdr{text-align:center;margin-bottom:50px}
.valSec .secHdr .ttl2{font-size:36px;color:#fff;margin:0 0 16px;font-weight:700}
.valSec .secHdr .subLine{font-size:17px;color:#E3EAF3;line-height:1.6}
.valSec .gridRow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valSec .gridRow .vCard{background:#ffffff1f;padding:36px 28px;border-radius:10px;text-align:center;border:2px solid #e3eaf333;transition:all .3s ease}
.valSec .gridRow .vCard:hover{background:#ffffff2e;border-color:#e3eaf366;transform:translateY(-6px)}
.valSec .gridRow .vCard .icnBox{width:64px;height:64px;background:#7CF;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.valSec .gridRow .vCard .icnBox i{font-size:28px;color:#5B3C3B}
.valSec .gridRow .vCard .vTitle{font-size:20px;color:#fff;margin:0 0 12px;font-weight:600}
.valSec .gridRow .vCard .vTxt{font-size:15px;color:#E3EAF3;line-height:1.6;margin:0}
.benSec{max-width:1200px;margin:80px auto;padding:0 20px}
.benSec .flexWrp{display:flex;gap:60px;align-items:center}
.benSec .flexWrp .txtCol{flex:1}
.benSec .flexWrp .txtCol .ttl3{font-size:34px;color:#5B3C3B;margin:0 0 24px;font-weight:700;position:relative;padding-left:24px}
.benSec .flexWrp .txtCol .ttl3::before{content:'';position:absolute;left:0;top:8px;width:6px;height:40px;background:linear-gradient(180deg,#7CF 0%,#5B3C3B 100%);border-radius:3px}
.benSec .flexWrp .txtCol .para{font-size:16px;color:#5B3C3B;line-height:1.8;margin:0 0 20px}
.benSec .flexWrp .listCol{flex:1}
.benSec .flexWrp .listCol .benList{list-style:none;padding:0;margin:0}
.benSec .flexWrp .listCol .benList .lstItm{background:#fff;padding:24px 28px;margin-bottom:16px;border-radius:10px;border-left:4px solid #7CF;box-shadow:0 2px 12px #5b3c3b0f;transition:all .3s ease}
.benSec .flexWrp .listCol .benList .lstItm:hover{border-left-color:#5B3C3B;box-shadow:0 6px 18px #5b3c3b1f;transform:translateX(8px)}
.benSec .flexWrp .listCol .benList .lstItm .itmHdr{font-size:19px;color:#5B3C3B;margin:0 0 8px;font-weight:600;display:flex;align-items:center}
.benSec .flexWrp .listCol .benList .lstItm .itmHdr i{color:#7CF;margin-right:12px;font-size:22px}
.benSec .flexWrp .listCol .benList .lstItm .itmTxt{font-size:15px;color:#5B3C3B;line-height:1.6;margin:0}
.ctaSec{background:#E3EAF3;padding:100px 20px;text-align:center;margin-top:80px}
.ctaSec .ctaInr{max-width:900px;margin:0 auto}
.ctaSec .ctaInr .ttl4{font-size:38px;color:#5B3C3B;margin:0 0 20px;font-weight:700}
.ctaSec .ctaInr .ctaTxt{font-size:17px;color:#5B3C3B;line-height:1.7;margin:0 0 36px}
.ctaSec .ctaInr .btnWrp{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaSec .ctaInr .btnWrp .btn1{background:linear-gradient(135deg,#7CF 0%,#5B3C3B 100%);color:#fff;padding:16px 40px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #77ccff4d;display:inline-block;position:relative;z-index:10}
.ctaSec .ctaInr .btnWrp .btn1:hover{transform:translateY(-3px);box-shadow:0 8px 20px #7cf6}
.ctaSec .ctaInr .btnWrp .btn2{background:#fff;color:#5B3C3B;padding:16px 40px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid #5B3C3B;display:inline-block;position:relative;z-index:10}
.ctaSec .ctaInr .btnWrp .btn2:hover{background:#5B3C3B;color:#fff;transform:translateY(-3px)}
@media (max-width: 1024px) {
.prtGrid .gridWrp{grid-template-columns:1fr;gap:30px}
.valSec .gridRow{grid-template-columns:1fr;gap:24px}
.benSec .flexWrp{flex-direction:column;gap:40px}
}
@media (max-width: 768px) {
.pHdr{padding:60px 20px}
.pHdr .ttl1{font-size:32px}
.pHdr .subTxt{font-size:16px}
.valSec{padding:60px 20px;margin:60px 0}
.valSec .secHdr .ttl2{font-size:28px}
.benSec{margin:60px auto}
.benSec .flexWrp .txtCol .ttl3{font-size:26px}
.ctaSec{padding:60px 20px}
.ctaSec .ctaInr .ttl4{font-size:28px}
.ctaSec .ctaInr .btnWrp{flex-direction:column;align-items:center}
.ctaSec .ctaInr .btnWrp .btn1,.ctaSec .ctaInr .btnWrp .btn2{width:100%;max-width:300px;text-align:center}
}
@media (max-width: 480px) {
.prtGrid .imgBlk{height:220px}
.prtGrid .cntArea{padding:24px 20px}
.prtGrid .cntArea .orgName{font-size:22px}
.valSec .gridRow .vCard{padding:28px 20px}
.benSec .flexWrp .listCol .benList .lstItm{padding:20px 16px}
}
.PolicyWrap{max-width:1200px;margin:0 auto;padding:60px 20px;background:linear-gradient(180deg,#E3EAF3 0%,#fff 100%)}
.HdPolicy{text-align:center;margin-bottom:48px}
.HdPolicy h1{font-size:42px;color:#5B3C3B;margin-bottom:16px;font-weight:700}
.HdPolicy .meta-info{font-size:15px;color:#666}
.CookieContent{background:#fff;padding:56px 48px;border-radius:12px;box-shadow:0 4px 16px #5b3c3b14;margin-bottom:40px}
.CookieContent h2{font-size:28px;color:#5B3C3B;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #7CF;display:inline-block}
.CookieContent h3{font-size:22px;color:#5B3C3B;margin-top:36px;margin-bottom:16px;position:relative;padding-left:20px}
.CookieContent h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:linear-gradient(135deg,#7CF 0%,#5B3C3B 100%);border-radius:50%}
.CookieContent p{font-size:16px;line-height:1.8;color:#333;margin-bottom:18px}
.CookieContent ul{margin:20px 0;padding-left:24px}
.CookieContent ul li{font-size:16px;line-height:1.8;color:#333;margin-bottom:12px;position:relative;padding-left:8px}
.CookieContent ul li::marker{color:#7CF}
.cookie-table-wrap{overflow-x:auto;margin:28px 0;border-radius:8px;box-shadow:0 2px 8px #0000000d}
.cookie-table{width:100%;border-collapse:collapse;background:#fff}
.cookie-table thead{background:linear-gradient(90deg,#5B3C3B 0%,#7CF 100%)}
.cookie-table thead th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;border-bottom:2px solid #E3EAF3}
.cookie-table tbody tr{border-bottom:1px solid #E3EAF3;transition:background .3s ease}
.cookie-table tbody tr:hover{background:#f8f9fa}
.cookie-table tbody td{padding:18px 20px;font-size:15px;color:#333;vertical-align:top}
.cookie-table tbody td:first-child{font-weight:600;color:#5B3C3B}
.cookie-type-badge{display:inline-block;padding:4px 12px;background:#E3EAF3;color:#5B3C3B;border-radius:16px;font-size:13px;font-weight:600;margin-right:6px}
.info-box{background:linear-gradient(135deg,#77ccff1a 0%,#e3eaf34d 100%);padding:24px 28px;border-radius:10px;border-left:4px solid #7CF;margin:32px 0}
.info-box p{margin-bottom:0;font-size:15px;color:#5B3C3B}
.ContactBlock{background:linear-gradient(331deg,#7CF 0%,#5B3C3B 50%,#E3EAF3 100%);padding:72px 40px;border-radius:16px;text-align:center;position:relative;overflow:hidden}
.ContactBlock::before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff14;border-radius:50%}
.ContactBlock::after{content:"";position:absolute;bottom:-30%;left:-15%;width:350px;height:350px;background:#ffffff0d;border-radius:50%}
.ContactBlock h2{font-size:32px;color:#fff;margin-bottom:20px;position:relative;z-index:2}
.ContactBlock p{font-size:17px;color:#fff;margin-bottom:32px;max-width:680px;margin-left:auto;margin-right:auto;position:relative;z-index:2;opacity:.95}
.contact-methods{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:36px;position:relative;z-index:2}
.contact-item{background:#ffffff26;padding:28px 36px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid #fff3;transition:all .3s ease;min-width:280px}
.contact-item:hover{transform:translateY(-4px);background:#ffffff40;box-shadow:0 8px 24px #00000026}
.contact-item i{font-size:32px;color:#fff;margin-bottom:12px;display:block}
.contact-item h4{font-size:18px;color:#fff;margin-bottom:8px;font-weight:600}
.contact-item a{color:#fff;text-decoration:none;font-size:16px;display:inline-block;padding:8px 20px;background:#fff3;border-radius:8px;margin-top:8px;transition:all .3s ease}
.contact-item a:hover{background:#ffffff4d;transform:scale(1.05)}
@media (max-width: 768px) {
.PolicyWrap{padding:40px 16px}
.HdPolicy h1{font-size:32px}
.CookieContent{padding:32px 24px}
.CookieContent h2{font-size:24px}
.CookieContent h3{font-size:20px}
.cookie-table-wrap{margin:20px -24px}
.cookie-table thead th,.cookie-table tbody td{padding:12px 16px;font-size:14px}
.ContactBlock{padding:48px 24px}
.ContactBlock h2{font-size:26px}
.contact-methods{gap:20px}
.contact-item{min-width:100%}
}
@media (min-width: 769px) and (max-width: 1024px) {
.PolicyWrap{padding:50px 32px}
.CookieContent{padding:44px 36px}
.contact-methods{gap:24px}
.contact-item{min-width:260px}
}
.PrivacyWrap{max-width:1200px;margin:0 auto;padding:60px 20px}
.PolicyHdMain{text-align:center;margin-bottom:50px}
.PolicyHdMain h1{font-size:2.8rem;color:#5B3C3B;margin-bottom:15px;font-weight:700}
.PolicyHdMain .UpdateNote{font-size:.95rem;color:#666;background:#E3EAF3;display:inline-block;padding:8px 20px;border-radius:12px}
.PolicyIntro{background:linear-gradient(135deg,#E3EAF3 0%,#fff 100%);padding:40px;border-radius:14px;margin-bottom:50px;border-left:5px solid #7CF}
.PolicyIntro p{font-size:1.1rem;line-height:1.8;color:#333;margin-bottom:20px}
.PolicyIntro p:last-child{margin-bottom:0}
.ContentGrid{display:grid;grid-template-columns:280px 1fr;gap:50px;margin-bottom:60px}
.NavSide{position:sticky;top:20px;align-self:start}
.NavSide h3{font-size:1.1rem;color:#5B3C3B;margin-bottom:20px;font-weight:600}
.NavSide ul{list-style:none;padding:0;margin:0}
.NavSide li{margin-bottom:12px}
.NavSide a{display:block;padding:10px 15px;color:#666;text-decoration:none;border-radius:8px;transition:all .3s ease;font-size:.95rem;border-left:3px solid transparent}
.NavSide a:hover{background:#E3EAF3;color:#5B3C3B;border-left-color:#7CF;transform:translateX(5px)}
.PolicyContent section{margin-bottom:50px;scroll-margin-top:20px}
.PolicyContent h2{font-size:2rem;color:#5B3C3B;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #E3EAF3;position:relative}
.PolicyContent h2::before{content:'';position:absolute;bottom:-3px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#7CF 0%,#5B3C3B 100%)}
.PolicyContent h3{font-size:1.4rem;color:#5B3C3B;margin-top:30px;margin-bottom:15px;font-weight:600}
.PolicyContent p{font-size:1.05rem;line-height:1.8;color:#444;margin-bottom:20px}
.PolicyContent ul{margin:20px 0;padding-left:25px}
.PolicyContent li{font-size:1.05rem;line-height:1.8;color:#444;margin-bottom:12px;position:relative;padding-left:10px}
.PolicyContent li::marker{color:#7CF}
.InfoBox{background:linear-gradient(135deg,#fff 0%,#E3EAF3 100%);padding:30px;border-radius:12px;margin:30px 0;border-left:4px solid #7CF}
.InfoBox h4{font-size:1.2rem;color:#5B3C3B;margin-bottom:15px;font-weight:600}
.InfoBox p{margin-bottom:15px}
.InfoBox p:last-child{margin-bottom:0}
.DataTable{width:100%;border-collapse:separate;border-spacing:0;margin:30px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}
.DataTable thead{background:linear-gradient(135deg,#5B3C3B 0%,#7CF 100%)}
.DataTable th{padding:18px 20px;text-align:left;color:#fff;font-weight:600;font-size:1.05rem}
.DataTable td{padding:18px 20px;border-bottom:1px solid #E3EAF3;color:#444;font-size:1rem;line-height:1.6}
.DataTable tbody tr{background:#fff;transition:background .3s ease}
.DataTable tbody tr:hover{background:#f8f9fa}
.DataTable tbody tr:last-child td{border-bottom:none}
.ContactSection{background:linear-gradient(331deg,#7CF 0%,#5B3C3B 50%,#E3EAF3 100%);padding:50px;border-radius:14px;text-align:center;color:#fff}
.ContactSection h2{font-size:2.2rem;margin-bottom:20px;color:#fff;border:none;padding:0}
.ContactSection h2::before{display:none}
.ContactSection p{font-size:1.1rem;margin-bottom:30px;color:#fff}
.ContactOptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:35px}
.ContactCard{background:#ffffff26;padding:30px;border-radius:12px;backdrop-filter:blur(10px);transition:all .3s ease;border:2px solid #fff3}
.ContactCard:hover{background:#ffffff40;transform:translateY(-5px);box-shadow:0 8px 20px #00000026}
.ContactCard i{font-size:2.5rem;margin-bottom:15px;display:block;color:#fff}
.ContactCard h3{font-size:1.3rem;margin-bottom:10px;color:#fff}
.ContactCard a{color:#fff;text-decoration:none;font-size:1.05rem;transition:opacity .3s ease;display:inline-block}
.ContactCard a:hover{opacity:.8;text-decoration:underline}
@media (max-width: 968px) {
.ContentGrid{grid-template-columns:1fr;gap:30px}
.NavSide{position:static;background:#E3EAF3;padding:25px;border-radius:12px}
.NavSide ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
}
@media (max-width: 768px) {
.PrivacyWrap{padding:40px 15px}
.PolicyHdMain h1{font-size:2rem}
.PolicyIntro{padding:25px}
.PolicyContent h2{font-size:1.6rem}
.ContactSection{padding:35px 25px}
.ContactSection h2{font-size:1.8rem}
.ContactOptions{grid-template-columns:1fr}
.DataTable{font-size:.9rem}
.DataTable th,.DataTable td{padding:12px 15px}
}
.SuccessBanner{background:linear-gradient(135deg,#E3EAF3 0%,#7CF 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.SuccessBanner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#5b3c3b0d 0%,transparent 70%);animation:pulseEffect 8s ease-in-out infinite}
@keyframes pulseEffect {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:.6}
}
.SuccessBanner-Inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.IconWrap{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:#fff;border-radius:50%;margin-bottom:32px;box-shadow:0 8px 24px #77ccff4d;position:relative}
.IconWrap::after{content:'';position:absolute;width:140px;height:140px;border:3px solid #7CF;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.4}
.IconWrap i{font-size:64px;color:#5B3C3B}
.MainTitle23{font-size:48px;color:#5B3C3B;margin:0 0 16px;font-weight:700;line-height:1.2}
.SubInfo{font-size:20px;color:#5B3C3B;margin:0 0 40px;opacity:.85;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}
.ConfirmBox{background:#fff;border-radius:12px;padding:32px;max-width:700px;margin:0 auto 32px;box-shadow:0 4px 16px #5b3c3b1f;text-align:left}
.ConfirmBox h3{font-size:24px;color:#5B3C3B;margin:0 0 20px;font-weight:600;display:flex;align-items:center;gap:12px}
.ConfirmBox h3::before{content:'';width:6px;height:32px;background:linear-gradient(180deg,#7CF 0%,#5B3C3B 100%);border-radius:3px;flex-shrink:0}
.DetailsList dt{font-size:14px;color:#5B3C3B;opacity:.7;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.DetailsList dd{font-size:18px;color:#5B3C3B;margin:0 0 20px;font-weight:500;padding-left:12px;border-left:3px solid #E3EAF3}
.DetailsList dd:last-child{margin-bottom:0}
.NextSteps{background:linear-gradient(135deg,#5B3C3B 0%,#7CF 100%);padding:48px 24px;border-radius:12px;max-width:700px;margin:0 auto;color:#fff}
.NextSteps h3{font-size:22px;margin:0 0 24px;font-weight:600;text-align:center}
.StepItem7{display:grid;grid-template-columns:48px 1fr;gap:16px;margin-bottom:24px;align-items:start}
.StepItem7:last-child{margin-bottom:0}
.StepNum2{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;border:2px solid #ffffff4d}
.StepContent div{font-size:18px;font-weight:600;margin-bottom:6px;line-height:1.3}
.StepContent p{font-size:15px;opacity:.9;margin:0;line-height:1.5}
.ActionBtns{display:flex;flex-direction:column;gap:16px;max-width:500px;margin:48px auto 0}
.PrimaryBtn8{background:#fff;color:#5B3C3B;padding:18px 36px;border-radius:10px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #00000026;position:relative;z-index:10}
.PrimaryBtn8:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;background:#E3EAF3}
.SecondaryBtn4{background:transparent;color:#fff;padding:18px 36px;border-radius:10px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;border:2px solid #fff6;position:relative;z-index:10}
.SecondaryBtn4:hover{background:#ffffff1a;border-color:#fff9}
@media (max-width: 768px) {
.SuccessBanner{padding:60px 16px}
.MainTitle23{font-size:36px}
.SubInfo{font-size:18px}
.ConfirmBox{padding:24px}
.NextSteps{padding:32px 20px}
.StepItem7{grid-template-columns:40px 1fr;gap:12px}
.StepNum2{width:40px;height:40px;font-size:18px}
.StepContent div{font-size:16px}
.ActionBtns{margin-top:32px}
}
@media (max-width: 480px) {
.MainTitle23{font-size:28px}
.IconWrap{width:100px;height:100px;margin-bottom:24px}
.IconWrap::after{width:120px;height:120px}
.IconWrap i{font-size:52px}
.PrimaryBtn8,.SecondaryBtn4{font-size:16px;padding:16px 28px}
}