*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Public Sans',-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0028;color:#f0f0f0;line-height:1.6;overflow-x:hidden}
body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,#1979e014 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,#0d00521f 0%,transparent 50%);pointer-events:none;z-index:0}
header{position:relative;z-index:100;background:linear-gradient(165deg,#0D0052 0%,#0a0040 50%,#1979E0 100%);box-shadow:0 4px 20px #1979e026}
.TopBar{padding:24px 0;position:relative}
.TopBar::before{content:'Domain';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:700;color:#f8f8f808;letter-spacing:12px;white-space:nowrap;z-index:1;pointer-events:none}
.LogoHolder{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}
.LogoLink{display:inline-block;transition:transform .3s ease}
.LogoLink:hover{transform:scale(1.05)}
.SiteLogo{height:110px;width:110px;display:block;background:#f8f8f814;padding:12px;border-radius:8px;box-shadow:0 6px 24px #0000004d 0 0 0 1px #f8f8f81a}
.NavBar{background:#0a002899;backdrop-filter:blur(10px);border-top:1px solid #1979e033;position:relative;z-index:3}
.NavHolder{max-width:1140px;margin:0 auto;padding:0 20px}
.MainNavi{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;padding:16px 0}
.NaviLink{color:#f0f0f0;text-decoration:none;padding:12px 28px;font-weight:400;font-size:16px;transition:background .3s ease,color .3s ease;border-radius:6px;position:relative}
.NaviLink:hover{background:#1979e026;color:#1979E0}
main{position:relative;z-index:1;min-height:200px}
footer{position:relative;z-index:10;margin-top:80px}
.FooterMain{background:linear-gradient(135deg,#0D0052 0%,#1979E0 100%);padding:60px 0 40px;border-top:3px solid #1979E0}
.FooterContent{max-width:1140px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr;gap:60px}
.FooterNav{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.NavSection{display:flex;flex-direction:column;gap:14px}
.FooterHeading{font-size:18px;font-weight:700;color:#F8F8F8;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}
.FooterLink{color:#e0e0e0;text-decoration:none;font-size:15px;transition:color .3s ease;display:block}
.FooterLink:hover{color:#F8F8F8}
.FooterInfo{display:flex;flex-direction:column;gap:12px}
.ContactBlock{display:flex;flex-direction:column;gap:10px}
.InfoLine{color:#e0e0e0;font-size:14px;display:flex;align-items:center;gap:10px}
.InfoLine i{font-size:18px;color:#1979E0}
.InfoLine a{color:#e0e0e0;text-decoration:none;transition:color .3s ease}
.InfoLine a:hover{color:#F8F8F8}
.FooterBottom{background:#050020;padding:24px 0;border-top:1px solid #1979e04d}
.BottomContent{max-width:1140px;margin:0 auto;padding:0 20px;text-align:center}
.CopyText{color:#b0b0b0;font-size:14px}
.CookieBanner{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}
.CookieBanner.showing{opacity:1}
.CookieOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#050020d9;backdrop-filter:blur(4px)}
.CookiePanel{position:relative;background:linear-gradient(165deg,#0D0052 0%,#1979E0 100%);max-width:700px;width:90%;padding:40px;border-radius:0;box-shadow:0 12px 48px #00000080;transform:translateY(100vh);transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.CookieBanner.showing .CookiePanel{transform:translateY(0)}
.CookieTitle{font-size:26px;font-weight:700;color:#F8F8F8;margin-bottom:16px}
.CookieText{font-size:15px;color:#e0e0e0;margin-bottom:28px;line-height:1.6}
.CookieOptions{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.CookieOption{background:#f8f8f814;padding:14px 18px;border:1px solid #1979e04d}
.CookieLabel{display:flex;align-items:center;gap:12px;cursor:pointer;color:#F8F8F8;font-size:15px}
.CookieCheck{width:20px;height:20px;cursor:pointer;accent-color:#1979E0}
.CookieActions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.CookieButton{flex:1;min-width:150px;padding:14px 24px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:background .3s ease,transform .2s ease;font-family:'Public Sans',sans-serif}
.CookieButton:hover{transform:translateY(-2px)}
.CookieButton:active{transform:translateY(0)}
.AcceptButton{background:#1979E0;color:#F8F8F8}
.AcceptButton:hover{background:#1565c0}
.DeclineButton{background:#0D0052;color:#F8F8F8}
.DeclineButton:hover{background:#0a003d}
.SettingsButton{background:#f8f8f826;color:#F8F8F8}
.SettingsButton:hover{background:#f8f8f840}
.CookiePolicyLink{text-align:center}
.PolicyLink{color:#F8F8F8;text-decoration:underline;font-size:14px;transition:color .3s ease}
.PolicyLink:hover{color:#1979E0}
.CookieMini{position:fixed;bottom:20px;right:20px;z-index:9998}
.MiniExpand{background:linear-gradient(135deg,#0D0052 0%,#1979E0 100%);color:#F8F8F8;border:none;padding:14px 24px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #0006;transition:transform .3s ease;font-family:'Public Sans',sans-serif;display:flex;align-items:center;gap:8px}
.MiniExpand:hover{transform:translateY(-3px)}
.MiniExpand i{font-size:18px}
@media (max-width: 768px) {
.TopBar::before{font-size:60px;letter-spacing:6px}
.SiteLogo{height:80px;width:80px}
.MainNavi{flex-direction:column;gap:8px}
.NaviLink{width:100%;text-align:center}
.FooterContent{grid-template-columns:1fr;gap:40px}
.FooterNav{grid-template-columns:1fr;gap:30px}
.CookiePanel{padding:30px 24px}
.CookieTitle{font-size:22px}
.CookieActions{flex-direction:column}
.CookieButton{width:100%}
}
@media (max-width: 480px) {
.TopBar::before{font-size:40px;letter-spacing:4px}
.SiteLogo{height:70px;width:70px}
.CookiePanel{width:95%;padding:24px 20px}
}
.info-policy-wotk{max-width:1140px;margin:0 auto;padding:80px 20px 100px;background:linear-gradient(180deg,#0a0040 0%,#050025 100%);color:#f0f0f0}
.info-policy-wotk h1{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 40px;color:#fff;letter-spacing:-.5px}
.info-policy-wotk h2{font-size:36px;font-weight:600;line-height:1.3;margin:60px 0 24px;color:#f8f8f8;border-bottom:2px solid #1979e04d;padding-bottom:12px}
.info-policy-wotk h3{font-size:28px;font-weight:600;line-height:1.4;margin:48px 0 20px;color:#f5f5f5}
.info-policy-wotk h4{font-size:22px;font-weight:600;line-height:1.4;margin:36px 0 16px;color:#f2f2f2}
.info-policy-wotk h5{font-size:18px;font-weight:600;line-height:1.5;margin:28px 0 14px;color:#efefef}
.info-policy-wotk h6{font-size:16px;font-weight:600;line-height:1.5;margin:24px 0 12px;color:#ececec;text-transform:uppercase;letter-spacing:.5px}
.info-policy-wotk p{font-size:17px;line-height:1.8;margin:0 0 20px;color:#e0e0e0}
.info-policy-wotk strong,.info-policy-wotk b{font-weight:600;color:#fff}
.info-policy-wotk a{color:#1979E0;text-decoration:none;border-bottom:1px solid #1979e066;transition:all .3s ease;cursor:pointer}
.info-policy-wotk a:hover{color:#4d9ff5;border-bottom-color:#4d9ff5;background:#1979e014}
.info-policy-wotk a:active{color:#1565c0}
.info-policy-wotk table{width:100%;border-collapse:collapse;margin:32px 0;background:#0d005266;border:1px solid #1979e04d;box-shadow:0 4px 12px #0006}
.info-policy-wotk thead{background:linear-gradient(135deg,#0D0052 0%,#1979E0 100%)}
.info-policy-wotk thead tr{border-bottom:2px solid #1979E0}
.info-policy-wotk tbody tr{border-bottom:1px solid #1979e033;transition:background .2s ease}
.info-policy-wotk tbody tr:hover{background:#1979e01f}
.info-policy-wotk tbody tr:last-child{border-bottom:none}
.info-policy-wotk th{padding:16px 20px;text-align:left;font-size:16px;font-weight:600;color:#fff;letter-spacing:.3px}
.info-policy-wotk td{padding:14px 20px;font-size:16px;line-height:1.7;color:#e0e0e0}
.info-policy-wotk hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#1979e080 50%,transparent 100%);margin:48px 0}
@media (max-width: 768px) {
.info-policy-wotk{padding:60px 16px 80px}
.info-policy-wotk h1{font-size:36px;margin-bottom:32px}
.info-policy-wotk h2{font-size:28px;margin:48px 0 20px}
.info-policy-wotk h3{font-size:24px;margin:36px 0 16px}
.info-policy-wotk h4{font-size:20px;margin:28px 0 14px}
.info-policy-wotk h5{font-size:17px;margin:24px 0 12px}
.info-policy-wotk h6{font-size:15px;margin:20px 0 10px}
.info-policy-wotk p{font-size:16px;line-height:1.75;margin-bottom:18px}
.info-policy-wotk table{font-size:14px;margin:24px 0}
.info-policy-wotk th,.info-policy-wotk td{padding:12px 14px;font-size:14px}
}
@media (max-width: 480px) {
.info-policy-wotk{padding:40px 12px 60px}
.info-policy-wotk h1{font-size:30px;margin-bottom:24px}
.info-policy-wotk h2{font-size:24px;margin:36px 0 16px}
.info-policy-wotk h3{font-size:20px;margin:28px 0 14px}
.info-policy-wotk p{font-size:15px;line-height:1.7}
.info-policy-wotk th,.info-policy-wotk td{padding:10px 12px;font-size:13px}
.info-policy-wotk table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.TitleZone{background:linear-gradient(158deg,#0D0052 0%,#1a0a5e 35%,#1979E0 100%);position:relative;padding:0;margin:0 auto;overflow:hidden}
.TitleZone .InnerWrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:90px 30px;position:relative;z-index:2}
.TitleZone .TexTblock{padding:20px 0}
.TitleZone .MainHed{font-size:3.2rem;line-height:1.15;color:#F8F8F8;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}
.TitleZone .SubTxt{font-size:1.15rem;line-height:1.7;color:#f8f8f8e0;margin:0;max-width:520px}
.TitleZone .ImgHolder{position:relative}
.TitleZone .ImgHolder img{width:100%;height:460px;object-fit:cover;border-radius:8px;box-shadow:0 14px 38px #00000059 0 0 60px #1979e040}
.TitleZone::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,#1979e02e 0%,transparent 70%);pointer-events:none}
.StorySection{padding:85px 30px;background:#0a0028;position:relative}
.StorySection .ContainerBox{max-width:1140px;margin:0 auto}
.StorySection .TopLabel{font-size:.92rem;text-transform:uppercase;letter-spacing:.12em;color:#1979E0;margin:0 0 16px;font-weight:600}
.StorySection .SectionHd{font-size:2.4rem;line-height:1.25;color:#F8F8F8;margin:0 0 28px;font-weight:700}
.StorySection .ContentGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}
.StorySection .MainText{font-size:1.05rem;line-height:1.75;color:#f8f8f8d1}
.StorySection .MainText p{margin:0 0 20px}
.StorySection .MainText p:last-child{margin-bottom:0}
.StorySection .HighlightBox{background:linear-gradient(145deg,#0d005266 0%,#1979e026 100%);padding:36px 32px;border-radius:10px;border:1px solid #1979e040;position:relative}
.StorySection .HighlightBox::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#1979E0 0%,#0D0052 100%);border-radius:10px 0 0 10px}
.StorySection .HighlightBox .BoxTitle{font-size:1.35rem;color:#F8F8F8;margin:0 0 18px;font-weight:600}
.StorySection .HighlightBox .BoxText{font-size:1rem;line-height:1.65;color:#f8f8f8c7;margin:0}
.ApproachBlock{padding:80px 30px;background:#05001a;position:relative}
.ApproachBlock::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#1979e04d 50%,transparent 100%)}
.ApproachBlock .Wrap{max-width:1140px;margin:0 auto}
.ApproachBlock .TitleRow{text-align:center;margin-bottom:60px}
.ApproachBlock .BlockHd{font-size:2.2rem;color:#F8F8F8;margin:0 0 18px;font-weight:700}
.ApproachBlock .BlockSubtext{font-size:1.08rem;color:#f8f8f8bf;margin:0;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.65}
.ApproachBlock .ItemsLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ApproachBlock .ItemCard{background:#0d005240;padding:38px 28px;border-radius:8px;border:1px solid #1979e033;transition:all .3s ease;cursor:default;position:relative}
.ApproachBlock .ItemCard:hover{transform:translateY(-6px);border-color:#1979e080;box-shadow:0 10px 30px #1979e026}
.ApproachBlock .ItemCard .IconBox{width:56px;height:56px;background:linear-gradient(135deg,#1979E0 0%,#0D0052 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.ApproachBlock .ItemCard .IconBox i{font-size:1.6rem;color:#F8F8F8}
.ApproachBlock .ItemCard .CardTitle{font-size:1.25rem;color:#F8F8F8;margin:0 0 14px;font-weight:600}
.ApproachBlock .ItemCard .CardDesc{font-size:.98rem;line-height:1.65;color:#f8f8f8b8;margin:0}
.ValueZone{padding:0;background:#0D0052;position:relative;overflow:hidden}
.ValueZone .GridHolder{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1.1fr;align-items:stretch;gap:0}
.ValueZone .ImgSide{position:relative;min-height:500px}
.ValueZone .ImgSide img{width:100%;height:100%;object-fit:cover;display:block}
.ValueZone .TextSide{padding:70px 50px;background:linear-gradient(125deg,#0d0052d9 0%,#1979e033 100%);display:flex;flex-direction:column;justify-content:center}
.ValueZone .SideHd{font-size:2.1rem;color:#F8F8F8;margin:0 0 26px;font-weight:700;line-height:1.3}
.ValueZone .ListItems{display:flex;flex-direction:column;gap:24px}
.ValueZone .ValueItem{display:flex;align-items:start;gap:16px}
.ValueZone .ValueItem .Marker{width:32px;height:32px;background:#1979E0;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.ValueZone .ValueItem .Marker i{font-size:1.1rem;color:#F8F8F8}
.ValueZone .ValueItem .ItemContent .ItemHd{font-size:1.15rem;color:#F8F8F8;margin:0 0 8px;font-weight:600}
.ValueZone .ValueItem .ItemContent .ItemTxt{font-size:.96rem;line-height:1.6;color:#f8f8f8c2;margin:0}
.TeamHolder{padding:85px 30px;background:linear-gradient(175deg,#05001a 0%,#0a0028 45%,#0D0052 100%);position:relative}
.TeamHolder .Container{max-width:1140px;margin:0 auto}
.TeamHolder .HeadRow{margin-bottom:55px}
.TeamHolder .SecHd{font-size:2.3rem;color:#F8F8F8;margin:0 0 20px;font-weight:700}
.TeamHolder .SecDesc{font-size:1.06rem;line-height:1.7;color:#f8f8f8c7;margin:0;max-width:720px}
.TeamHolder .CardsRow{display:grid;grid-template-columns:repeat(2,1fr);gap:45px}
.TeamHolder .ProfileCard{background:#0d00524d;border-radius:10px;overflow:hidden;border:1px solid #1979e038;display:flex;flex-direction:column;transition:all .35s ease}
.TeamHolder .ProfileCard:hover{border-color:#1979e08c;box-shadow:0 12px 35px #1979e033;transform:translateY(-4px)}
.TeamHolder .ProfileCard .CardImg{width:100%;height:320px;overflow:hidden;position:relative}
.TeamHolder .ProfileCard .CardImg img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.TeamHolder .ProfileCard:hover .CardImg img{transform:scale(1.05)}
.TeamHolder .ProfileCard .CardBody{padding:32px 28px}
.TeamHolder .ProfileCard .CardBody .NameTag{font-size:1.4rem;color:#F8F8F8;margin:0 0 8px;font-weight:700}
.TeamHolder .ProfileCard .CardBody .RoleTag{font-size:1rem;color:#1979E0;margin:0 0 18px;font-weight:500}
.TeamHolder .ProfileCard .CardBody .BioText{font-size:.97rem;line-height:1.7;color:#f8f8f8bd;margin:0}
.CtaFinal{padding:75px 30px;background:linear-gradient(215deg,#1979E0 0%,#0D0052 65%,#05001a 100%);position:relative;text-align:center}
.CtaFinal::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,#f8f8f814 0%,transparent 65%);pointer-events:none}
.CtaFinal .InnerBox{max-width:780px;margin:0 auto;position:relative;z-index:2}
.CtaFinal .CtaHd{font-size:2.5rem;color:#F8F8F8;margin:0 0 22px;font-weight:700;line-height:1.25}
.CtaFinal .CtaSub{font-size:1.1rem;line-height:1.65;color:#f8f8f8d9;margin:0 0 38px}
.CtaFinal .BtnRow{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.CtaFinal .BtnPrimary{display:inline-block;padding:16px 42px;background:#F8F8F8;color:#0D0052;font-size:1.05rem;font-weight:600;border-radius:7px;text-decoration:none;transition:all .3s ease;border:2px solid #F8F8F8;cursor:pointer;z-index:10;position:relative}
.CtaFinal .BtnPrimary:hover{background:transparent;color:#F8F8F8;transform:translateY(-2px);box-shadow:0 8px 24px #f8f8f840}
.CtaFinal .BtnSecondary{display:inline-block;padding:16px 42px;background:transparent;color:#F8F8F8;font-size:1.05rem;font-weight:600;border-radius:7px;text-decoration:none;transition:all .3s ease;border:2px solid #f8f8f880;cursor:pointer;z-index:10;position:relative}
.CtaFinal .BtnSecondary:hover{border-color:#F8F8F8;background:#f8f8f81a;transform:translateY(-2px);box-shadow:0 8px 24px #f8f8f826}
@media (max-width: 968px) {
.TitleZone .InnerWrap{grid-template-columns:1fr;gap:40px;padding:60px 25px}
.TitleZone .MainHed{font-size:2.4rem}
.TitleZone .ImgHolder img{height:380px}
.StorySection .ContentGrid{grid-template-columns:1fr;gap:35px}
.ApproachBlock .ItemsLayout{grid-template-columns:1fr;gap:30px}
.ValueZone .GridHolder{grid-template-columns:1fr}
.ValueZone .ImgSide{min-height:350px}
.ValueZone .TextSide{padding:50px 30px}
.TeamHolder .CardsRow{grid-template-columns:1fr;gap:35px}
.CtaFinal .CtaHd{font-size:2rem}
}
@media (max-width: 640px) {
.TitleZone .MainHed{font-size:2rem}
.TitleZone .SubTxt{font-size:1.05rem}
.TitleZone .ImgHolder img{height:280px}
.StorySection{padding:60px 20px}
.StorySection .SectionHd{font-size:1.9rem}
.ApproachBlock{padding:60px 20px}
.ApproachBlock .BlockHd{font-size:1.85rem}
.ValueZone .SideHd{font-size:1.8rem}
.TeamHolder{padding:60px 20px}
.TeamHolder .SecHd{font-size:1.9rem}
.CtaFinal{padding:60px 20px}
.CtaFinal .CtaHd{font-size:1.75rem}
.CtaFinal .BtnRow{flex-direction:column;align-items:stretch}
}
.TitlHeading{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(148deg,#0D0052 0%,#1979E0 100%)}
.TitlHeading .BgImgHolder{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.14;z-index:1}
.TitlHeading .BgImgHolder img{width:100%;height:100%;object-fit:cover;filter:sepia(0.3) grayscale(0.4);transform:scale(1.05)}
.TitlHeading .TxtWrap{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:80px 20px}
.TitlHeading .TxtWrap .MainHead{font-size:3.2rem;color:#F8F8F8;font-weight:700;margin:0 0 18px;line-height:1.15;letter-spacing:-.5px}
.TitlHeading .TxtWrap .SubText{font-size:1.25rem;color:#f8f8f8e0;max-width:620px;line-height:1.6;margin:0}
.ProgressMetrics{padding:90px 20px;background:linear-gradient(231deg,#0D0052 0%,#1979E0 50%,#F8F8F8 100%);position:relative}
.ProgressMetrics::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;height:2px;background:linear-gradient(90deg,transparent,#1979e066,transparent)}
.ProgressMetrics .ContentWrap{max-width:1140px;margin:0 auto}
.ProgressMetrics .SectHead{font-size:2.4rem;color:#F8F8F8;margin:0 0 50px;font-weight:600;text-align:center;position:relative}
.ProgressMetrics .SectHead::after{content:'';position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:#1979E0;border-radius:6px}
.ProgressMetrics .LevelGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:60px}
.ProgressMetrics .LevelCard{background:#f8f8f80f;border:1px solid #1979e040;border-radius:8px;padding:28px;transition:all .3s ease;cursor:default}
.ProgressMetrics .LevelCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1979e033;border-color:#1979e080}
.ProgressMetrics .LevelCard .CardIcon{width:54px;height:54px;background:linear-gradient(135deg,#1979E0,#0D0052);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ProgressMetrics .LevelCard .CardIcon i{font-size:26px;color:#F8F8F8}
.ProgressMetrics .LevelCard .CardTitle{font-size:1.35rem;color:#F8F8F8;margin:0 0 12px;font-weight:600}
.ProgressMetrics .LevelCard .CardDesc{font-size:.98rem;color:#f8f8f8bf;line-height:1.6;margin:0 0 18px}
.ProgressMetrics .LevelCard .ProgressBar{height:8px;background:#0d005266;border-radius:6px;overflow:hidden;position:relative}
.ProgressMetrics .LevelCard .ProgressFill{height:100%;background:linear-gradient(90deg,#1979E0,#0D0052);border-radius:6px;transition:width .6s ease}
.ProgressMetrics .LevelCard:nth-child(1) .ProgressFill{width:78%}
.ProgressMetrics .LevelCard:nth-child(2) .ProgressFill{width:65%}
.ProgressMetrics .LevelCard:nth-child(3) .ProgressFill{width:92%}
.ResponsibilityView{padding:85px 20px;background:#0D0052}
.ResponsibilityView .holder{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ResponsibilityView .txtArea h2{font-size:2.2rem;color:#F8F8F8;margin:0 0 24px;font-weight:600;line-height:1.3}
.ResponsibilityView .txtArea p{font-size:1.05rem;color:#f8f8f8cc;line-height:1.75;margin:0 0 20px}
.ResponsibilityView .txtArea .highlight{color:#1979E0;font-weight:500}
.ResponsibilityView .visualBox{position:relative}
.ResponsibilityView .visualBox img{width:100%;height:auto;border-radius:8px;box-shadow:0 12px 32px #0006}
.ResponsibilityView .visualBox::before{content:'';position:absolute;top:-12px;right:-12px;width:100%;height:100%;border:2px solid #1979e04d;border-radius:8px;z-index:-1}
.EfficiencySection{padding:80px 20px;background:#1a1a2e;position:relative}
.EfficiencySection .wrapper{max-width:1140px;margin:0 auto}
.EfficiencySection .header{text-align:center;margin-bottom:60px}
.EfficiencySection .header h2{font-size:2.3rem;color:#F8F8F8;margin:0 0 16px;font-weight:600}
.EfficiencySection .header .subline{font-size:1.1rem;color:#f8f8f8b3;max-width:680px;margin:0 auto;line-height:1.65}
.EfficiencySection .skillLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.EfficiencySection .skillItem{background:#f8f8f80a;padding:32px;border-radius:8px;border-left:4px solid #1979E0;transition:all .3s ease}
.EfficiencySection .skillItem:hover{background:#f8f8f812;transform:translateX(6px)}
.EfficiencySection .skillItem h3{font-size:1.4rem;color:#F8F8F8;margin:0 0 14px;font-weight:600}
.EfficiencySection .skillItem p{font-size:1rem;color:#f8f8f8bf;line-height:1.7;margin:0}
.InteractionHub{padding:90px 20px;background:linear-gradient(180deg,#0D0052 0%,#1a1a2e 100%)}
.InteractionHub .centerWrap{max-width:1140px;margin:0 auto}
.InteractionHub .topLine{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-bottom:60px}
.InteractionHub .topLine .textSide h2{font-size:2.4rem;color:#F8F8F8;margin:0 0 20px;font-weight:600}
.InteractionHub .topLine .textSide p{font-size:1.05rem;color:#f8f8f8c7;line-height:1.7;margin:0}
.InteractionHub .topLine .imgSide img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px #00000059}
.InteractionHub .formatGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.InteractionHub .formatBox{background:#1979e014;padding:28px;border-radius:8px;border:1px solid #1979e033;text-align:center;transition:all .3s ease;cursor:default}
.InteractionHub .formatBox:hover{background:#1979e024;border-color:#1979e066;transform:scale(1.03)}
.InteractionHub .formatBox .icon{font-size:42px;color:#1979E0;margin-bottom:16px}
.InteractionHub .formatBox h3{font-size:1.25rem;color:#F8F8F8;margin:0 0 10px;font-weight:600}
.InteractionHub .formatBox p{font-size:.96rem;color:#f8f8f8b8;line-height:1.6;margin:0}
.TimelinePlatform{padding:85px 20px;background:#16213e}
.TimelinePlatform .contain{max-width:1140px;margin:0 auto}
.TimelinePlatform .heading{text-align:center;margin-bottom:70px}
.TimelinePlatform .heading h2{font-size:2.5rem;color:#F8F8F8;margin:0 0 18px;font-weight:600}
.TimelinePlatform .heading .intro{font-size:1.08rem;color:#f8f8f8bd;max-width:700px;margin:0 auto;line-height:1.68}
.TimelinePlatform .timelineFlow{position:relative;padding-left:60px}
.TimelinePlatform .timelineFlow::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1979E0,#1979e033)}
.TimelinePlatform .milestone{position:relative;margin-bottom:45px;padding-left:30px}
.TimelinePlatform .milestone::before{content:'';position:absolute;left:-48px;top:6px;width:16px;height:16px;background:#1979E0;border:3px solid #16213e;border-radius:50%;box-shadow:0 0 0 4px #1979e033}
.TimelinePlatform .milestone .year{font-size:1.5rem;color:#1979E0;font-weight:700;margin:0 0 10px}
.TimelinePlatform .milestone h3{font-size:1.3rem;color:#F8F8F8;margin:0 0 12px;font-weight:600}
.TimelinePlatform .milestone p{font-size:1rem;color:#f8f8f8c2;line-height:1.7;margin:0}
.TimelinePlatform .teamShowcase{margin-top:70px;display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.TimelinePlatform .teamCard{background:#1979e00f;border-radius:8px;padding:28px;display:flex;gap:24px;align-items:center;border:1px solid #1979e026;transition:all .3s ease}
.TimelinePlatform .teamCard:hover{background:#1979e01a;transform:translateY(-3px);box-shadow:0 6px 18px #0000004d}
.TimelinePlatform .teamCard .portrait{flex-shrink:0}
.TimelinePlatform .teamCard .portrait img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #1979e04d}
.TimelinePlatform .teamCard .info h4{font-size:1.2rem;color:#F8F8F8;margin:0 0 6px;font-weight:600}
.TimelinePlatform .teamCard .info .role{font-size:.92rem;color:#1979E0;margin:0 0 10px;font-weight:500}
.TimelinePlatform .teamCard .info .quote{font-size:.95rem;color:#f8f8f8b8;line-height:1.6;margin:0;font-style:italic}
@media (max-width: 992px) {
.TitlHeading .TxtWrap .MainHead{font-size:2.5rem}
.ResponsibilityView .holder{grid-template-columns:1fr;gap:40px}
.EfficiencySection .skillLayout{grid-template-columns:1fr}
.InteractionHub .topLine{grid-template-columns:1fr}
.InteractionHub .formatGrid{grid-template-columns:repeat(2,1fr)}
.TimelinePlatform .teamShowcase{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.TitlHeading .TxtWrap .MainHead{font-size:2rem}
.ProgressMetrics .LevelGrid{grid-template-columns:1fr}
.InteractionHub .formatGrid{grid-template-columns:1fr}
.TimelinePlatform .timelineFlow{padding-left:40px}
}
.HeroPanel{background:linear-gradient(217deg,#0D0052 0%,#1a0c6b 35%,#1979E0 100%);padding:85px 20px 90px;position:relative;overflow:hidden}
.HeroPanel::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#1979e026 0%,transparent 70%);border-radius:50%}
.HeroWrap{max-width:1140px;margin:0 auto;display:flex;gap:60px;align-items:center;position:relative;z-index:2}
.TextZone{flex:1 1 60%}
.BigStatement{font-size:48px;font-weight:700;color:#F8F8F8;margin:0 0 18px;line-height:1.15;letter-spacing:-.02em}
.SubHead{font-size:28px;font-weight:400;color:#f8f8f8d9;margin:0 0 26px;line-height:1.3}
.IntroWording{font-size:17px;line-height:1.65;color:#f8f8f8e6;margin:0}
.IllustZone{flex:0 0 320px;position:relative}
.IllustZone img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 12px 40px #00000059;border:3px solid #f8f8f826}
.ContactHub{padding:95px 20px 100px;background:#0a0035;position:relative}
.ContactHub::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#1979E0 50%,transparent 100%)}
.ContactContainer{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}
.SectionLabel{font-size:32px;font-weight:600;color:#F8F8F8;margin:0 0 40px;position:relative;display:inline-block}
.SectionLabel::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#1979E0 0%,transparent 100%)}
.ChannelGrid{display:flex;flex-direction:column;gap:32px}
.ChannelUnit{background:linear-gradient(135deg,#0d005266 0%,#1979e014 100%);padding:28px 26px;border-radius:8px;border:1px solid #1979e040;transition:all .3s ease}
.ChannelUnit:hover{transform:translateY(-3px);border-color:#1979e080;box-shadow:0 8px 24px #1979e033}
.OpenIcon{font-size:38px;color:#1979E0;display:block;margin-bottom:16px}
.ChannelUnit h4{font-size:20px;font-weight:600;color:#F8F8F8;margin:0 0 10px}
.ChannelUnit p{font-size:15px;line-height:1.6;color:#f8f8f8bf;margin:0 0 12px}
.ReachLink{display:inline-block;font-size:16px;font-weight:500;color:#1979E0;text-decoration:none;transition:color .25s ease}
.ReachLink:hover{color:#3d96ff}
.FormSection{background:linear-gradient(145deg,#0d00524d 0%,#0a003580 100%);padding:45px 40px 50px;border-radius:10px;border:1px solid #1979e033}
.FormHeading{font-size:28px;font-weight:600;color:#F8F8F8;margin:0 0 12px}
.FormIntro{font-size:15px;line-height:1.6;color:#f8f8f8b3;margin:0 0 35px}
.ContactForm{display:flex;flex-direction:column;gap:24px}
.FormRow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.InputHolder{display:flex;flex-direction:column;gap:8px}
.FieldLabel{font-size:14px;font-weight:500;color:#f8f8f8d9;letter-spacing:.01em}
.TextInput,.TextArea{width:100%;padding:13px 16px;background:#f8f8f80f;border:1px solid #1979e04d;border-radius:6px;color:#F8F8F8;font-size:15px;transition:all .3s ease}
.TextInput:focus,.TextArea:focus{outline:none;background:#f8f8f817;border-color:#1979E0;box-shadow:0 0 0 3px #1979e026}
.TextInput::placeholder,.TextArea::placeholder{color:#f8f8f866}
.TextArea{resize:vertical;min-height:140px;font-family:inherit}
.TopicSelector{display:flex;flex-direction:column;gap:14px}
.CheckboxGroup{display:flex;flex-wrap:wrap;gap:14px}
.CheckOption{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.CheckOption input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:#1979E0}
.CheckText{font-size:15px;color:#f8f8f8cc;transition:color .25s ease}
.CheckOption:hover .CheckText{color:#F8F8F8}
.PrivacyArea{margin-top:8px}
.PrivacyCheck{align-items:flex-start}
.PrivacyCheck .CheckText{font-size:13px;line-height:1.5;color:#f8f8f8b3}
.PrivacyCheck .CheckText a{color:#1979E0;text-decoration:underline;transition:color .25s ease}
.PrivacyCheck .CheckText a:hover{color:#3d96ff}
.SubmitButton{align-self:flex-start;padding:15px 42px;background:linear-gradient(135deg,#1979E0 0%,#0D0052 100%);border:none;border-radius:6px;color:#F8F8F8;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1979e04d;z-index:10;position:relative}
.SubmitButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1979e073;background:linear-gradient(135deg,#3d96ff 0%,#1a0c6b 100%)}
.SubmitButton:active{transform:translateY(0)}
@media (max-width: 968px) {
.HeroWrap{flex-direction:column;gap:45px}
.TextZone{flex:1 1 100%}
.IllustZone{flex:0 0 100%;max-width:420px}
.BigStatement{font-size:38px}
.SubHead{font-size:24px}
.ContactContainer{grid-template-columns:1fr;gap:50px}
.FormRow{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 640px) {
.HeroPanel{padding:60px 20px 65px}
.BigStatement{font-size:32px}
.SubHead{font-size:20px}
.IntroWording{font-size:16px}
.IllustZone img{height:300px}
.ContactHub{padding:65px 20px 70px}
.FormSection{padding:35px 24px 40px}
.SectionLabel{font-size:26px}
.FormHeading{font-size:24px}
.CheckboxGroup{flex-direction:column;gap:12px}
.SubmitButton{width:100%;text-align:center}
}
.PgWrap{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}
.HeroBlk{position:relative;padding:80px 0 120px;background:linear-gradient(231deg,#0D0052 0%,#1979E0 50%,#F8F8F8 100%);overflow:hidden}
.HeroBlk::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:120px;background:#0a0035;clip-path:polygon(0 40%,100% 0,100% 100%,0 100%)}
.HeroBlk .PgWrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.HeroTxtArea h1{font-size:3.2rem;line-height:1.15;color:#F8F8F8;margin:0 0 24px;font-weight:700}
.HeroTxtArea .SubHdr{font-size:1.3rem;line-height:1.6;color:#e8e8f5;margin:0 0 20px;font-weight:400}
.HeroTxtArea .DetDesc{font-size:1.05rem;line-height:1.7;color:#d0d0e8;margin:0}
.HeroImgHolder{position:relative}
.HeroImgHolder img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 16px 48px #0d005266 0 8px 24px #1979e033}
.ProgDetailsSec{background:#0a0035;padding:100px 0;position:relative}
.ProgDetailsSec .PgWrap{display:flex;gap:80px;align-items:flex-start}
.LeftColData{flex:1}
.RightColViz{flex:0 0 380px}
.ProgDetailsSec h2{font-size:2.4rem;line-height:1.25;color:#F8F8F8;margin:0 0 32px;font-weight:700;position:relative;padding-bottom:16px}
.ProgDetailsSec h2::before{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#1979E0,#0D0052);border-radius:2px}
.ProgDetailsSec .IntroText{font-size:1.1rem;line-height:1.75;color:#c0c0d8;margin:0 0 40px}
.LevelCard{background:#1979e014;border:1px solid #1979e033;border-radius:8px;padding:28px;margin-bottom:24px;transition:all .3s ease;cursor:pointer}
.LevelCard:hover{background:#1979e024;border-color:#1979e066;transform:translateX(8px)}
.LevelCard h3{font-size:1.5rem;color:#F8F8F8;margin:0 0 12px;font-weight:600}
.LevelCard .LvlDur{font-size:.95rem;color:#1979E0;margin:0 0 16px;font-weight:500}
.LevelCard p{font-size:1rem;line-height:1.65;color:#b0b0c8;margin:0}
.StatGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.StatBox{background:#0d00524d;border:2px solid #1979e04d;border-radius:6px;padding:24px;text-align:center}
.StatBox .NumVal{font-size:2.8rem;color:#1979E0;font-weight:700;display:block;margin-bottom:8px;line-height:1}
.StatBox .StatLbl{font-size:.95rem;color:#d0d0e8;line-height:1.4}
.EnrollSec{background:linear-gradient(180deg,#0a0035 0%,#0D0052 100%);padding:90px 0}
.EnrollSec .PgWrap{display:grid;grid-template-columns:400px 1fr;gap:70px;align-items:center}
.EnrollImgBox img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 12px 40px #00000080}
.EnrollCntArea h2{font-size:2.6rem;line-height:1.2;color:#F8F8F8;margin:0 0 28px;font-weight:700}
.EnrollCntArea .EnrollTxt{font-size:1.1rem;line-height:1.7;color:#c0c0d8;margin:0 0 36px}
.FtrList{list-style:none;padding:0;margin:0 0 40px}
.FtrList li{font-size:1.05rem;color:#b8b8d0;padding:12px 0 12px 36px;position:relative;line-height:1.6}
.FtrList li::before{content:'';position:absolute;left:0;top:16px;width:20px;height:20px;background:linear-gradient(135deg,#1979E0,#0D0052);border-radius:50%;box-shadow:0 4px 8px #1979e04d}
.CtaRow{display:flex;gap:20px;align-items:center}
.PrimBtn{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#1979E0,#0D0052);color:#F8F8F8;text-decoration:none;border-radius:6px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #1979e066;cursor:pointer;z-index:10;position:relative}
.PrimBtn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #1979e099}
.SecBtn{display:inline-block;padding:16px 42px;background:transparent;border:2px solid #1979E0;color:#1979E0;text-decoration:none;border-radius:6px;font-size:1.1rem;font-weight:600;transition:all .3s ease;cursor:pointer;z-index:10;position:relative}
.SecBtn:hover{background:#1979e01a;border-color:#F8F8F8;color:#F8F8F8}
@media (max-width: 968px) {
.HeroBlk .PgWrap{grid-template-columns:1fr;gap:40px}
.HeroTxtArea h1{font-size:2.4rem}
.HeroImgHolder img{height:320px}
.ProgDetailsSec .PgWrap{flex-direction:column;gap:50px}
.RightColViz{flex:1;width:100%}
.EnrollSec .PgWrap{grid-template-columns:1fr;gap:40px}
.EnrollImgBox img{height:360px}
}
@media (max-width: 640px) {
.HeroBlk{padding:60px 0 100px}
.HeroTxtArea h1{font-size:2rem}
.HeroTxtArea .SubHdr{font-size:1.1rem}
.HeroImgHolder img{height:280px}
.ProgDetailsSec{padding:70px 0}
.ProgDetailsSec h2{font-size:1.9rem}
.StatGrid{grid-template-columns:1fr}
.EnrollSec{padding:70px 0}
.EnrollCntArea h2{font-size:2rem}
.CtaRow{flex-direction:column;gap:16px}
.PrimBtn,.SecBtn{width:100%;text-align:center}
}
.StoryWrapp{max-width:1140px;margin:0 auto;padding:0 20px}
.TopSec{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:80px 0 60px;align-items:center}
.TopSec .TxtSide{padding-right:40px}
.TopSec .MainHeado{font-size:3.2rem;line-height:1.2;color:#F8F8F8;margin:0 0 18px;font-weight:700}
.TopSec .SubHeado{font-size:1.8rem;color:#1979E0;margin:0 0 24px;font-weight:600}
.TopSec .IntroTxt{font-size:1.05rem;line-height:1.7;color:#c5c5c5;margin:0}
.TopSec .ImgMosaic{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,180px);gap:16px;position:relative}
.TopSec .ImgMosaic .ImgBox{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0006;position:relative}
.TopSec .ImgMosaic .ImgBox:first-child{grid-column:1 / 2;grid-row:1 / 3}
.TopSec .ImgMosaic .ImgBox img{width:100%;height:100%;object-fit:cover;display:block}
.TopSec .ImgMosaic .ImgBox::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0d005226 0%,#1979e01a 100%);backdrop-filter:blur(0.5px)}
.StoryGrid{padding:60px 0;background:linear-gradient(165deg,#0A0040 0%,#0D0052 40%,#1979E0 100%);position:relative}
.StoryGrid::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#1979E0 50%,transparent 100%)}
.StoryGrid .GridHolder{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.StoryGrid .CaseCard{background:#f8f8f808;border:1px solid #1979e033;border-radius:6px;padding:36px 28px;transition:all .3s ease;cursor:pointer}
.StoryGrid .CaseCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1979e04d;border-color:#1979e099}
.StoryGrid .CaseCard .ProfileImg{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 0 20px;border:3px solid #1979e066}
.StoryGrid .CaseCard .ProfileImg img{width:100%;height:100%;object-fit:cover}
.StoryGrid .CaseCard .StudentName{font-size:1.4rem;color:#F8F8F8;margin:0 0 8px;font-weight:600}
.StoryGrid .CaseCard .CoursePath{font-size:.95rem;color:#1979E0;margin:0 0 18px;font-weight:500}
.StoryGrid .CaseCard .ResultTxt{font-size:1rem;line-height:1.65;color:#b8b8b8;margin:0 0 16px}
.StoryGrid .CaseCard .MetricRow{display:flex;gap:20px;padding-top:16px;border-top:1px solid #1979e026}
.StoryGrid .CaseCard .MetricRow .MetricItem{flex:1}
.StoryGrid .CaseCard .MetricRow .MetricItem .MetricNum{font-size:1.6rem;color:#1979E0;font-weight:700;display:block;margin:0 0 4px}
.StoryGrid .CaseCard .MetricRow .MetricItem .MetricLabel{font-size:.85rem;color:#9a9a9a;display:block}
.TimelineBlock{padding:80px 0;background:#0A0040;position:relative}
.TimelineBlock .SectionHeado{font-size:2.4rem;color:#F8F8F8;text-align:center;margin:0 0 60px;font-weight:700}
.TimelineBlock .TimelineTrack{position:relative;max-width:900px;margin:0 auto}
.TimelineBlock .TimelineTrack::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1979E0 0%,#1979e04d 100%);transform:translateX(-50%)}
.TimelineBlock .PhaseItem{display:flex;margin-bottom:60px;position:relative}
.TimelineBlock .PhaseItem:nth-child(odd){flex-direction:row-reverse}
.TimelineBlock .PhaseItem .PhaseContent{width:calc(50% - 40px);background:#f8f8f80a;padding:28px 32px;border-radius:8px;border:1px solid #1979e040;position:relative}
.TimelineBlock .PhaseItem:nth-child(odd) .PhaseContent{margin-left:auto}
.TimelineBlock .PhaseItem .PhaseContent::before{content:'';position:absolute;top:30px;width:20px;height:2px;background:#1979E0}
.TimelineBlock .PhaseItem:nth-child(odd) .PhaseContent::before{left:-20px}
.TimelineBlock .PhaseItem:nth-child(even) .PhaseContent::before{right:-20px}
.TimelineBlock .PhaseItem .PhaseMarker{position:absolute;left:50%;top:24px;width:18px;height:18px;background:#1979E0;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 6px #1979e033;z-index:2}
.TimelineBlock .PhaseItem .PhaseNum{font-size:1.1rem;color:#1979E0;font-weight:700;margin:0 0 10px}
.TimelineBlock .PhaseItem .PhaseTitle{font-size:1.3rem;color:#F8F8F8;margin:0 0 12px;font-weight:600}
.TimelineBlock .PhaseItem .PhaseDesc{font-size:.98rem;line-height:1.6;color:#b0b0b0;margin:0}
.TransformSec{padding:70px 0 90px;background:linear-gradient(231deg,#0D0052 0%,#1979E0 50%,#0A0040 100%);position:relative}
.TransformSec::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,#1979e026 0%,transparent 50%),radial-gradient(circle at 80% 50%,#0d005233 0%,transparent 50%);pointer-events:none}
.TransformSec .ContentSplit{display:flex;align-items:center;gap:60px;position:relative;z-index:1}
.TransformSec .ContentSplit .LeftSide{flex:1}
.TransformSec .ContentSplit .RightSide{flex:1}
.TransformSec .HeadingPart{font-size:2.6rem;color:#F8F8F8;margin:0 0 28px;font-weight:700;line-height:1.25}
.TransformSec .HeadingPart::before{content:'';display:block;width:60px;height:4px;background:#1979E0;margin-bottom:20px}
.TransformSec .BodyText{font-size:1.05rem;line-height:1.7;color:#d0d0d0;margin:0 0 32px}
.TransformSec .StatGroup{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.TransformSec .StatGroup .StatBox{background:#f8f8f80d;padding:24px;border-radius:6px;border-left:4px solid #1979E0;transition:transform .3s ease}
.TransformSec .StatGroup .StatBox:hover{transform:translateX(6px)}
.TransformSec .StatGroup .StatBox .BigNum{font-size:2.2rem;color:#1979E0;font-weight:700;display:block;margin:0 0 8px}
.TransformSec .StatGroup .StatBox .StatText{font-size:1rem;color:silver;line-height:1.5}
.TransformSec .ActionBtn{display:inline-block;padding:16px 40px;background:#1979E0;color:#F8F8F8;text-decoration:none;border-radius:6px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #1979e066;cursor:pointer;margin-top:36px}
.TransformSec .ActionBtn:hover{background:#1567C0;box-shadow:0 6px 24px #1979e099;transform:translateY(-2px)}
.TransformSec .VisualPanel{background:#0d005266;border:1px solid #1979e04d;border-radius:10px;padding:40px;position:relative;overflow:hidden}
.TransformSec .VisualPanel::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#1979e01a 0%,transparent 70%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.2);opacity:.8}
}
.TransformSec .VisualPanel .ProgressTracker{position:relative;z-index:2}
.TransformSec .VisualPanel .ProgressTracker .ProgressStep{display:flex;align-items:center;margin-bottom:28px;position:relative}
.TransformSec .VisualPanel .ProgressTracker .ProgressStep:last-child{margin-bottom:0}
.TransformSec .VisualPanel .ProgressTracker .ProgressStep .StepCircle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1979E0 0%,#0D0052 100%);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#F8F8F8;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #1979e080;position:relative}
.TransformSec .VisualPanel .ProgressTracker .ProgressStep .StepInfo{margin-left:20px;flex:1}
.TransformSec .VisualPanel .ProgressTracker .ProgressStep .StepTitle{font-size:1.15rem;color:#F8F8F8;font-weight:600;margin:0 0 6px}
.TransformSec .VisualPanel .ProgressTracker .ProgressStep .StepDetail{font-size:.95rem;color:#a8a8a8;line-height:1.5}
.TransformSec .VisualPanel .ProgressTracker .ProgressStep::after{content:'';position:absolute;left:24px;top:48px;width:2px;height:calc(100% - 20px);background:linear-gradient(180deg,#1979e080 0%,transparent 100%)}
.TransformSec .VisualPanel .ProgressTracker .ProgressStep:last-child::after{display:none}
@media (max-width: 992px) {
.TopSec{grid-template-columns:1fr;gap:40px}
.TopSec .TxtSide{padding-right:0}
.TopSec .MainHeado{font-size:2.6rem}
.StoryGrid .GridHolder{grid-template-columns:1fr;gap:28px}
.TimelineBlock .TimelineTrack::before{left:20px}
.TimelineBlock .PhaseItem,.TimelineBlock .PhaseItem:nth-child(odd){flex-direction:row}
.TimelineBlock .PhaseItem .PhaseContent{width:calc(100% - 60px);margin-left:60px}
.TimelineBlock .PhaseItem:nth-child(odd) .PhaseContent{margin-left:60px}
.TimelineBlock .PhaseItem .PhaseMarker{left:20px}
.TimelineBlock .PhaseItem .PhaseContent::before{left:-20px}
.TimelineBlock .PhaseItem:nth-child(odd) .PhaseContent::before{left:-20px}
.TransformSec .ContentSplit{flex-direction:column;gap:50px}
.TransformSec .HeadingPart{font-size:2.2rem}
}
@media (max-width: 640px) {
.TopSec{padding:50px 0 40px}
.TopSec .MainHeado{font-size:2rem}
.TopSec .SubHeado{font-size:1.4rem}
.TopSec .ImgMosaic{grid-template-columns:1fr;grid-template-rows:repeat(3,160px)}
.TopSec .ImgMosaic .ImgBox:first-child{grid-column:1;grid-row:1}
.StoryGrid .CaseCard .MetricRow{flex-direction:column;gap:12px}
.TransformSec .StatGroup{grid-template-columns:1fr}
.TransformSec .HeadingPart{font-size:1.8rem}
}
.SuccMain{background:linear-gradient(165deg,#0a0040 0%,#0D0052 35%,#1979E0 85%,#e8f4ff 100%);min-height:92vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.SuccMain::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#1979e014 0%,transparent 70%);border-radius:50%}
.SuccMain::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#0d00521f 0%,transparent 65%);border-radius:50%}
.SuccWrap{max-width:720px;margin:0 auto;position:relative;z-index:2;text-align:center}
.SuccIcnHold{width:120px;height:120px;margin:0 auto 35px;background:#f8f8f826;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);border:2px solid #f8f8f833;box-shadow:0 8px 24px #00000040 inset 0 1px 2px #ffffff1a}
.SuccIcn{width:100px;height:100px}
.SuccIcn svg{width:100%;height:100%}
.SuccH1{font-size:48px;font-weight:700;color:#F8F8F8;margin:0 0 24px;line-height:1.2;text-shadow:0 2px 12px #0000004d}
.SuccPara{font-size:20px;line-height:1.65;color:#f8f8f8eb;margin:0 0 45px;max-width:580px;margin-left:auto;margin-right:auto}
.SuccBtnRow{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.SuccBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}
.SuccBtn.PrimBtn{background:#F8F8F8;color:#0D0052;box-shadow:0 4px 14px #f8f8f840}
.SuccBtn.PrimBtn:hover{background:#fff;box-shadow:0 6px 20px #f8f8f859;transform:translateY(-2px)}
.SuccBtn.SecBtn{background:#1979e040;color:#F8F8F8;border:2px solid #f8f8f84d;backdrop-filter:blur(8px)}
.SuccBtn.SecBtn:hover{background:#1979e066;border-color:#f8f8f880;box-shadow:0 4px 16px #1979e04d}
.SuccBtn i{font-size:20px}
.SuccDetails{margin-top:60px;padding-top:40px;border-top:1px solid #f8f8f826}
.SuccInfoTxt{font-size:15px;color:#f8f8f8bf;line-height:1.7;margin:0}
.SuccInfoTxt a{color:#F8F8F8;text-decoration:underline;transition:opacity .2s ease}
.SuccInfoTxt a:hover{opacity:.8}
@media (max-width: 768px) {
.SuccMain{padding:40px 20px;min-height:85vh}
.SuccH1{font-size:36px;margin-bottom:20px}
.SuccPara{font-size:18px;margin-bottom:35px}
.SuccIcnHold{width:100px;height:100px;margin-bottom:28px}
.SuccIcn{width:80px;height:80px}
.SuccBtnRow{flex-direction:column;gap:14px}
.SuccBtn{width:100%;justify-content:center;padding:14px 28px}
.SuccDetails{margin-top:50px;padding-top:35px}
}
@media (max-width: 480px) {
.SuccH1{font-size:30px}
.SuccPara{font-size:16px}
.SuccBtn{font-size:16px;padding:13px 24px}
}
.ConfirmBlock{background:#0a0038;padding:80px 20px;position:relative}
.ConfirmBlock::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#1979e066 50%,transparent 100%)}
.ConfirmInner{max-width:1140px;margin:0 auto}
.ConfirmGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ConfirmCard{background:linear-gradient(135deg,#0d005266 0%,#1979e026 100%);border:1px solid #f8f8f814;border-radius:10px;padding:36px 28px;text-align:center;transition:all .35s ease;position:relative;overflow:hidden}
.ConfirmCard::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#1979e01f 50%,transparent 100%);transition:left .6s ease}
.ConfirmCard:hover::before{left:100%}
.ConfirmCard:hover{transform:translateY(-6px);border-color:#1979e059;box-shadow:0 12px 32px #1979e033}
.ConfirmCardIcn{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#1979e033;border-radius:50%;position:relative;z-index:1}
.ConfirmCardIcn i{font-size:32px;color:#1979E0}
.ConfirmCardH3{font-size:22px;font-weight:700;color:#F8F8F8;margin:0 0 14px;position:relative;z-index:1}
.ConfirmCardTxt{font-size:16px;line-height:1.65;color:#f8f8f8cc;margin:0;position:relative;z-index:1}
@media (max-width: 992px) {
.ConfirmGrid{grid-template-columns:1fr;gap:30px}
.ConfirmBlock{padding:60px 20px}
}
@media (max-width: 768px) {
.ConfirmCard{padding:30px 24px}
.ConfirmCardH3{font-size:20px}
.ConfirmCardTxt{font-size:15px}
}