@import "https://cdn.jsdelivr.net/npm/@fontsource/spectral@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/spectral@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Spectral',serif;background:linear-gradient(158deg,#0a0f1a 0%,#151923 45%,#1a0e12 100%);color:#e8eef5;line-height:1.7;display:flex;flex-direction:column;min-height:100vh}
body::-webkit-scrollbar{width:6px}
body::-webkit-scrollbar-track{background:#0a0f1a}
body::-webkit-scrollbar-thumb{background:#01D4EA;border-radius:24px}
body::-webkit-scrollbar-thumb:hover{background:#02e5ff}
.HeaderWrap91{background:linear-gradient(142deg,#0d1420 0%,#1a1520 60%,#1d0d0f 100%);position:relative;border-bottom:2px solid #01d4ea26;box-shadow:0 8px 24px #0009}
.HeaderWrap91::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,#01d4ea05 10px,#01d4ea05 20px);pointer-events:none}
.NavStrip47{background:#0a0f1ab3;padding:14px 0;border-bottom:1px solid #01d4ea1a}
.NavContent82{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;justify-content:flex-end;align-items:center}
.MainNav53{display:flex;gap:38px;list-style:none;align-items:center}
.MainNav53 a{color:#e8eef5;text-decoration:none;font-size:15px;font-weight:400;letter-spacing:.3px;transition:color .3s ease;position:relative}
.MainNav53 a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#01D4EA,#02e5ff);transition:width .3s ease}
.MainNav53 a:hover{color:#01D4EA}
.MainNav53 a:hover::after{width:100%}
.BrandFloat29{padding:35px 0 40px;position:relative}
.BrandFloat29 .container-holder{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:24px}
.LogoBox16{width:110px;height:110px;display:flex;align-items:center;justify-content:center;background:#01d4ea0d;border-radius:28px;padding:18px;box-shadow:0 0 32px #01d4ea4d inset 0 2px 8px #01d4ea1a;border:2px solid #01d4ea33}
.LogoBox16 img{width:100%;height:100%;object-fit:contain}
.CompanyTitle74{font-size:48px;font-weight:700;color:#01D4EA;text-shadow:0 0 24px #01d4ea99 0 4px 12px #000c;letter-spacing:1px}
main{flex:1}
.FooterBase12{background:linear-gradient(167deg,#080c14 0%,#12090e 55%,#0d0a10 100%);border-top:2px solid #01d4ea33;padding:68px 0 0;margin-top:80px;position:relative}
.FooterBase12::before{content:'';position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#01D4EA 50%,transparent)}
.FooterGrid39{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:56px;margin-bottom:52px}
.AboutBlock88 h3{font-size:26px;color:#01D4EA;margin-bottom:18px;font-weight:700}
.AboutBlock88 p{font-size:15px;line-height:1.8;color:#c7d1dd;margin-bottom:22px}
.ContactDetail93{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;color:#b8c4d2}
.ContactDetail93 i{color:#01D4EA;font-size:18px}
.LinkSection67 h4{font-size:20px;color:#FEF3D4;margin-bottom:24px;font-weight:700}
.FooterLinks34{list-style:none}
.FooterLinks34 li{margin-bottom:13px}
.FooterLinks34 a{color:#b8c4d2;text-decoration:none;font-size:14px;transition:color .3s ease;display:inline-block}
.FooterLinks34 a:hover{color:#01D4EA}
.PopularPages51 h4{font-size:20px;color:#FEF3D4;margin-bottom:24px;font-weight:700}
.QuickNav77{list-style:none}
.QuickNav77 li{margin-bottom:13px}
.QuickNav77 a{color:#b8c4d2;text-decoration:none;font-size:14px;transition:color .3s ease;display:flex;align-items:center;gap:8px}
.QuickNav77 a i{color:#01D4EA;font-size:12px}
.QuickNav77 a:hover{color:#01D4EA}
.CopyrightBar58{background:#080c14b3;padding:26px 0;border-top:1px solid #01d4ea26}
.CopyrightBar58 .container-holder{max-width:1320px;margin:0 auto;padding:0 20px;text-align:center}
.CopyrightBar58 p{font-size:14px;color:#9aa8b8}
.CookiePopup73{position:fixed;left:24px;top:50%;transform:translateY(-50%) translateX(-120%);background:linear-gradient(135deg,#0d1420 0%,#1a1015 100%);border:2px solid #01d4ea66;border-radius:24px;padding:28px 32px;max-width:420px;box-shadow:0 16px 48px #000c 0 0 64px #01d4ea4d;z-index:10000;transition:transform .5s cubic-bezier(0.68,-0.55,0.265,1.55)}
.CookiePopup73[data-visible="true"]{transform:translateY(-50%) translateX(0)}
.CookiePopup73 h4{font-size:20px;color:#01D4EA;margin-bottom:14px;font-weight:700}
.CookiePopup73 p{font-size:14px;color:#c7d1dd;line-height:1.7;margin-bottom:20px}
.CookiePopup73 a{color:#01D4EA;text-decoration:underline}
.CookieActions46{display:flex;gap:16px;margin-top:20px}
.CookieBtn92{flex:1;padding:12px 20px;border:none;border-radius:18px;font-size:14px;font-family:'Spectral',serif;cursor:pointer;transition:all .3s ease;font-weight:700}
.CookieBtn92.accept34{background:linear-gradient(135deg,#01D4EA 0%,#02b8cc 100%);color:#0a0f1a}
.CookieBtn92.accept34:hover{background:linear-gradient(135deg,#02e5ff 0%,#01D4EA 100%);box-shadow:0 8px 24px #01d4ea66}
.CookieBtn92.decline17{background:#98190033;color:#FEF3D4;border:1px solid #98190066}
.CookieBtn92.decline17:hover{background:#9819004d;border-color:#98190099}
.CookieHint28{margin-top:12px;font-size:12px;color:#8a96a3;text-align:center}
@media (max-width: 1024px) {
.FooterGrid39{grid-template-columns:1fr 1fr;gap:40px}
.MainNav53{gap:24px}
.CompanyTitle74{font-size:38px}
.LogoBox16{width:90px;height:90px}
}
@media (max-width: 768px) {
.NavContent82{justify-content:center}
.MainNav53{flex-wrap:wrap;justify-content:center;gap:18px 28px}
.BrandFloat29 .container-holder{flex-direction:column;gap:18px}
.CompanyTitle74{font-size:32px;text-align:center}
.LogoBox16{width:80px;height:80px}
.FooterGrid39{grid-template-columns:1fr;gap:36px}
.CookiePopup73{left:16px;right:16px;max-width:calc(100% - 32px)}
}
@media (max-width: 480px) {
.MainNav53{gap:12px 20px}
.MainNav53 a{font-size:14px}
.CompanyTitle74{font-size:26px}
.CookieActions46{flex-direction:column}
}
.k-info-policy{max-width:1320px;margin:0 auto;padding:80px 24px;background:linear-gradient(145deg,#0a0a0f 0%,#12121a 100%);color:#e8e8f0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.8}
.k-info-policy h1{font-size:48px;font-weight:700;color:#01D4EA;margin:0 0 48px;padding-bottom:24px;border-bottom:3px solid #01d4ea4d;line-height:1.2;letter-spacing:-.02em}
.k-info-policy h2{font-size:36px;font-weight:600;color:#01D4EA;margin:64px 0 32px;line-height:1.3;letter-spacing:-.01em}
.k-info-policy h3{font-size:28px;font-weight:600;color:#FEF3D4;margin:48px 0 24px;line-height:1.4}
.k-info-policy h4{font-size:22px;font-weight:600;color:#FEF3D4;margin:36px 0 20px;line-height:1.4}
.k-info-policy h5{font-size:18px;font-weight:600;color:#e8e8f0;margin:28px 0 16px;line-height:1.5}
.k-info-policy h6{font-size:16px;font-weight:600;color:#c8c8d8;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}
.k-info-policy p{font-size:17px;margin:0 0 24px;color:#d0d0dc;line-height:1.8}
.k-info-policy strong,.k-info-policy b{font-weight:600;color:#01D4EA}
.k-info-policy a{color:#01D4EA;text-decoration:none;border-bottom:2px solid #01d4ea4d;transition:all .3s cubic-bezier(0.4,0,0.2,1);padding-bottom:2px}
.k-info-policy a:hover{color:#FEF3D4;border-bottom-color:#FEF3D4;background:#01d4ea1a;padding-left:4px;padding-right:4px}
.k-info-policy ul,.k-info-policy ol{margin:0 0 32px;padding-left:32px;color:#d0d0dc}
.k-info-policy ul li,.k-info-policy ol li{margin-bottom:16px;font-size:17px;line-height:1.8}
.k-info-policy ul li::marker{color:#01D4EA}
.k-info-policy ol li::marker{color:#01D4EA;font-weight:600}
.k-info-policy hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#01d4ea80 20%,#98190080 50%,#01d4ea80 80%,transparent 100%);margin:64px 0;box-shadow:0 0 16px #01d4ea4d}
.k-info-policy table{width:100%;border-collapse:separate;border-spacing:0;margin:48px 0;background:#12121a99;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0006}
.k-info-policy table thead{background:linear-gradient(135deg,#01d4ea33 0%,#98190033 100%)}
.k-info-policy table thead tr th{padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#01D4EA;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #01d4ea66}
.k-info-policy table tbody tr{transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.k-info-policy table tbody tr:hover{background:#01d4ea14}
.k-info-policy table tbody tr td{padding:18px 24px;font-size:16px;color:#d0d0dc;border-bottom:1px solid #ffffff0d}
.k-info-policy table tbody tr:last-child td{border-bottom:none}
.k-info-policy table tbody tr td strong,.k-info-policy table tbody tr td b{color:#FEF3D4}
.k-info-policy blockquote{margin:36px 0;padding:24px 32px;background:#01d4ea14;border-left:4px solid #01D4EA;border-radius:0 20px 20px 0;color:#e8e8f0;font-style:italic}
.k-info-policy code{background:#98190033;color:#FEF3D4;padding:3px 8px;border-radius:6px;font-family:'Courier New',monospace;font-size:15px}
@media (max-width: 1024px) {
.k-info-policy{padding:64px 20px}
.k-info-policy h1{font-size:40px;margin-bottom:36px}
.k-info-policy h2{font-size:32px;margin-top:48px}
.k-info-policy h3{font-size:24px}
}
@media (max-width: 768px) {
.k-info-policy{padding:48px 16px}
.k-info-policy h1{font-size:32px;margin-bottom:28px;padding-bottom:20px}
.k-info-policy h2{font-size:26px;margin-top:40px;margin-bottom:24px}
.k-info-policy h3{font-size:22px;margin-top:32px}
.k-info-policy h4{font-size:19px}
.k-info-policy p,.k-info-policy ul li,.k-info-policy ol li{font-size:16px}
.k-info-policy table{font-size:14px;margin:32px 0}
.k-info-policy table thead tr th,.k-info-policy table tbody tr td{padding:14px 16px;font-size:14px}
.k-info-policy hr{margin:48px 0}
}
@media (max-width: 480px) {
.k-info-policy{padding:36px 12px}
.k-info-policy h1{font-size:28px}
.k-info-policy h2{font-size:23px}
.k-info-policy h3{font-size:20px}
.k-info-policy table{border-radius:16px}
.k-info-policy table thead tr th,.k-info-policy table tbody tr td{padding:12px;font-size:13px}
}
.TitleFrame{background:linear-gradient(127deg,#0a0a0f 0%,#1a1424 48%,#0d1418 100%);padding:140px 24px 120px;position:relative;overflow:hidden}
.TitleFrame::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#01d4ea26 0%,transparent 70%);border-radius:48% 52% 46% 54%}
.TitleFrame::after{content:'';position:absolute;bottom:-15%;left:-8%;width:500px;height:500px;background:radial-gradient(circle,#9819001f 0%,transparent 65%);border-radius:54% 46% 52% 48%}
.TitleContent7{max-width:1320px;margin:0 auto;position:relative;z-index:2;text-align:center}
.MainHeading92{font-size:64px;font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-.02em;line-height:1.1}
.SubText41{font-size:22px;color:#b8c4d0;margin:0 auto 48px;max-width:720px;line-height:1.5}
.PrimaryAction53{display:inline-block;background:linear-gradient(135deg,#01D4EA 0%,#0198ac 100%);color:#0a0a0f;padding:18px 44px;border-radius:28px;font-size:18px;font-weight:600;text-decoration:none;transition:transform 0.3s,box-shadow .3s;border:none;z-index:10;position:relative}
.PrimaryAction53:hover{transform:translateY(-3px);box-shadow:0 12px 28px #01d4ea59}
.ContentGrid19{max-width:1320px;margin:0 auto;padding:96px 24px}
.FeatureSet84{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.FeatureCard27{background:linear-gradient(158deg,#1a1424 0%,#0d1418 100%);border:1px solid #01d4ea33;border-radius:24px;padding:40px;transition:border-color 0.3s,transform .3s}
.FeatureCard27:hover{border-color:#01d4ea80;transform:translateY(-6px)}
.IconBox61{width:56px;height:56px;background:#01d4ea26;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.IconBox61 i{font-size:28px;color:#01D4EA}
.FeatureCard27 h3{font-size:24px;color:#fff;margin:0 0 16px;font-weight:600}
.FeatureCard27 p{font-size:16px;color:#9ca8b4;line-height:1.6;margin:0}
.LearningPath82{background:#0a0a0f;padding:104px 24px;position:relative}
.PathContainer13{max-width:1320px;margin:0 auto}
.PathHeader94{text-align:center;margin-bottom:72px}
.PathHeader94 h2{font-size:48px;color:#fff;margin:0 0 20px;font-weight:700}
.PathHeader94 p{font-size:19px;color:#a4b0bc;margin:0 auto;max-width:640px;line-height:1.5}
.StepsGrid47{display:flex;gap:28px;position:relative}
.StepItem36{flex:1;background:linear-gradient(145deg,#12121a 0%,#1a1424 100%);border-radius:20px;padding:36px 32px;border-left:4px solid #01D4EA;position:relative}
.StepItem36:nth-child(2){border-left-color:#981900}
.StepItem36:nth-child(3){border-left-color:#FEF3D4}
.StepItem36:nth-child(4){border-left-color:#01D4EA}
.StepNumber77{font-size:14px;font-weight:700;color:#01D4EA;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;display:block}
.StepItem36:nth-child(2) .StepNumber77{color:#981900}
.StepItem36:nth-child(3) .StepNumber77{color:#FEF3D4}
.StepItem36 h4{font-size:21px;color:#fff;margin:0 0 14px;font-weight:600}
.StepItem36 p{font-size:15px;color:#8a96a2;line-height:1.6;margin:0}
.CourseModule58{padding:92px 24px;background:linear-gradient(168deg,#0d1418 0%,#1a1424 50%,#0a0a0f 100%)}
.ModuleHolder23{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.ImageSection12 img{width:100%;height:520px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #0006}
.ContentSection91 h2{font-size:44px;color:#fff;margin:0 0 28px;font-weight:700;line-height:1.2}
.ContentSection91 h2::before{content:'';display:inline-block;width:6px;height:38px;background:linear-gradient(180deg,#01D4EA 0%,#981900 100%);margin-right:16px;border-radius:8px;vertical-align:middle}
.DetailList85{list-style:none;padding:0;margin:0 0 36px}
.DetailList85 li{padding:16px 0;font-size:17px;color:#b0bac4;line-height:1.7;border-bottom:1px solid #01d4ea1a}
.DetailList85 li:last-child{border-bottom:none}
.DetailList85 li strong{color:#01D4EA;font-weight:600}
.CtaButton18{display:inline-block;background:#981900;color:#FEF3D4;padding:16px 40px;border-radius:24px;font-size:17px;font-weight:600;text-decoration:none;transition:background 0.3s,transform .3s}
.CtaButton18:hover{background:#b51e00;transform:translateX(4px)}
.ProgressTracker66{background:#0a0a0f;padding:88px 24px}
.TrackerBox45{max-width:1320px;margin:0 auto}
.TrackerBox45 h2{font-size:42px;color:#fff;text-align:center;margin:0 0 56px;font-weight:700}
.ProgressContainer38{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.ProgressCard71{text-align:center;position:relative}
.CircleWrap29{width:140px;height:140px;margin:0 auto 24px;position:relative}
.CircleOuter52{width:100%;height:100%;border-radius:50%;background:conic-gradient(#01D4EA 0deg 252deg,#01d4ea26 252deg 360deg);display:flex;align-items:center;justify-content:center;position:relative}
.ProgressCard71:nth-child(2) .CircleOuter52{background:conic-gradient(#981900 0deg 288deg,#98190026 288deg 360deg)}
.ProgressCard71:nth-child(3) .CircleOuter52{background:conic-gradient(#FEF3D4 0deg 216deg,#fef3d426 216deg 360deg)}
.ProgressCard71:nth-child(4) .CircleOuter52{background:conic-gradient(#01D4EA 0deg 324deg,#01d4ea26 324deg 360deg)}
.CircleInner83{width:108px;height:108px;background:#12121a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff}
.ProgressCard71 h5{font-size:19px;color:#fff;margin:0 0 10px;font-weight:600}
.ProgressCard71 p{font-size:15px;color:#8a96a2;margin:0;line-height:1.5}
@media (max-width: 1024px) {
.FeatureSet84{grid-template-columns:repeat(2,1fr);gap:28px}
.ModuleHolder23{grid-template-columns:1fr;gap:48px}
.StepsGrid47{flex-direction:column}
.ProgressContainer38{grid-template-columns:repeat(2,1fr);gap:36px}
.MainHeading92{font-size:52px}
}
@media (max-width: 768px) {
.TitleFrame{padding:100px 20px 80px}
.MainHeading92{font-size:42px}
.SubText41{font-size:18px}
.FeatureSet84{grid-template-columns:1fr;gap:24px}
.ContentGrid19{padding:72px 20px}
.LearningPath82{padding:76px 20px}
.PathHeader94 h2{font-size:38px}
.CourseModule58{padding:72px 20px}
.ContentSection91 h2{font-size:36px}
.ProgressContainer38{grid-template-columns:1fr;gap:32px}
.ProgressTracker66{padding:68px 20px}
.TrackerBox45 h2{font-size:34px}
}
.PageMain{background:#0A0E17;color:#E8EBF0;overflow-x:hidden}
.HeroWrap42{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center;max-width:1320px;margin:0 auto;padding:92px 24px}
.HeroContent18{position:relative;z-index:2}
.HeroContent18 h1{font-size:52px;font-weight:700;line-height:1.15;margin:0 0 28px;color:#FFF;letter-spacing:-.5px}
.HeroContent18 .TagLine7{font-size:19px;line-height:1.7;margin:0 0 36px;color:#B8C1D3;max-width:480px}
.HeroImageHolder{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 24px 64px #01d4ea1f}
.HeroImageHolder::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#01d4ea2e 0%,#98190024 100%);z-index:1;pointer-events:none}
.HeroImageHolder img{width:100%;height:520px;object-fit:cover;display:block}
.ctaBtnSet{display:flex;gap:18px;align-items:center}
.PrimaryBtn92{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(125deg,#01D4EA 0%,#00A8BD 100%);color:#0A0E17;font-size:16px;font-weight:600;border-radius:24px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 24px #01d4ea47}
.PrimaryBtn92:hover{transform:translateY(-3px);box-shadow:0 12px 32px #01d4ea6b;background:linear-gradient(125deg,#02E5FF 0%,#01C4D9 100%)}
.SecondaryBtn14{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:transparent;color:#01D4EA;font-size:16px;font-weight:600;border:2px solid #01D4EA;border-radius:24px;text-decoration:none;transition:all .3s ease}
.SecondaryBtn14:hover{background:#01d4ea1a;border-color:#02E5FF;color:#02E5FF}
.PathwaySection{padding:96px 24px;background:linear-gradient(168deg,#0F1420 0%,#151B2C 100%);position:relative}
.PathwaySection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,#01D4EA 50%,transparent 100%);opacity:.2}
.PathwayContainer{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.SectionHead23{text-align:center;margin-bottom:64px}
.SectionHead23 h2{font-size:42px;font-weight:700;line-height:1.2;margin:0 0 18px;color:#FFF}
.SectionHead23 .SubText9{font-size:18px;line-height:1.6;color:#A0AABD;max-width:680px;margin:0 auto}
.TrackGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.TrackCard{background:#12171F;border-radius:24px;padding:36px;border:1px solid #1E2533;transition:all .4s ease;position:relative;overflow:hidden}
.TrackCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#01D4EA 0%,#981900 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.TrackCard:hover::before{transform:scaleX(1)}
.TrackCard:hover{border-color:#01D4EA;box-shadow:0 16px 48px #01d4ea2e;transform:translateY(-6px)}
.TrackIcon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#01d4ea26 0%,#9819001f 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.TrackIcon i{font-size:32px;color:#01D4EA}
.TrackCard h3{font-size:24px;font-weight:600;line-height:1.3;margin:0 0 14px;color:#FFF}
.TrackCard .desc{font-size:15px;line-height:1.7;color:#8C96A8;margin:0 0 22px}
.LevelBadges{display:flex;gap:8px;flex-wrap:wrap}
.BadgeItem{padding:6px 14px;background:#01d4ea14;border:1px solid #01d4ea33;border-radius:16px;font-size:13px;color:#01D4EA;font-weight:500}
.FeedbackSection{padding:88px 24px;background:#0A0E17}
.FeedbackWrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:center}
.FeedbackVisual{position:relative}
.FeedbackVisual img{width:100%;height:480px;object-fit:cover;border-radius:28px;box-shadow:0 20px 56px #0006}
.FeedbackContent{position:relative}
.FeedbackContent h2{font-size:38px;font-weight:700;line-height:1.25;margin:0 0 22px;color:#FFF}
.FeedbackContent .intro{font-size:17px;line-height:1.7;color:#A8B2C4;margin:0 0 34px}
.OptionGrid{display:grid;gap:18px}
.OptionRow{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#12171F;border-radius:20px;border:1px solid #1E2533;transition:all .3s ease}
.OptionRow:hover{border-color:#01d4ea66;background:#151B28}
.OptionIcon{flex-shrink:0;width:48px;height:48px;border-radius:14px;background:linear-gradient(125deg,#01d4ea1f 0%,#fef3d414 100%);display:flex;align-items:center;justify-content:center}
.OptionIcon i{font-size:24px;color:#01D4EA}
.OptionText h4{font-size:18px;font-weight:600;margin:0 0 6px;color:#FFF}
.OptionText p{font-size:14px;line-height:1.6;margin:0;color:#8C96A8}
.ResourceSection{padding:92px 24px;background:linear-gradient(142deg,#0F1420 0%,#0A0E17 100%);position:relative;overflow:hidden}
.ResourceSection::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,#01d4ea14 0%,transparent 70%);pointer-events:none}
.ResourceContainer{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.ResourceHeader{text-align:center;margin-bottom:56px}
.ResourceHeader h2{font-size:40px;font-weight:700;line-height:1.2;margin:0 0 16px;color:#FFF}
.ResourceHeader .tagline{font-size:17px;line-height:1.65;color:#9DA7BA;max-width:640px;margin:0 auto}
.MaterialGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.MaterialCard{background:#12171F;border-radius:24px;overflow:hidden;border:1px solid #1E2533;transition:all .35s ease}
.MaterialCard:hover{border-color:#98190080;box-shadow:0 14px 42px #98190029;transform:translateY(-4px)}
.MaterialImage{width:100%;height:260px;overflow:hidden;position:relative}
.MaterialImage::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#0a0e17b3 100%)}
.MaterialImage img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.MaterialCard:hover .MaterialImage img{transform:scale(1.08)}
.MaterialBody{padding:28px}
.FormatLabel{display:inline-block;padding:7px 16px;background:#01d4ea1a;border:1px solid #01d4ea40;border-radius:16px;font-size:12px;font-weight:600;color:#01D4EA;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}
.MaterialBody h3{font-size:22px;font-weight:600;line-height:1.35;margin:0 0 12px;color:#FFF}
.MaterialBody .desc{font-size:15px;line-height:1.7;color:#8C96A8;margin:0 0 20px}
.FeatureList{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.FeatureItem{display:flex;align-items:center;gap:10px;font-size:14px;color:#A8B2C4}
.FeatureItem i{font-size:16px;color:#FEF3D4}
.ProgressBar{width:100%;height:6px;background:#1E2533;border-radius:8px;overflow:hidden;margin-bottom:10px}
.ProgressFill{height:100%;background:linear-gradient(90deg,#981900 0%,#C72200 100%);border-radius:8px;transition:width .4s ease}
.MaterialCard:nth-child(1) .ProgressFill{width:78%}
.MaterialCard:nth-child(2) .ProgressFill{width:62%}
.MaterialCard:nth-child(3) .ProgressFill{width:84%}
.MaterialCard:nth-child(4) .ProgressFill{width:91%}
.ProgressText{font-size:13px;color:#7A8499}
@media (max-width: 1024px) {
.HeroWrap42{grid-template-columns:1fr;gap:48px;padding:72px 24px}
.HeroContent18 h1{font-size:42px}
.HeroImageHolder img{height:420px}
.TrackGrid{grid-template-columns:repeat(2,1fr)}
.FeedbackWrap{grid-template-columns:1fr;gap:42px}
.FeedbackVisual img{height:380px}
.MaterialGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.HeroContent18 h1{font-size:36px;margin-bottom:20px}
.HeroContent18 .TagLine7{font-size:17px;margin-bottom:28px}
.HeroImageHolder img{height:320px}
.ctaBtnSet{flex-direction:column;align-items:stretch}
.PrimaryBtn92,.SecondaryBtn14{justify-content:center}
.PathwaySection{padding:64px 24px}
.SectionHead23 h2{font-size:32px}
.SectionHead23 .SubText9{font-size:16px}
.TrackGrid{grid-template-columns:1fr;gap:24px}
.FeedbackSection{padding:64px 24px}
.FeedbackContent h2{font-size:30px}
.FeedbackContent .intro{font-size:16px}
.FeedbackVisual img{height:280px}
.ResourceSection{padding:64px 24px}
.ResourceHeader h2{font-size:32px}
.ResourceHeader .tagline{font-size:16px}
.MaterialImage{height:220px}
.MaterialBody{padding:24px}
}
@media (max-width: 480px) {
.HeroWrap42{padding:56px 16px}
.HeroContent18 h1{font-size:28px}
.HeroContent18 .TagLine7{font-size:15px}
.HeroImageHolder img{height:260px}
.PathwaySection{padding:48px 16px}
.SectionHead23 h2{font-size:26px}
.TrackCard{padding:28px}
.TrackIcon{width:56px;height:56px}
.TrackIcon i{font-size:28px}
.FeedbackSection{padding:48px 16px}
.FeedbackContent h2{font-size:26px}
.OptionRow{padding:16px}
.ResourceSection{padding:48px 16px}
.ResourceHeader h2{font-size:26px}
.MaterialBody h3{font-size:20px}
}
.PageHeaderZone{background:linear-gradient(142deg,#0a0f1a 0%,#1a0f15 100%);padding:4rem 0 5.5rem;position:relative;overflow:hidden}
.PageHeaderZone::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 35px,#01d4ea08 35px,#01d4ea08 70px);transform:rotate(15deg);pointer-events:none}
.HeaderLayout89{max-width:1320px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;position:relative;z-index:2}
.TitleContent12{display:flex;flex-direction:column;gap:1.2rem}
.TopLabel3{font-size:.95rem;text-transform:uppercase;letter-spacing:.15em;color:#01D4EA;font-weight:600}
.MainHeading7{font-size:3.8rem;line-height:1.1;color:#FEF3D4;font-weight:800;margin:0}
.SubHeading42{font-size:1.8rem;line-height:1.3;color:#fef3d4d9;font-weight:400;margin:.5rem 0 0}
.DescText9{font-size:1.05rem;line-height:1.7;color:#fef3d4b3;margin:1rem 0 0}
.ImageHolder3{position:relative;border-radius:24px;overflow:hidden;transform:translateX(8%)}
.ImageHolder3 img{width:100%;height:480px;object-fit:cover;display:block}
.ImageHolder3::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,transparent 20%,#0a0f1ab3 80%);pointer-events:none}
.ContactWrap54{background:#0d1220;padding:6rem 0 7rem;position:relative}
.ContactWrap54::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#01d4ea4d,transparent)}
.InnerContactBox{max-width:1320px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1.4fr;gap:5rem}
.InfoSide23{display:flex;flex-direction:column;gap:2.5rem}
.InfoBlock7 h2{font-size:2.2rem;color:#FEF3D4;margin:0 0 1.5rem;font-weight:700}
.InfoBlock7 p{font-size:1.05rem;line-height:1.8;color:#fef3d4bf;margin:0 0 1rem}
.ContactDetailsList{display:flex;flex-direction:column;gap:1.8rem;margin:2rem 0 0}
.DetailItem8{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem;background:#01d4ea0a;border-radius:16px;border:1px solid #01d4ea26;transition:all .3s ease}
.DetailItem8:hover{background:#01d4ea14;border-color:#01d4ea4d;transform:translateX(4px)}
.DetailItem8 i{font-size:1.5rem;color:#01D4EA;flex-shrink:0;margin-top:.2rem}
.DetailInfo34{display:flex;flex-direction:column;gap:.3rem}
.DetailInfo34 strong{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#fef3d499;font-weight:600}
.DetailInfo34 span{font-size:1.1rem;color:#FEF3D4}
.DetailInfo34 a{color:#01D4EA;text-decoration:none;transition:color .3s ease}
.DetailInfo34 a:hover{color:#FEF3D4}
.FormSide92{background:linear-gradient(135deg,#98190014 0%,#01d4ea0d 100%);padding:3rem;border-radius:24px;border:1px solid #01d4ea33;position:relative}
.FormSide92::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#01D4EA,transparent)}
.FormSide92 h3{font-size:1.8rem;color:#FEF3D4;margin:0 0 .8rem;font-weight:700}
.FormSide92 p{font-size:1rem;color:#fef3d4b3;margin:0 0 2.5rem;line-height:1.6}
.ContactForm45{display:flex;flex-direction:column;gap:1.8rem}
.FormRow3{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.InputGroup8{display:flex;flex-direction:column;gap:.5rem}
.InputGroup8 label{font-size:.9rem;color:#FEF3D4;font-weight:600;letter-spacing:.02em}
.InputGroup8 input,.InputGroup8 select,.InputGroup8 textarea{padding:1rem 1.2rem;background:#0a0f1a99;border:1px solid #01d4ea40;border-radius:16px;color:#FEF3D4;font-size:1rem;transition:all .3s ease}
.InputGroup8 input::placeholder,.InputGroup8 textarea::placeholder{color:#fef3d466}
.InputGroup8 input:focus,.InputGroup8 select:focus,.InputGroup8 textarea:focus{outline:none;border-color:#01D4EA;background:#01d4ea14;box-shadow:0 0 0 3px #01d4ea1a}
.InputGroup8 select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2301D4EA' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}
.InputGroup8 textarea{min-height:140px;resize:vertical;font-family:inherit}
.RadioGroup9{display:flex;flex-direction:column;gap:.5rem}
.RadioGroup9 label{font-size:.9rem;color:#FEF3D4;font-weight:600;letter-spacing:.02em;margin-bottom:.5rem}
.RadioOptions12{display:flex;gap:1.5rem}
.RadioOption4{display:flex;align-items:center;gap:.6rem;cursor:pointer}
.RadioOption4 input[type="radio"]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#01D4EA}
.RadioOption4 span{font-size:1rem;color:#fef3d4d9}
.CheckboxWrap7{display:flex;align-items:flex-start;gap:.8rem;margin:.5rem 0 0}
.CheckboxWrap7 input[type="checkbox"]{width:20px;height:20px;margin-top:.2rem;cursor:pointer;accent-color:#01D4EA;flex-shrink:0}
.CheckboxWrap7 label{font-size:.9rem;color:#fef3d4bf;line-height:1.5;cursor:pointer}
.CheckboxWrap7 a{color:#01D4EA;text-decoration:none;transition:color .3s ease}
.CheckboxWrap7 a:hover{color:#FEF3D4;text-decoration:underline}
.SubmitBtn3{padding:1.2rem 2.5rem;background:linear-gradient(135deg,#01D4EA 0%,#00a8c0 100%);border:none;border-radius:20px;color:#0d1220;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 16px #01d4ea4d}
.SubmitBtn3:hover{transform:translateY(-2px);box-shadow:0 8px 24px #01d4ea66;background:linear-gradient(135deg,#00e5ff 0%,#01D4EA 100%)}
.SubmitBtn3:active{transform:translateY(0)}
@media (max-width: 1024px) {
.HeaderLayout89{grid-template-columns:1fr;gap:3rem}
.ImageHolder3{transform:translateX(0)}
.MainHeading7{font-size:3rem}
.SubHeading42{font-size:1.5rem}
.InnerContactBox{grid-template-columns:1fr;gap:4rem}
.FormSide92{padding:2.5rem}
}
@media (max-width: 768px) {
.PageHeaderZone{padding:3rem 0 4rem}
.MainHeading7{font-size:2.2rem}
.SubHeading42{font-size:1.3rem}
.ImageHolder3 img{height:320px}
.ContactWrap54{padding:4rem 0 5rem}
.FormSide92{padding:2rem}
.FormRow3{grid-template-columns:1fr}
.RadioOptions12{flex-direction:column;gap:1rem}
.ContactForm45{gap:1.5rem}
}
@media (max-width: 480px) {
.MainHeading7{font-size:1.8rem}
.SubHeading42{font-size:1.1rem}
.FormSide92 h3{font-size:1.5rem}
.SubmitBtn3{padding:1rem 2rem;font-size:1rem}
}
.TopHeroPanel{background:linear-gradient(142deg,#0a0a0f 0%,#1a1520 54%,#0d0a12 100%);padding:92px 0 88px;position:relative;overflow:hidden}
.TopHeroPanel::before{content:'';position:absolute;top:-240px;right:-120px;width:560px;height:560px;background:radial-gradient(circle,#01d4ea2e 0%,transparent 68%);border-radius:50%}
.TopHeroPanel::after{content:'';position:absolute;bottom:-180px;left:-90px;width:420px;height:420px;background:radial-gradient(circle,#98190024 0%,transparent 72%);border-radius:50%}
.TopHeroPanel .ContentZone{max-width:1320px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.TopHeroPanel .TxtGroup{max-width:880px}
.TopHeroPanel .PrimaryTitle{font-size:58px;font-weight:700;line-height:1.14;color:#FEF3D4;margin:0 0 26px;letter-spacing:-.6px}
.TopHeroPanel .PrimaryTitle .MarkPhrase{color:#01D4EA;position:relative;display:inline-block}
.TopHeroPanel .PrimaryTitle .MarkPhrase::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#01D4EA 0%,#01d4ea4d 100%)}
.TopHeroPanel .SubTitle{font-size:22px;line-height:1.64;color:#fef3d4d6;margin:0 0 38px;font-weight:400}
.TopHeroPanel .BannerVisual{margin:54px 0 0;position:relative}
.TopHeroPanel .BannerVisual img{width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:24px;box-shadow:0 14px 42px #0000007a 0 0 64px #01d4ea24}
.InfoCardsBlock{background:#12101a;padding:94px 0;position:relative}
.InfoCardsBlock .holder37{max-width:1320px;margin:0 auto;padding:0 24px}
.InfoCardsBlock .SectionLabel{text-align:center;margin:0 0 62px}
.InfoCardsBlock .SectionLabel h2{font-size:46px;font-weight:700;line-height:1.22;color:#FEF3D4;margin:0 0 18px}
.InfoCardsBlock .SectionLabel .Subtitle14{font-size:19px;line-height:1.58;color:#fef3d4c7;max-width:720px;margin:0 auto}
.InfoCardsBlock .CardGrid8{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.InfoCardsBlock .StatCard{background:linear-gradient(158deg,#1a1623 0%,#0f0d16 100%);border:1px solid #01d4ea29;border-radius:20px;padding:42px 32px;position:relative;transition:all .34s ease}
.InfoCardsBlock .StatCard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;background:linear-gradient(135deg,#01d4ea14 0%,transparent 100%);opacity:0;transition:opacity .34s ease}
.InfoCardsBlock .StatCard:hover{transform:translateY(-6px);border-color:#01d4ea6b;box-shadow:0 12px 38px #01d4ea2e}
.InfoCardsBlock .StatCard:hover::before{opacity:1}
.InfoCardsBlock .StatCard .IconHolder{width:68px;height:68px;background:linear-gradient(135deg,#01d4ea24 0%,#01d4ea0a 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 0 24px;position:relative}
.InfoCardsBlock .StatCard .IconHolder i{font-size:34px;color:#01D4EA}
.InfoCardsBlock .StatCard h3{font-size:24px;font-weight:600;line-height:1.32;color:#FEF3D4;margin:0 0 14px;position:relative}
.InfoCardsBlock .StatCard p{font-size:16px;line-height:1.68;color:#fef3d4b8;margin:0;position:relative}
.TimelineModule{background:linear-gradient(176deg,#0a0a0f 0%,#161320 48%,#0c0a11 100%);padding:88px 0;position:relative}
.TimelineModule::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:840px;height:840px;background:radial-gradient(circle,#98190017 0%,transparent 64%);pointer-events:none}
.TimelineModule .container92{max-width:1320px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.TimelineModule .HeaderText{text-align:center;margin:0 0 68px}
.TimelineModule .HeaderText h2{font-size:44px;font-weight:700;line-height:1.26;color:#FEF3D4;margin:0 0 16px}
.TimelineModule .HeaderText .Description9{font-size:18px;line-height:1.62;color:#fef3d4c2;max-width:680px;margin:0 auto}
.TimelineModule .Timeline7{display:flex;flex-direction:column;gap:48px;max-width:920px;margin:0 auto;position:relative}
.TimelineModule .Timeline7::before{content:'';position:absolute;left:31px;top:32px;bottom:32px;width:2px;background:linear-gradient(180deg,#01d4ea3d 0%,#01d4ea0f 100%)}
.TimelineModule .EventItem{display:flex;gap:28px;position:relative}
.TimelineModule .EventItem .Marker{flex-shrink:0;width:64px;height:64px;background:linear-gradient(135deg,#1a1623 0%,#0f0d16 100%);border:3px solid #01D4EA;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #01d4ea52;position:relative;z-index:2}
.TimelineModule .EventItem .Marker i{font-size:28px;color:#01D4EA}
.TimelineModule .EventItem .TextContent{flex:1;padding:8px 0}
.TimelineModule .EventItem .YearLabel{font-size:15px;font-weight:600;color:#01D4EA;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 12px}
.TimelineModule .EventItem h4{font-size:26px;font-weight:600;line-height:1.36;color:#FEF3D4;margin:0 0 14px}
.TimelineModule .EventItem p{font-size:16px;line-height:1.72;color:#fef3d4bd;margin:0}
.TeamModule{background:#12101a;padding:92px 0}
.TeamModule .WrapperBox{max-width:1320px;margin:0 auto;padding:0 24px}
.TeamModule .IntroArea{max-width:880px;margin:0 0 58px}
.TeamModule .IntroArea h2{font-size:48px;font-weight:700;line-height:1.2;color:#FEF3D4;margin:0 0 22px;position:relative;display:inline-block}
.TeamModule .IntroArea h2::before{content:'';position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:6px;height:72%;background:linear-gradient(180deg,#01D4EA 0%,#01d4ea4d 100%);border-radius:3px}
.TeamModule .IntroArea p{font-size:18px;line-height:1.7;color:#fef3d4cc;margin:0}
.TeamModule .ContentDivider{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.TeamModule .ImageColumn img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #00000070}
.TeamModule .ProfileList{display:flex;flex-direction:column;gap:32px}
.TeamModule .MemberCard{background:linear-gradient(142deg,#1a1623 0%,#0f0d16 100%);border:1px solid #01d4ea1f;border-radius:18px;padding:28px 32px;transition:all .32s ease}
.TeamModule .MemberCard:hover{border-color:#01d4ea61;box-shadow:0 8px 28px #01d4ea24}
.TeamModule .MemberCard h5{font-size:22px;font-weight:600;line-height:1.34;color:#FEF3D4;margin:0 0 8px}
.TeamModule .MemberCard .RoleTitle{font-size:15px;font-weight:500;color:#01D4EA;margin:0 0 16px;letter-spacing:.4px}
.TeamModule .MemberCard .Bio{font-size:16px;line-height:1.68;color:#fef3d4bd;margin:0}
.CtaZone{background:linear-gradient(128deg,#0a0a0f 0%,#1a1520 100%);padding:86px 0;position:relative;overflow:hidden}
.CtaZone::before{content:'';position:absolute;top:-140px;left:-140px;width:480px;height:480px;background:radial-gradient(circle,#01d4ea24 0%,transparent 68%);border-radius:50%}
.CtaZone::after{content:'';position:absolute;bottom:-120px;right:-120px;width:420px;height:420px;background:radial-gradient(circle,#9819001f 0%,transparent 70%);border-radius:50%}
.CtaZone .BoxContainer{max-width:1320px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.CtaZone .CtaBox{background:linear-gradient(146deg,#01d4ea1c 0%,#98190014 100%);border:2px solid #01d4ea38;border-radius:28px;padding:64px 48px;text-align:center;position:relative}
.CtaZone .CtaBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:28px;background:linear-gradient(135deg,#fef3d40a 0%,transparent 100%);pointer-events:none}
.CtaZone .CtaBox h2{font-size:42px;font-weight:700;line-height:1.24;color:#FEF3D4;margin:0 0 20px;position:relative}
.CtaZone .CtaBox .TextBelow{font-size:19px;line-height:1.64;color:#fef3d4d1;max-width:640px;margin:0 auto 42px;position:relative}
.CtaZone .ButtonRow{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;position:relative}
.CtaZone .BtnPrimary{background:linear-gradient(135deg,#01D4EA 0%,#019db0 100%);color:#0a0a0f;font-size:17px;font-weight:600;padding:16px 38px;border-radius:24px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:none;box-shadow:0 8px 24px #01d4ea47;transition:all .32s ease;cursor:pointer}
.CtaZone .BtnPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #01d4ea6b;background:linear-gradient(135deg,#0ae8ff 0%,#01b4c9 100%)}
.CtaZone .BtnSecondary{background:transparent;color:#FEF3D4;font-size:17px;font-weight:600;padding:16px 38px;border-radius:24px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:2px solid #fef3d447;transition:all .32s ease;cursor:pointer}
.CtaZone .BtnSecondary:hover{border-color:#01D4EA;background:#01d4ea14;transform:translateY(-2px)}
@media (max-width: 1024px) {
.TopHeroPanel .PrimaryTitle{font-size:48px}
.TopHeroPanel .SubTitle{font-size:20px}
.InfoCardsBlock .CardGrid8{grid-template-columns:repeat(2,1fr)}
.TeamModule .ContentDivider{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.TopHeroPanel{padding:64px 0 58px}
.TopHeroPanel .PrimaryTitle{font-size:38px}
.TopHeroPanel .SubTitle{font-size:18px}
.InfoCardsBlock{padding:68px 0}
.InfoCardsBlock .SectionLabel h2{font-size:36px}
.InfoCardsBlock .CardGrid8{grid-template-columns:1fr;gap:24px}
.TimelineModule{padding:64px 0}
.TimelineModule .HeaderText h2{font-size:34px}
.TimelineModule .Timeline7::before{left:23px}
.TimelineModule .EventItem .Marker{width:48px;height:48px}
.TimelineModule .EventItem .Marker i{font-size:22px}
.TimelineModule .EventItem h4{font-size:22px}
.TeamModule{padding:68px 0}
.TeamModule .IntroArea h2{font-size:36px}
.CtaZone{padding:64px 0}
.CtaZone .CtaBox{padding:48px 28px}
.CtaZone .CtaBox h2{font-size:32px}
.CtaZone .ButtonRow{flex-direction:column;align-items:stretch}
.CtaZone .BtnPrimary,.CtaZone .BtnSecondary{justify-content:center}
}
.hero29{background:linear-gradient(145deg,#0a0f1a 0%,#1a1625 100%);padding:0;position:relative;overflow:hidden}
.hero29 .GridWrap42{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:center;min-height:85vh}
.hero29 .ContentZone57{padding:80px 40px 80px 60px;position:relative;z-index:3}
.hero29 .TitleMajor{font-size:3.8rem;font-weight:700;line-height:1.15;color:#01D4EA;margin:0 0 28px;text-shadow:0 0 40px #01d4ea4d}
.hero29 .InfoPara88{font-size:1.15rem;line-height:1.75;color:#e8e9ed;margin:0 0 42px;max-width:540px}
.hero29 .ImageHolder92{position:relative;height:100%;min-height:85vh;overflow:hidden}
.hero29 .ImageHolder92::before{content:'';position:absolute;top:0;left:-100px;right:0;bottom:0;background:radial-gradient(ellipse at 30% 50%,#01d4ea26,transparent 70%);z-index:2;pointer-events:none}
.hero29 .ImageHolder92::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,#0a0f1a 0%,transparent 25%,transparent 75%,#1a1625 100%);z-index:1;pointer-events:none}
.hero29 .MainVisual{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.85) contrast(1.1)}
.hero29 .DecorShape1{position:absolute;width:280px;height:280px;top:-140px;right:-140px;border:2px solid #01d4ea33;border-radius:50%;z-index:1}
.hero29 .DecorShape2{position:absolute;width:120px;height:120px;bottom:15%;left:-60px;background:linear-gradient(135deg,#9819004d,transparent);border-radius:50%;z-index:1}
.hero29 .ArrowGuide{position:absolute;right:60px;top:50%;transform:translateY(-50%);z-index:4}
.hero29 .ArrowGuide svg{width:64px;height:64px;opacity:.6;animation:pulse8 2.5s ease-in-out infinite}
@keyframes pulse8 {
0%,100%{opacity:.4;transform:translateX(0)}
50%{opacity:.8;transform:translateX(8px)}
}
.StepsSection{background:linear-gradient(225deg,#12151f 0%,#1f1428 100%);padding:100px 20px;position:relative}
.StepsSection .Container71{max-width:1320px;margin:0 auto}
.StepsSection .HeadingBlock{text-align:center;margin:0 0 70px}
.StepsSection .SectionLabel{font-size:.95rem;text-transform:uppercase;letter-spacing:2.5px;color:#01D4EA;margin:0 0 16px;font-weight:600}
.StepsSection .MainHeading{font-size:2.8rem;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}
.StepsSection .SubText{font-size:1.1rem;color:#b8bac4;max-width:680px;margin:0 auto;line-height:1.7}
.StepsSection .ProcessGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px;margin:50px 0 0}
.StepsSection .StepCard{background:linear-gradient(160deg,#01d4ea0d,#98190008);border:1px solid #01d4ea26;border-radius:24px;padding:44px 36px;position:relative;transition:all .4s ease}
.StepsSection .StepCard:hover{transform:translateY(-6px);border-color:#01d4ea66;box-shadow:0 12px 32px #01d4ea33}
.StepsSection .StepCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#01D4EA,#981900);border-radius:24px 0 0 24px;transition:height .4s ease}
.StepsSection .StepCard:hover::before{height:100%}
.StepsSection .StepNum{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#01d4ea33,#98190033);border:2px solid #01d4ea4d;border-radius:50%;font-size:1.5rem;font-weight:700;color:#01D4EA;margin:0 0 24px}
.StepsSection .StepTitle{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.3}
.StepsSection .StepDesc{font-size:1rem;line-height:1.7;color:#c1c3ce;margin:0}
.VisualDataSection{background:#0d1118;padding:90px 20px;position:relative;overflow:hidden}
.VisualDataSection::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,#98190026,transparent 70%);pointer-events:none}
.VisualDataSection .WrapContainer{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.VisualDataSection .SplitLayout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:80px;align-items:center}
.VisualDataSection .ImageArea{position:relative}
.VisualDataSection .ImageArea::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;border:2px solid #01d4ea33;border-radius:28px;z-index:-1}
.VisualDataSection .ShowcaseImg{width:100%;height:auto;border-radius:24px;display:block;box-shadow:0 16px 48px #0009}
.VisualDataSection .TextZone{padding:0 0 0 20px}
.VisualDataSection .Heading2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 28px;line-height:1.25}
.VisualDataSection .Heading2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#01D4EA,#981900);margin:0 0 20px;border-radius:20px}
.VisualDataSection .Description{font-size:1.05rem;line-height:1.75;color:#b8bac4;margin:0 0 36px}
.VisualDataSection .MetricsList{display:flex;flex-direction:column;gap:20px}
.VisualDataSection .MetricItem{background:linear-gradient(120deg,#01d4ea14,#fef3d40d);border-left:4px solid #01D4EA;border-radius:16px;padding:20px 24px;transition:all .3s ease}
.VisualDataSection .MetricItem:hover{background:linear-gradient(120deg,#01d4ea26,#fef3d414);transform:translateX(8px)}
.VisualDataSection .MetricLabel{font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;color:#01D4EA;margin:0 0 8px;font-weight:600}
.VisualDataSection .MetricValue{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 6px;display:flex;align-items:baseline;gap:8px}
.VisualDataSection .MetricDesc{font-size:.95rem;color:#9da0ab;margin:0;line-height:1.5}
@media (max-width: 1024px) {
.hero29 .GridWrap42{grid-template-columns:1fr;min-height:auto}
.hero29 .ContentZone57{padding:60px 40px}
.hero29 .ImageHolder92{min-height:50vh}
.hero29 .TitleMajor{font-size:2.8rem}
.StepsSection .ProcessGrid{grid-template-columns:1fr}
.VisualDataSection .SplitLayout{grid-template-columns:1fr;gap:50px}
.VisualDataSection .TextZone{padding:0}
}
@media (max-width: 768px) {
.hero29 .TitleMajor{font-size:2.2rem}
.hero29 .InfoPara88{font-size:1rem}
.hero29 .ContentZone57{padding:50px 30px}
.StepsSection{padding:70px 20px}
.StepsSection .MainHeading{font-size:2.2rem}
.VisualDataSection{padding:70px 20px}
.VisualDataSection .Heading2{font-size:2rem}
.VisualDataSection .MetricValue{font-size:1.5rem}
}
.SuccessWrap87{background:linear-gradient(147deg,#0a0b14 0%,#1a1425 48%,#0d1219 100%);padding:0;margin:0;min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.SuccessWrap87::before{content:'';position:absolute;width:520px;height:520px;background:radial-gradient(circle,#01d4ea2e 0%,transparent 70%);top:-180px;left:-120px;filter:blur(80px);border-radius:50%}
.SuccessWrap87::after{content:'';position:absolute;width:440px;height:440px;background:radial-gradient(circle,#98190024 0%,transparent 70%);bottom:-140px;right:-100px;filter:blur(90px);border-radius:50%}
.ConfirmHolder{max-width:1320px;margin:0 auto;padding:60px 20px;position:relative;z-index:2}
.MessageGrid42{display:grid;grid-template-columns:180px 1fr 180px;gap:48px;align-items:center;position:relative}
.SideImage-l,.SideImage-r{width:180px;height:240px;background:linear-gradient(217deg,#01D4EA 0%,#981900 100%);border-radius:24px;position:relative;box-shadow:0 8px 24px #01d4ea29}
.SideImage-l::after,.SideImage-r::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,#0a0b14d9 100%);border-radius:24px}
.SideImage-l{background:linear-gradient(133deg,#981900 0%,#01D4EA 100%)}
.CenterContent93{text-align:center;padding:0 24px}
.IconBox-check{width:92px;height:92px;background:linear-gradient(135deg,#01D4EA 0%,#04a8ba 100%);border-radius:50%;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px #01d4ea61 0 0 48px #01d4ea29;position:relative}
.IconBox-check::before{content:'';position:absolute;inset:-8px;border:2px solid #01d4ea4d;border-radius:50%}
.IconBox-check i{font-size:44px;color:#0a0b14}
.MainTitle8{font-size:42px;font-weight:700;color:#FEF3D4;margin:0 0 18px;line-height:1.2;letter-spacing:-.02em}
.SubMessage17{font-size:18px;color:#b8c5d4;margin:0 0 14px;line-height:1.6}
.DetailPara{font-size:15px;color:#8a96a8;margin:0 0 40px;line-height:1.7;max-width:540px;margin-left:auto;margin-right:auto}
.ActionRow{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}
.BtnPrimary52{background:linear-gradient(94deg,#01D4EA 0%,#04a8ba 100%);color:#0a0b14;padding:15px 36px;border-radius:28px;text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 16px #01d4ea52;transition:all .3s ease;border:none}
.BtnPrimary52:hover{transform:translateY(-2px);box-shadow:0 8px 24px #01d4ea7a;background:linear-gradient(94deg,#04e3fc 0%,#05bfcf 100%)}
.BtnSecondary91{background:transparent;color:#01D4EA;padding:15px 36px;border-radius:28px;text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:10px;border:2px solid #01d4ea66;transition:all .3s ease}
.BtnSecondary91:hover{border-color:#01D4EA;background:#01d4ea14;transform:translateY(-2px)}
@media (max-width: 968px) {
.MessageGrid42{grid-template-columns:1fr;gap:32px}
.SideImage-l,.SideImage-r{display:none}
.MainTitle8{font-size:36px}
.ConfirmHolder{padding:50px 20px}
}
@media (max-width: 640px) {
.MainTitle8{font-size:32px}
.SubMessage17{font-size:16px}
.DetailPara{font-size:14px}
.ActionRow{flex-direction:column;width:100%}
.BtnPrimary52,.BtnSecondary91{width:100%;justify-content:center}
.IconBox-check{width:80px;height:80px}
.IconBox-check i{font-size:38px}
}