*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Nunito',sans-serif;line-height:1.7;color:#013A5C;background:#FBFCFC}
h1,h2,h3,h4,h5,h6{font-family:'PT Serif',serif;line-height:1.3}
.site-header{background:linear-gradient(125deg,#013A5C 0%,#025280 50%,#013A5C 100%);padding:28px 0;box-shadow:0 4px 8px #013a5c26;position:relative;z-index:100}
.header-inner{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.brand-column{display:flex;align-items:center;gap:18px;flex-shrink:0}
.logo-container{width:95px;height:95px;display:flex;align-items:center;justify-content:center;background:#fbfcfc1f;border-radius:8px;padding:10px;box-shadow:0 3px 6px #0003}
.logo-container img{width:100%;height:100%;object-fit:contain}
.company-title{font-family:'PT Serif',serif;font-size:26px;font-weight:700;color:#DEFF16;letter-spacing:-.3px}
.nav-column{display:flex;flex-direction:column;gap:16px;flex-grow:1}
.main-nav ul{list-style:none;display:flex;gap:32px;flex-wrap:wrap}
.main-nav a{color:#FBFCFC;text-decoration:none;font-size:16px;font-weight:600;padding:8px 0;transition:color 420ms ease;position:relative}
.main-nav a:hover{color:#DEFF16}
.contact-info{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.contact-item{display:flex;align-items:center;gap:8px;color:#FBFCFC;font-size:14px}
.contact-item i{color:#DEFF16;font-size:18px}
.contact-item a{color:#FBFCFC;text-decoration:none;transition:color 420ms ease}
.contact-item a:hover{color:#DEFF16}
.site-footer{background:linear-gradient(215deg,#013A5C 0%,#024167 100%);padding:48px 0 32px;margin-top:80px;border-top:3px solid #DEFF16}
.footer-content{max-width:1400px;margin:0 auto;padding:0 24px;text-align:center}
.footer-nav{margin-bottom:28px}
.footer-nav ul{list-style:none;display:flex;justify-content:center;gap:36px;flex-wrap:wrap}
.footer-nav a{color:#FBFCFC;text-decoration:none;font-size:14px;transition:color 420ms ease}
.footer-nav a:hover{color:#DEFF16}
.copyright{color:#fbfcfcbf;font-size:14px;padding-top:24px;border-top:1px solid #fbfcfc33}
.cookie-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) scale(0.85);background:#FBFCFC;border:2px solid #013A5C;border-radius:10px;padding:24px 28px;box-shadow:0 6px 18px #013a5c40;max-width:520px;width:90%;z-index:10000;opacity:0;animation:toast-appear 650ms cubic-bezier(0.68,-0.55,0.265,1.55) forwards;animation-delay:980ms}
@keyframes toast-appear {
to{opacity:1;transform:translateX(-50%) scale(1)}
}
.cookie-toast[data-hidden="true"]{display:none}
.toast-title{font-size:18px;font-weight:700;color:#013A5C;margin-bottom:12px}
.toast-text{font-size:14px;color:#013A5C;margin-bottom:18px;line-height:1.5}
.consent-options{margin-bottom:18px;padding:14px;background:#deff1614;border-radius:6px}
.consent-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #013a5c1a}
.consent-row:last-child{border-bottom:none}
.consent-label{font-size:13px;color:#013A5C;font-weight:600}
.toggle-switch{position:relative;width:46px;height:24px;background:#013a5c33;border-radius:12px;cursor:pointer;transition:background 420ms ease}
.toggle-switch[data-active="true"]{background:#DEFF16}
.toggle-switch::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#FBFCFC;border-radius:50%;transition:transform 420ms ease}
.toggle-switch[data-active="true"]::after{transform:translateX(22px)}
.toast-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.toast-btn{padding:10px 22px;border:2px solid #013A5C;background:transparent;color:#013A5C;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all 420ms ease;font-family:'Nunito',sans-serif}
.toast-btn:hover{background:#013A5C;color:#FBFCFC}
.toast-btn.primary{background:#DEFF16;border-color:#DEFF16;color:#013A5C}
.toast-btn.primary:hover{background:#c5e612;border-color:#c5e612}
@media (max-width: 968px) {
.header-inner{flex-direction:column;gap:24px}
.nav-column{width:100%}
.main-nav ul{flex-direction:column;gap:16px}
.contact-info{flex-direction:column;gap:12px}
}
@media (max-width: 640px) {
.logo-container{width:75px;height:75px}
.company-title{font-size:20px}
.footer-nav ul{flex-direction:column;gap:16px}
.toast-actions{flex-direction:column}
.toast-btn{width:100%}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#FBFCFC}
::-webkit-scrollbar-thumb{background:#013A5C;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#025280;box-shadow:0 0 8px #deff1666}
.TitleSection{position:relative;max-width:1400px;margin:80px auto 0;padding:0 20px;overflow:visible}
.TitleSection .ContentBox{display:flex;align-items:center;gap:40px;position:relative}
.TitleSection .SideImage{width:280px;height:380px;object-fit:cover;border-radius:8px;filter:blur(0.5px);opacity:.85;flex-shrink:0}
.TitleSection .MainContent{flex:1;text-align:center;position:relative;z-index:2}
.TitleSection .CircleDecor{position:absolute;border-radius:50%;opacity:.12;z-index:1}
.TitleSection .CircleDecor:nth-child(1){width:420px;height:420px;background:linear-gradient(135deg,#DEFF16 0%,#013A5C 100%);top:-80px;left:15%}
.TitleSection .CircleDecor:nth-child(2){width:280px;height:280px;background:linear-gradient(225deg,#013A5C 0%,#DEFF16 100%);bottom:-60px;right:20%}
.TitleSection .MainHeading{font-size:56px;line-height:1.15;color:#013A5C;margin:0 0 20px;font-weight:700}
.TitleSection .SubHeading{font-size:21px;line-height:1.5;color:#2a5570;margin:0 0 36px;max-width:580px;margin-left:auto;margin-right:auto}
.TitleSection .ActionBtn{display:inline-block;background:linear-gradient(118deg,#DEFF16 0%,#b8d412 100%);color:#013A5C;padding:16px 44px;border-radius:6px;text-decoration:none;font-size:18px;font-weight:600;box-shadow:0 4px 14px #013a5c26;transition:all 420ms ease;position:relative;z-index:5}
.TitleSection .ActionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #013a5c40 0 0 18px #deff164d;background:linear-gradient(118deg,#f0ff4a 0%,#DEFF16 100%)}
.GrowthBlock{max-width:1400px;margin:120px auto;padding:0 20px}
.GrowthBlock .SectionTitle{font-size:42px;color:#013A5C;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.GrowthBlock .SectionTitle::before{content:'';position:absolute;width:48px;height:4px;background:linear-gradient(90deg,#DEFF16 0%,#013A5C 100%);bottom:-8px;left:0;border-radius:4px}
.GrowthBlock .Intro{font-size:19px;line-height:1.65;color:#2a5570;margin:32px 0 60px;max-width:820px}
.GrowthBlock .FeatureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.GrowthBlock .FeatureCard{background:#FBFCFC;border-radius:10px;padding:32px 28px;box-shadow:0 3px 12px #013a5c14;transition:all 480ms ease;border:1px solid #013a5c0f}
.GrowthBlock .FeatureCard:hover{transform:translateY(-6px);box-shadow:0 8px 28px #013a5c29;border-color:#deff1666}
.GrowthBlock .FeatureCard .IconBox{width:64px;height:64px;background:linear-gradient(135deg,#DEFF16 0%,#c9e814 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.GrowthBlock .FeatureCard .IconBox svg{width:32px;height:32px;fill:#013A5C}
.GrowthBlock .FeatureCard h3{font-size:24px;color:#013A5C;margin:0 0 14px;font-weight:600}
.GrowthBlock .FeatureCard p{font-size:17px;line-height:1.6;color:#2a5570;margin:0}
.ProgressSection{background:linear-gradient(156deg,#013A5C 0%,#024a6f 100%);padding:90px 20px;position:relative;overflow:hidden}
.ProgressSection::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#deff1614 0%,transparent 70%);top:-200px;right:-100px;border-radius:50%}
.ProgressSection .Container{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.ProgressSection .TopRow{display:flex;gap:60px;align-items:flex-start;margin-bottom:70px}
.ProgressSection .TextSide{flex:1}
.ProgressSection .TextSide h2{font-size:44px;color:#FBFCFC;margin:0 0 22px;font-weight:700}
.ProgressSection .TextSide p{font-size:19px;line-height:1.7;color:#d4e8f1;margin:0}
.ProgressSection .ImageSide{width:460px;flex-shrink:0}
.ProgressSection .ImageSide img{width:100%;height:340px;object-fit:cover;border-radius:10px;box-shadow:0 6px 24px #00000040}
.ProgressSection .TrackingSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ProgressSection .StepCard{background:#fbfcfc0f;border:1px solid #deff1626;border-radius:8px;padding:28px 22px;position:relative;transition:all 520ms ease}
.ProgressSection .StepCard:hover{background:#fbfcfc1a;border-color:#deff1659;transform:scale(1.04)}
.ProgressSection .StepCard .Number{font-size:48px;font-weight:700;color:#DEFF16;opacity:.25;position:absolute;top:16px;right:20px;line-height:1}
.ProgressSection .StepCard h4{font-size:20px;color:#FBFCFC;margin:0 0 12px;font-weight:600;position:relative;z-index:2}
.ProgressSection .StepCard p{font-size:16px;line-height:1.55;color:#c4dce8;margin:0;position:relative;z-index:2}
.ConnectionArea{max-width:1400px;margin:110px auto;padding:0 20px}
.ConnectionArea .LayoutWrapper{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.ConnectionArea .VisualColumn img{width:100%;height:480px;object-fit:cover;border-radius:10px;box-shadow:0 5px 20px #013a5c1f}
.ConnectionArea .ContentColumn h2{font-size:42px;color:#013A5C;margin:0 0 28px;font-weight:700;position:relative;padding-left:20px}
.ConnectionArea .ContentColumn h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:80%;background:linear-gradient(180deg,#DEFF16 0%,#013A5C 100%);border-radius:6px}
.ConnectionArea .ContentColumn .Description{font-size:18px;line-height:1.65;color:#2a5570;margin:0 0 36px}
.ConnectionArea .BenefitsList{display:flex;flex-direction:column;gap:20px}
.ConnectionArea .BenefitItem{display:flex;align-items:flex-start;gap:16px;padding:18px;background:#FBFCFC;border-radius:8px;border-left:4px solid #DEFF16;transition:all 460ms ease}
.ConnectionArea .BenefitItem:hover{background:#f5f9fa;box-shadow:0 4px 16px #013a5c1a;transform:translateX(6px)}
.ConnectionArea .BenefitItem .Icon{width:28px;height:28px;flex-shrink:0}
.ConnectionArea .BenefitItem .Icon svg{width:100%;height:100%;fill:#013A5C}
.ConnectionArea .BenefitItem .Text{flex:1}
.ConnectionArea .BenefitItem .Text h5{font-size:19px;color:#013A5C;margin:0 0 6px;font-weight:600}
.ConnectionArea .BenefitItem .Text p{font-size:16px;line-height:1.5;color:#2a5570;margin:0}
@media (max-width: 1024px) {
.TitleSection .ContentBox{flex-direction:column;gap:0}
.TitleSection .SideImage:first-of-type{order:1}
.TitleSection .MainContent{order:2;margin:40px 0}
.TitleSection .SideImage:last-of-type{order:3}
.TitleSection .SideImage{width:100%;max-width:420px}
.TitleSection .MainHeading{font-size:44px}
.GrowthBlock .FeatureGrid{grid-template-columns:1fr}
.ProgressSection .TopRow{flex-direction:column}
.ProgressSection .ImageSide{width:100%}
.ProgressSection .TrackingSteps{grid-template-columns:repeat(2,1fr)}
.ConnectionArea .LayoutWrapper{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.TitleSection{margin-top:60px}
.TitleSection .MainHeading{font-size:36px}
.TitleSection .SubHeading{font-size:18px}
.TitleSection .CircleDecor{display:none}
.GrowthBlock{margin:80px auto}
.GrowthBlock .SectionTitle{font-size:34px}
.ProgressSection{padding:70px 20px}
.ProgressSection .TextSide h2{font-size:34px}
.ProgressSection .TrackingSteps{grid-template-columns:1fr}
.ConnectionArea{margin:80px auto}
.ConnectionArea .ContentColumn h2{font-size:34px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#e8eff2;border-radius:8px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#013A5C 0%,#DEFF16 100%);border-radius:8px;transition:all 480ms ease}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#024a6f 0%,#f0ff4a 100%);box-shadow:0 0 12px #deff1666}
.ContactPage{width:100%;max-width:1400px;margin:0 auto;padding:0}
.ContactIntro{background:linear-gradient(127deg,#013A5C 0%,#024f73 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.ContactIntro::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#deff1626 0%,transparent 70%);border-radius:50%}
.ContactIntro h1{font-size:2.8rem;color:#FBFCFC;margin:0 0 20px;font-weight:700;position:relative;z-index:2}
.ContactIntro .IntroText{font-size:1.15rem;color:#FBFCFC;max-width:720px;margin:0 auto;line-height:1.7;position:relative;z-index:2;opacity:.95}
.ContactGrid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:90px 20px;max-width:1240px;margin:0 auto;align-items:start}
.InfoColumn{display:flex;flex-direction:column;gap:35px}
.InfoCard{background:#FBFCFC;padding:32px 28px;border-radius:10px;box-shadow:0 4px 18px #013a5c14;border:1px solid #013a5c0f;transition:all 450ms ease}
.InfoCard:hover{box-shadow:0 6px 24px #013a5c24;transform:translateY(-3px)}
.InfoCard h3{font-size:1.4rem;color:#013A5C;margin:0 0 18px;font-weight:600;display:flex;align-items:center;gap:12px}
.InfoCard h3::before{content:'';width:5px;height:22px;background:linear-gradient(180deg,#DEFF16 0%,#b8d412 100%);border-radius:3px}
.InfoCard p{font-size:1.05rem;color:#333;margin:0;line-height:1.8}
.InfoCard a{color:#013A5C;text-decoration:none;font-weight:500;transition:color 400ms ease;display:inline-block}
.InfoCard a:hover{color:#DEFF16}
.LocationBlock{margin-top:15px}
.LocationBlock p{margin:8px 0}
.MessengerLinks{display:flex;gap:15px;margin-top:12px}
.MessengerBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#DEFF16 0%,#c9e914 100%);color:#013A5C;text-decoration:none;border-radius:7px;font-weight:600;font-size:.95rem;transition:all 450ms ease;box-shadow:0 3px 10px #deff1640}
.MessengerBtn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #deff1666;background:linear-gradient(135deg,#c9e914 0%,#DEFF16 100%)}
.FormColumn{background:#FBFCFC;padding:45px 40px;border-radius:10px;box-shadow:0 5px 22px #013a5c1a;border:1px solid #013a5c0d}
.FormColumn h2{font-size:2rem;color:#013A5C;margin:0 0 12px;font-weight:700}
.FormColumn .FormDesc{font-size:1.05rem;color:#555;margin:0 0 35px;line-height:1.7}
.ContactForm{display:flex;flex-direction:column;gap:25px}
.FormGroup{display:flex;flex-direction:column;gap:8px}
.FormGroup label{font-size:1rem;color:#013A5C;font-weight:600}
.FormGroup input,.FormGroup textarea{padding:14px 18px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#333;background:#fff;transition:all 400ms ease;font-family:inherit}
.FormGroup input:focus,.FormGroup textarea:focus{outline:none;border-color:#DEFF16;box-shadow:0 0 0 3px #deff1626}
.FormGroup textarea{min-height:140px;resize:vertical}
.PrivacyCheck{display:flex;align-items:start;gap:12px;margin-top:10px}
.PrivacyCheck input[type="checkbox"]{width:20px;height:20px;margin-top:3px;cursor:pointer;accent-color:#DEFF16;flex-shrink:0}
.PrivacyCheck label{font-size:.95rem;color:#555;line-height:1.6;cursor:pointer}
.PrivacyCheck a{color:#013A5C;text-decoration:underline;font-weight:500;transition:color 400ms ease}
.PrivacyCheck a:hover{color:#DEFF16}
.SubmitBtn{padding:16px 32px;background:linear-gradient(135deg,#013A5C 0%,#024f73 100%);color:#DEFF16;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all 450ms ease;box-shadow:0 4px 14px #013a5c4d;margin-top:10px}
.SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #013a5c66;background:linear-gradient(135deg,#024f73 0%,#013A5C 100%)}
.SubmitBtn:active{transform:translateY(0)}
.VisualSection{padding:90px 20px;background:linear-gradient(153deg,#FBFCFC 0%,#f0f0f0 100%);position:relative}
.VisualSection::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#DEFF16 0%,#013A5C 50%,#DEFF16 100%)}
.VisualContent{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.VisualText h2{font-size:2.2rem;color:#013A5C;margin:0 0 22px;font-weight:700;line-height:1.3}
.VisualText h2::before{content:'';display:block;width:70px;height:5px;background:#DEFF16;margin-bottom:18px;border-radius:3px}
.VisualText p{font-size:1.1rem;color:#444;line-height:1.8;margin:0 0 28px}
.VisualText .HighlightBox{background:linear-gradient(135deg,#deff1626 0%,#deff160d 100%);padding:22px 26px;border-radius:8px;border-left:5px solid #DEFF16;margin-top:20px}
.VisualText .HighlightBox p{margin:0;font-size:1.05rem;color:#013A5C;font-weight:500}
.VisualImage{position:relative}
.VisualImage img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 28px #013a5c26;object-fit:cover}
.ImageDecorative{position:relative;overflow:hidden;border-radius:10px}
.ImageDecorative::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,#deff161a 50%,transparent 70%);transform:rotate(45deg);transition:all 600ms ease}
.ImageDecorative:hover::before{left:100%}
@media (max-width: 968px) {
.ContactGrid{grid-template-columns:1fr;gap:50px;padding:60px 20px}
.VisualContent{grid-template-columns:1fr;gap:40px}
.ContactIntro h1{font-size:2.2rem}
.FormColumn{padding:35px 28px}
.FormColumn h2{font-size:1.7rem}
.VisualText h2{font-size:1.9rem}
}
@media (max-width: 640px) {
.ContactIntro{padding:60px 20px}
.ContactIntro h1{font-size:1.8rem}
.ContactIntro .IntroText{font-size:1.05rem}
.MessengerLinks{flex-direction:column}
.MessengerBtn{justify-content:center}
.FormColumn{padding:30px 20px}
.FormColumn h2{font-size:1.5rem}
.VisualSection{padding:60px 20px}
.VisualText h2{font-size:1.6rem}
.InfoCard{padding:26px 22px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#f0f0f0;border-radius:5px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#013A5C 0%,#024f73 100%);border-radius:5px;transition:background 500ms ease}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#024f73 0%,#013A5C 100%);box-shadow:0 0 8px #deff1666}
.AboutIntro{background:linear-gradient(127deg,#FBFCFC 0%,#DEFF16 100%);padding:90px 20px;position:relative;overflow:hidden}
.AboutIntro::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#013a5c14 0%,transparent 70%);border-radius:50%}
.IntroWrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center;position:relative;z-index:2}
.IntroText h1{font-size:48px;color:#013A5C;margin-bottom:28px;line-height:1.15;font-weight:700}
.IntroText h1::after{content:'';display:block;width:120px;height:5px;background:#013A5C;margin-top:18px;border-radius:3px}
.IntroText p{font-size:18px;line-height:1.7;color:#013A5C;margin-bottom:22px}
.IntroText p:last-of-type{margin-bottom:0}
.IntroImage{position:relative}
.IntroImage img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 6px 24px #013a5c26}
.IntroImage::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:3px solid #013A5C;border-radius:8px;z-index:-1}
.HistoryTimeline{background:#FBFCFC;padding:100px 20px;position:relative}
.TimelineContainer{max-width:1400px;margin:0 auto}
.TimelineHeader{text-align:center;margin-bottom:70px}
.TimelineHeader h2{font-size:42px;color:#013A5C;margin-bottom:20px;font-weight:700;position:relative;display:inline-block}
.TimelineHeader h2::before{content:'';position:absolute;top:-12px;left:-30px;width:24px;height:24px;background:linear-gradient(135deg,#DEFF16 0%,#013A5C 100%);border-radius:50%}
.TimelineHeader p{font-size:17px;color:#013A5C;max-width:750px;margin:0 auto;line-height:1.65}
.TimelineGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;position:relative}
.TimelineGrid::before{content:'';position:absolute;top:60px;left:0;right:0;height:4px;background:linear-gradient(90deg,#DEFF16 0%,#013A5C 50%,#DEFF16 100%);z-index:1}
.MilestoneCard{position:relative;background:#fff;padding:35px 28px;border-radius:10px;box-shadow:0 4px 16px #013a5c1a;transition:transform 480ms,box-shadow 480ms;z-index:2}
.MilestoneCard:hover{transform:translateY(-8px);box-shadow:0 8px 28px #013a5c2e}
.MilestoneCard::before{content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:20px;height:20px;background:#DEFF16;border:4px solid #013A5C;border-radius:50%;z-index:3}
.MilestoneYear{font-size:32px;font-weight:700;color:#013A5C;margin-bottom:16px;display:block}
.MilestoneCard h3{font-size:22px;color:#013A5C;margin-bottom:14px;font-weight:600}
.MilestoneCard p{font-size:16px;line-height:1.6;color:#013A5C}
.ValuesApproach{background:linear-gradient(218deg,#013A5C 0%,#FBFCFC 100%);padding:95px 20px;position:relative}
.ValuesContent{max-width:1400px;margin:0 auto}
.ValuesHeading{text-align:center;margin-bottom:65px}
.ValuesHeading h2{font-size:40px;color:#FBFCFC;margin-bottom:18px;font-weight:700}
.ValuesHeading h2::after{content:'';display:block;width:90px;height:4px;background:#DEFF16;margin:20px auto 0;border-radius:2px}
.ValuesLayout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}
.ValuesImage img{width:100%;height:500px;object-fit:cover;border-radius:10px;box-shadow:0 5px 22px #0003}
.ValuesList{display:flex;flex-direction:column;gap:32px}
.ValueItem{background:#fbfcfcf2;padding:30px 26px;border-radius:8px;border-left:5px solid #DEFF16;transition:all 520ms}
.ValueItem:hover{transform:translateX(8px);box-shadow:0 6px 20px #00000026}
.ValueItem h3{font-size:24px;color:#013A5C;margin-bottom:12px;font-weight:600;position:relative;padding-left:38px}
.ValueItem h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(135deg,#DEFF16 0%,#013A5C 100%);border-radius:50%}
.ValueItem p{font-size:16px;line-height:1.65;color:#013A5C;padding-left:38px}
.TeamSection{background:#FBFCFC;padding:90px 20px}
.TeamWrapper{max-width:1400px;margin:0 auto}
.TeamIntro{max-width:850px;margin:0 auto 60px;text-align:center}
.TeamIntro h2{font-size:38px;color:#013A5C;margin-bottom:22px;font-weight:700}
.TeamIntro p{font-size:17px;line-height:1.7;color:#013A5C}
.TeamVisuals{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.TeamCard{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 18px #013a5c1f;transition:transform 500ms}
.TeamCard:hover{transform:scale(1.04)}
.TeamCard img{width:100%;height:320px;object-fit:cover}
.TeamCardContent{padding:26px 22px;background:linear-gradient(180deg,white 0%,#FBFCFC 100%)}
.TeamCardContent h4{font-size:20px;color:#013A5C;margin-bottom:8px;font-weight:600}
.TeamCardContent p{font-size:15px;color:#013A5C;line-height:1.6}
@media (max-width: 1024px) {
.IntroWrapper{grid-template-columns:1fr;gap:45px}
.IntroText h1{font-size:38px}
.TimelineGrid{grid-template-columns:1fr;gap:60px}
.TimelineGrid::before{display:none}
.MilestoneCard::before{left:-30px;top:50%;transform:translateY(-50%)}
.ValuesLayout{grid-template-columns:1fr;gap:45px}
.TeamVisuals{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.AboutIntro{padding:60px 20px}
.IntroText h1{font-size:32px}
.IntroText p{font-size:16px}
.IntroImage img{height:300px}
.HistoryTimeline{padding:70px 20px}
.TimelineHeader h2{font-size:32px}
.ValuesApproach{padding:70px 20px}
.ValuesHeading h2{font-size:32px}
.ValuesImage img{height:350px}
.TeamSection{padding:70px 20px}
.TeamIntro h2{font-size:30px}
.TeamCard img{height:280px}
}
@media (max-width: 480px) {
.IntroText h1{font-size:28px}
.TimelineHeader h2{font-size:28px}
.MilestoneYear{font-size:26px}
.MilestoneCard h3{font-size:19px}
.ValuesHeading h2{font-size:28px}
.ValueItem h3{font-size:20px}
.TeamIntro h2{font-size:26px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#FBFCFC;border-radius:5px}
::-webkit-scrollbar-thumb{background:#013A5C;border-radius:5px;transition:background 450ms}
::-webkit-scrollbar-thumb:hover{background:#DEFF16;box-shadow:0 0 8px #deff1699}
.ProcessHero{background:linear-gradient(135deg,#013A5C 0%,#025A82 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.ProcessHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#deff1614 0%,transparent 70%);border-radius:50%}
.ProcessHero .MainContent{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.ProcessHero .TitleBlock h1{font-size:3.2rem;color:#FBFCFC;margin:0 0 24px;font-weight:700;line-height:1.2}
.ProcessHero .TitleBlock h1::after{content:'';display:block;width:80px;height:4px;background:#DEFF16;margin-top:20px}
.ProcessHero .IntroText{font-size:1.15rem;color:#FBFCFC;max-width:720px;line-height:1.7;opacity:.92}
.PathwayGrid{padding:100px 20px;background:#FBFCFC}
.PathwayGrid .GridWrapper{max-width:1400px;margin:0 auto}
.PathwayGrid .SectionLabel{font-size:2.4rem;color:#013A5C;margin:0 0 60px;font-weight:700;text-align:center}
.PathwayGrid .StepContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.PathwayGrid .StepCard{background:#FFF;border:2px solid #E8E8E8;border-radius:8px;padding:40px 32px;position:relative;transition:all 480ms ease}
.PathwayGrid .StepCard:hover{border-color:#DEFF16;transform:translateY(-6px);box-shadow:0 8px 24px #013a5c1f}
.PathwayGrid .StepCard .NumberTag{position:absolute;top:-18px;left:32px;width:48px;height:48px;background:linear-gradient(145deg,#DEFF16 0%,#C9E814 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#013A5C;box-shadow:0 4px 12px #deff164d}
.PathwayGrid .StepCard h3{font-size:1.5rem;color:#013A5C;margin:0 0 16px;font-weight:600}
.PathwayGrid .StepCard p{font-size:1rem;color:#4A5568;line-height:1.65;margin:0}
.InteractionZone{padding:0 20px 100px;background:linear-gradient(170deg,#FBFCFC 0%,#F0F4F8 100%)}
.InteractionZone .ContentArea{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.InteractionZone .TextSection h2{font-size:2.2rem;color:#013A5C;margin:0 0 28px;font-weight:700;position:relative;padding-left:20px}
.InteractionZone .TextSection h2::before{content:'';position:absolute;left:0;top:6px;width:6px;height:70%;background:#DEFF16;border-radius:3px}
.InteractionZone .TextSection .DetailList{list-style:none;padding:0;margin:0 0 32px}
.InteractionZone .TextSection .DetailList li{font-size:1.05rem;color:#2D3748;line-height:1.7;margin-bottom:18px;padding-left:32px;position:relative}
.InteractionZone .TextSection .DetailList li::before{content:'';position:absolute;left:0;top:9px;width:18px;height:18px;background:#DEFF16;border-radius:50%;border:3px solid #013A5C}
.InteractionZone .VisualBlock{position:relative}
.InteractionZone .VisualBlock img{width:100%;height:460px;object-fit:cover;border-radius:10px;box-shadow:0 12px 32px #013a5c2e}
.InteractionZone .VisualBlock::after{content:'';position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;background:linear-gradient(135deg,#deff1626 0%,transparent 100%);border-radius:50%;z-index:-1}
.OutcomeSection{padding:100px 20px;background:#FFF;position:relative}
.OutcomeSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#013A5C 0%,#DEFF16 50%,#013A5C 100%)}
.OutcomeSection .WrapContainer{max-width:1400px;margin:0 auto}
.OutcomeSection .MainHeading{font-size:2.4rem;color:#013A5C;margin:0 0 24px;font-weight:700;text-align:center}
.OutcomeSection .SubText{font-size:1.1rem;color:#4A5568;line-height:1.7;text-align:center;max-width:800px;margin:0 auto 60px}
.OutcomeSection .FeatureDisplay{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.OutcomeSection .FeatureBox{background:linear-gradient(160deg,#FBFCFC 0%,#FFF 100%);border:1px solid #E2E8F0;border-radius:6px;padding:36px 28px;transition:all 520ms ease;text-align:center}
.OutcomeSection .FeatureBox:hover{border-color:#DEFF16;box-shadow:0 6px 20px #013a5c1a;transform:scale(1.03)}
.OutcomeSection .FeatureBox .IconWrap{width:64px;height:64px;background:linear-gradient(135deg,#DEFF16 0%,#C9E814 100%);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}
.OutcomeSection .FeatureBox .IconWrap svg{width:32px;height:32px;fill:#013A5C}
.OutcomeSection .FeatureBox h4{font-size:1.3rem;color:#013A5C;margin:0 0 12px;font-weight:600}
.OutcomeSection .FeatureBox p{font-size:.98rem;color:#4A5568;line-height:1.6;margin:0}
.OutcomeSection .ActionArea{text-align:center;margin-top:60px}
.OutcomeSection .PrimaryButton{display:inline-block;background:linear-gradient(135deg,#013A5C 0%,#025A82 100%);color:#FBFCFC;font-size:1.1rem;font-weight:600;padding:18px 48px;border-radius:8px;text-decoration:none;transition:all 460ms ease;box-shadow:0 6px 18px #013a5c40;position:relative;z-index:1}
.OutcomeSection .PrimaryButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #013a5c59;background:linear-gradient(135deg,#025A82 0%,#013A5C 100%)}
@media (max-width: 1024px) {
.ProcessHero{padding:80px 20px 70px}
.ProcessHero .TitleBlock h1{font-size:2.4rem}
.PathwayGrid .StepContainer{grid-template-columns:1fr;gap:32px}
.InteractionZone .ContentArea{grid-template-columns:1fr;gap:40px}
.OutcomeSection .FeatureDisplay{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.ProcessHero .TitleBlock h1{font-size:2rem}
.ProcessHero .IntroText{font-size:1.05rem}
.PathwayGrid .SectionLabel{font-size:1.9rem}
.InteractionZone .TextSection h2{font-size:1.8rem}
.InteractionZone .VisualBlock img{height:340px}
.OutcomeSection .MainHeading{font-size:1.9rem}
.OutcomeSection .PrimaryButton{width:100%;padding:16px 32px}
}
*{scrollbar-width:thin;scrollbar-color:#DEFF16 #E8E8E8}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#E8E8E8;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#DEFF16 0%,#C9E814 100%);border-radius:10px;border:2px solid #E8E8E8}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#C9E814 0%,#DEFF16 100%);box-shadow:0 0 8px #deff1680}
.IntroBlock{max-width:1400px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.IntroBlock .TextSide h1{font-size:42px;color:#013A5C;margin-bottom:24px;line-height:1.2}
.IntroBlock .TextSide h1::before{content:'';display:inline-block;width:4px;height:48px;background:linear-gradient(135deg,#DEFF16 0%,#013A5C 100%);margin-right:16px;vertical-align:middle}
.IntroBlock .TextSide p{font-size:17px;line-height:1.7;color:#013A5C;margin-bottom:18px}
.IntroBlock .ImageSide{position:relative}
.IntroBlock .ImageSide img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 4px 16px #013a5c26}
.IntroBlock .ImageSide::after{content:'';position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:linear-gradient(225deg,#DEFF16 0%,#deff164d 100%);border-radius:50%;z-index:-1}
.PathsSection{background:linear-gradient(168deg,#FBFCFC 0%,#DEFF16 100%);padding:90px 20px;position:relative}
.PathsSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:repeating-linear-gradient(90deg,#013A5C 0px,#013A5C 40px,transparent 40px,transparent 80px)}
.PathsSection .ContentWrap{max-width:1400px;margin:0 auto}
.PathsSection h2{font-size:38px;color:#013A5C;text-align:center;margin-bottom:56px}
.PathsSection h2::after{content:'';display:block;width:80px;height:4px;background:#013A5C;margin:20px auto 0}
.PathGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.PathCard{background:#FBFCFC;padding:36px 28px;border-radius:6px;box-shadow:0 3px 12px #013a5c1f;transition:all 450ms ease;position:relative;overflow:hidden}
.PathCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#DEFF16 0%,#013A5C 100%);transform:scaleX(0);transform-origin:left;transition:transform 450ms ease}
.PathCard:hover{transform:translateY(-8px);box-shadow:0 6px 20px #013a5c38}
.PathCard:hover::before{transform:scaleX(1)}
.PathCard h3{font-size:24px;color:#013A5C;margin-bottom:16px}
.PathCard p{font-size:16px;line-height:1.65;color:#013A5C;margin-bottom:14px}
.PathCard .IconBox{width:56px;height:56px;background:linear-gradient(135deg,#DEFF16 0%,#deff1680 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.PathCard .IconBox svg{width:28px;height:28px;fill:#013A5C}
.RequirementsDisplay{max-width:1400px;margin:0 auto;padding:85px 20px;display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;align-items:start}
.RequirementsDisplay .ImageColumn{position:relative}
.RequirementsDisplay .ImageColumn img{width:100%;height:520px;object-fit:cover;border-radius:10px;box-shadow:0 5px 18px #013a5c2e}
.RequirementsDisplay .ImageColumn::before{content:'';position:absolute;bottom:-25px;left:-25px;width:140px;height:140px;background:#DEFF16;border-radius:8px;z-index:-1}
.RequirementsDisplay .ContentColumn h2{font-size:36px;color:#013A5C;margin-bottom:32px;position:relative;padding-left:20px}
.RequirementsDisplay .ContentColumn h2::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#DEFF16 0%,#013A5C 100%);border-radius:3px}
.DetailsList{display:flex;flex-direction:column;gap:22px}
.DetailItem{background:#FBFCFC;padding:24px;border-radius:8px;border-left:5px solid #DEFF16;box-shadow:0 2px 8px #013a5c14;transition:all 400ms ease}
.DetailItem:hover{box-shadow:0 4px 14px #013a5c29;transform:translateX(6px);border-left-color:#013A5C}
.DetailItem h4{font-size:20px;color:#013A5C;margin-bottom:10px}
.DetailItem p{font-size:16px;line-height:1.6;color:#013A5C}
.SupportStructure{background:linear-gradient(192deg,#013A5C 0%,#DEFF16 100%);padding:95px 20px;position:relative;overflow:hidden}
.SupportStructure::after{content:'';position:absolute;top:50%;right:-100px;width:300px;height:300px;background:#fbfcfc14;border-radius:50%;transform:translateY(-50%)}
.SupportStructure .InnerWrap{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.SupportStructure h2{font-size:38px;color:#FBFCFC;margin-bottom:48px;text-align:center}
.SupportStructure h2::after{content:'';display:block;width:100px;height:3px;background:#FBFCFC;margin:18px auto 0}
.SupportGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;align-items:center}
.SupportGrid .VisualColumn img{width:100%;height:450px;object-fit:cover;border-radius:10px;box-shadow:0 6px 24px #00000040}
.SupportGrid .InfoColumn{display:flex;flex-direction:column;gap:28px}
.SupportCard{background:#fbfcfcf2;padding:32px;border-radius:8px;box-shadow:0 4px 14px #00000026;position:relative;transition:all 450ms ease}
.SupportCard::before{content:'';position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(270deg,#DEFF16 0%,transparent 100%);opacity:0;transition:opacity 450ms ease}
.SupportCard:hover{transform:scale(1.03);box-shadow:0 6px 20px #00000040}
.SupportCard:hover::before{opacity:1}
.SupportCard h3{font-size:22px;color:#013A5C;margin-bottom:14px;position:relative;z-index:1}
.SupportCard p{font-size:16px;line-height:1.65;color:#013A5C;position:relative;z-index:1}
.ActionZone{max-width:1400px;margin:0 auto;padding:80px 20px;text-align:center}
.ActionZone h2{font-size:36px;color:#013A5C;margin-bottom:28px}
.ActionZone p{font-size:18px;line-height:1.7;color:#013A5C;max-width:750px;margin:0 auto 40px}
.ButtonSet{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.PrimaryBtn{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#DEFF16 0%,#013A5C 100%);color:#013A5C;font-size:17px;font-weight:600;text-decoration:none;border-radius:6px;box-shadow:0 4px 12px #013a5c33;transition:all 400ms ease;position:relative;z-index:10;overflow:hidden}
.PrimaryBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fbfcfc4d;transition:left 400ms ease;z-index:-1}
.PrimaryBtn:hover{transform:translateY(-3px);box-shadow:0 6px 18px #013a5c4d}
.PrimaryBtn:hover::before{left:0}
.SecondaryBtn{display:inline-block;padding:16px 42px;background:transparent;color:#013A5C;font-size:17px;font-weight:600;text-decoration:none;border:3px solid #013A5C;border-radius:6px;transition:all 400ms ease;position:relative;z-index:10}
.SecondaryBtn:hover{background:#013A5C;color:#DEFF16;transform:translateY(-3px)}
@media (max-width: 1024px) {
.IntroBlock{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.IntroBlock .TextSide h1{font-size:36px}
.IntroBlock .ImageSide img{height:380px}
.PathGrid{grid-template-columns:repeat(2,1fr);gap:32px}
.RequirementsDisplay{grid-template-columns:1fr;gap:50px;padding:70px 20px}
.SupportGrid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.IntroBlock .TextSide h1{font-size:30px}
.IntroBlock .ImageSide img{height:320px}
.PathsSection{padding:70px 20px}
.PathsSection h2{font-size:32px;margin-bottom:40px}
.PathGrid{grid-template-columns:1fr;gap:28px}
.RequirementsDisplay .ContentColumn h2{font-size:30px}
.RequirementsDisplay .ImageColumn img{height:380px}
.SupportStructure{padding:75px 20px}
.SupportStructure h2{font-size:32px}
.SupportGrid .VisualColumn img{height:340px}
.ActionZone h2{font-size:30px}
.ButtonSet{flex-direction:column;gap:16px}
.PrimaryBtn,.SecondaryBtn{display:block;width:100%;max-width:320px;margin:0 auto}
}
@media (max-width: 480px) {
.IntroBlock{padding:40px 16px}
.IntroBlock .TextSide h1{font-size:26px}
.IntroBlock .TextSide p{font-size:16px}
.IntroBlock .ImageSide img{height:280px}
.PathsSection{padding:60px 16px}
.PathsSection h2{font-size:28px}
.PathCard{padding:28px 20px}
.RequirementsDisplay{padding:60px 16px}
.RequirementsDisplay .ContentColumn h2{font-size:26px}
.SupportStructure{padding:65px 16px}
.SupportStructure h2{font-size:28px}
.ActionZone{padding:60px 16px}
.ActionZone h2{font-size:26px}
}
.PolicyDocument{max-width:1400px;margin:0 auto;padding:80px 20px}
.PolicyDocument .IntroSection{background:linear-gradient(135deg,#FBFCFC 0%,#DEFF16 100%);padding:60px 50px;border-radius:8px;margin-bottom:60px;box-shadow:0 4px 6px #013a5c1f}
.PolicyDocument .IntroSection h1{font-size:42px;color:#013A5C;margin-bottom:20px;font-weight:700}
.PolicyDocument .IntroSection .UpdateDate{font-size:16px;color:#013A5C;opacity:.8;margin-bottom:25px;display:block}
.PolicyDocument .IntroSection .IntroText{font-size:18px;color:#013A5C;line-height:1.7;max-width:900px}
.PolicyDocument .ContentGrid{display:grid;grid-template-columns:280px 1fr;gap:50px;margin-bottom:80px}
.PolicyDocument .NavigationMenu{position:sticky;top:20px;height:fit-content}
.PolicyDocument .NavigationMenu .NavTitle{font-size:14px;color:#013A5C;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #DEFF16}
.PolicyDocument .NavigationMenu ul{list-style:none;padding:0;margin:0}
.PolicyDocument .NavigationMenu li{margin-bottom:8px}
.PolicyDocument .NavigationMenu a{display:block;padding:12px 16px;color:#013A5C;text-decoration:none;font-size:15px;border-radius:6px;transition:all 450ms;position:relative}
.PolicyDocument .NavigationMenu a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#DEFF16;transition:height 450ms}
.PolicyDocument .NavigationMenu a:hover{background:#deff1626;padding-left:24px}
.PolicyDocument .NavigationMenu a:hover::before{height:70%}
.PolicyDocument .MainContent .PolicyBlock{margin-bottom:50px;scroll-margin-top:30px}
.PolicyDocument .MainContent .PolicyBlock h2{font-size:32px;color:#013A5C;margin-bottom:25px;font-weight:700;position:relative;padding-bottom:15px}
.PolicyDocument .MainContent .PolicyBlock h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#DEFF16 0%,transparent 100%)}
.PolicyDocument .MainContent .PolicyBlock h3{font-size:24px;color:#013A5C;margin:30px 0 18px;font-weight:600}
.PolicyDocument .MainContent .PolicyBlock p{font-size:17px;color:#013A5C;line-height:1.8;margin-bottom:18px}
.PolicyDocument .MainContent .PolicyBlock ul{margin:20px 0;padding-left:25px}
.PolicyDocument .MainContent .PolicyBlock li{font-size:17px;color:#013A5C;line-height:1.8;margin-bottom:12px;position:relative;padding-left:10px}
.PolicyDocument .MainContent .PolicyBlock li::marker{color:#DEFF16}
.PolicyDocument .MainContent .HighlightBox{background:linear-gradient(120deg,#FBFCFC 0%,#deff161a 100%);padding:30px 35px;border-radius:8px;border-left:5px solid #DEFF16;margin:30px 0;box-shadow:0 3px 5px #013a5c14}
.PolicyDocument .MainContent .HighlightBox p{margin-bottom:0;font-weight:500}
.PolicyDocument .MainContent .DataTable{width:100%;border-collapse:collapse;margin:30px 0;background:#FBFCFC;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #013a5c1a}
.PolicyDocument .MainContent .DataTable th{background:linear-gradient(135deg,#013A5C 0%,#025a8a 100%);color:#FBFCFC;padding:18px 20px;text-align:left;font-size:16px;font-weight:600}
.PolicyDocument .MainContent .DataTable td{padding:18px 20px;border-bottom:1px solid #013a5c1a;font-size:16px;color:#013A5C}
.PolicyDocument .MainContent .DataTable tr:last-child td{border-bottom:none}
.PolicyDocument .MainContent .DataTable tr:hover{background:#deff1614;transition:background 450ms}
.PolicyDocument .ContactSection{background:linear-gradient(225deg,#013A5C 0%,#025a8a 100%);padding:50px 60px;border-radius:8px;margin-top:60px;text-align:center}
.PolicyDocument .ContactSection h3{font-size:28px;color:#DEFF16;margin-bottom:20px;font-weight:700}
.PolicyDocument .ContactSection p{font-size:17px;color:#FBFCFC;line-height:1.7;margin-bottom:15px}
.PolicyDocument .ContactSection a{color:#DEFF16;text-decoration:none;font-weight:600;transition:all 450ms;position:relative}
.PolicyDocument .ContactSection a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#DEFF16;transition:width 450ms}
.PolicyDocument .ContactSection a:hover::after{width:100%}
@media (max-width: 1024px) {
.PolicyDocument .ContentGrid{grid-template-columns:1fr;gap:40px}
.PolicyDocument .NavigationMenu{position:static;background:#deff161a;padding:25px;border-radius:8px}
.PolicyDocument .IntroSection{padding:45px 35px}
.PolicyDocument .IntroSection h1{font-size:36px}
}
@media (max-width: 768px) {
.PolicyDocument{padding:50px 15px}
.PolicyDocument .IntroSection{padding:35px 25px;margin-bottom:40px}
.PolicyDocument .IntroSection h1{font-size:30px}
.PolicyDocument .IntroSection .IntroText{font-size:16px}
.PolicyDocument .MainContent .PolicyBlock h2{font-size:26px}
.PolicyDocument .MainContent .PolicyBlock h3{font-size:20px}
.PolicyDocument .MainContent .PolicyBlock p,.PolicyDocument .MainContent .PolicyBlock li{font-size:16px}
.PolicyDocument .ContactSection{padding:35px 25px}
.PolicyDocument .MainContent .DataTable{font-size:14px}
.PolicyDocument .MainContent .DataTable th,.PolicyDocument .MainContent .DataTable td{padding:12px 15px}
}
@media (max-width: 480px) {
.PolicyDocument .IntroSection h1{font-size:26px}
.PolicyDocument .MainContent .PolicyBlock h2{font-size:22px}
.PolicyDocument .HighlightBox{padding:20px}
}
.PolicyDocument::-webkit-scrollbar{width:10px}
.PolicyDocument::-webkit-scrollbar-track{background:#FBFCFC}
.PolicyDocument::-webkit-scrollbar-thumb{background:#013A5C;border-radius:10px}
.PolicyDocument::-webkit-scrollbar-thumb:hover{background:#025a8a;box-shadow:0 0 8px #deff1680}
.PrivacyPage{max-width:1400px;margin:0 auto;padding:0}
.HeroPrivacy{background:linear-gradient(157deg,#013A5C 0%,#024d73 100%);padding:90px 24px;position:relative;overflow:hidden}
.HeroPrivacy::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#deff161f 0%,transparent 70%);border-radius:50%}
.HeroPrivacy::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,#deff1614 0%,transparent 70%);border-radius:50%}
.HeroPrivacy .ContentWrapper{max-width:900px;margin:0 auto;position:relative;z-index:2}
.HeroPrivacy h1{font-size:3.2rem;font-weight:700;color:#FBFCFC;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.HeroPrivacy .UpdateDate{font-size:1.05rem;color:#DEFF16;margin:0 0 28px;font-weight:500}
.HeroPrivacy .IntroText{font-size:1.15rem;color:#fbfcfce0;line-height:1.7;margin:0}
.PolicyContent{background:#FBFCFC;padding:80px 24px 100px}
.PolicyContent .MainWrapper{max-width:900px;margin:0 auto}
.PolicySection{margin:0 0 64px}
.PolicySection:last-child{margin-bottom:0}
.PolicySection h2{font-size:2rem;font-weight:700;color:#013A5C;margin:0 0 24px;position:relative;padding-left:20px}
.PolicySection h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:32px;background:linear-gradient(180deg,#DEFF16 0%,#b8d412 100%);border-radius:3px}
.PolicySection h3{font-size:1.45rem;font-weight:600;color:#013A5C;margin:32px 0 16px}
.PolicySection p{font-size:1.05rem;color:#2a2a2a;line-height:1.75;margin:0 0 18px}
.PolicySection p:last-child{margin-bottom:0}
.PolicySection ul{list-style:none;padding:0;margin:20px 0}
.PolicySection li{font-size:1.05rem;color:#2a2a2a;line-height:1.75;margin:0 0 14px;padding-left:30px;position:relative}
.PolicySection li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;background:#DEFF16;border-radius:50%;border:2px solid #013A5C}
.PolicySection li:last-child{margin-bottom:0}
.ImportantBox{background:linear-gradient(135deg,#deff1614 0%,#013a5c0a 100%);border-left:4px solid #DEFF16;padding:28px 32px;margin:32px 0;border-radius:0 8px 8px 0}
.ImportantBox p{margin:0;font-size:1.05rem;color:#013A5C;font-weight:500}
.ContactInfo{background:#013A5C;padding:32px;border-radius:10px;margin:48px 0 0}
.ContactInfo h3{font-size:1.55rem;font-weight:600;color:#DEFF16;margin:0 0 20px}
.ContactInfo p{font-size:1.05rem;color:#FBFCFC;line-height:1.7;margin:0 0 16px}
.ContactInfo p:last-child{margin-bottom:0}
.ContactInfo a{color:#DEFF16;text-decoration:none;font-weight:500;transition:opacity 450ms ease}
.ContactInfo a:hover{opacity:.8}
.DataTable{width:100%;border-collapse:collapse;margin:28px 0;background:#FBFCFC;border:1px solid #013a5c1f;border-radius:8px;overflow:hidden}
.DataTable thead{background:linear-gradient(135deg,#013A5C 0%,#024d73 100%)}
.DataTable th{padding:18px 20px;text-align:left;font-size:1.05rem;font-weight:600;color:#FBFCFC}
.DataTable td{padding:18px 20px;font-size:1.02rem;color:#2a2a2a;border-top:1px solid #013a5c14}
.DataTable tr:hover{background:#deff160d}
@media (max-width: 768px) {
.HeroPrivacy{padding:60px 20px}
.HeroPrivacy h1{font-size:2.2rem}
.HeroPrivacy .IntroText{font-size:1.05rem}
.PolicyContent{padding:50px 20px 60px}
.PolicySection{margin:0 0 48px}
.PolicySection h2{font-size:1.65rem}
.PolicySection h3{font-size:1.3rem}
.ImportantBox{padding:22px 24px}
.ContactInfo{padding:26px 22px}
.DataTable{font-size:.95rem}
.DataTable th,.DataTable td{padding:14px 16px}
}
@media (max-width: 480px) {
.HeroPrivacy h1{font-size:1.85rem}
.PolicySection h2{font-size:1.45rem}
.DataTable{display:block;overflow-x:auto}
}
.SuccessWrap{max-width:1400px;margin:80px auto 120px;padding:0 24px}
.ConfirmationPanel{background:linear-gradient(135deg,#FBFCFC 0%,#DEFF16 100%);border-radius:8px;padding:80px 48px;text-align:center;box-shadow:0 4px 2px #013a5c14;margin-bottom:96px;position:relative;overflow:hidden}
.ConfirmationPanel::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#013a5c0f 0%,transparent 70%);border-radius:50%}
.ConfirmationPanel::after{content:'';position:absolute;bottom:-30%;left:-15%;width:400px;height:400px;background:radial-gradient(circle,#deff1626 0%,transparent 70%);border-radius:50%}
.IconCheck{width:120px;height:120px;margin:0 auto 32px;background:#013A5C;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 6px 4px #013a5c1f}
.IconCheck svg{width:64px;height:64px}
.MainConfirmTitle{font-size:48px;font-weight:700;color:#013A5C;margin:0 0 20px;position:relative;z-index:2;line-height:1.2}
.ConfirmSubtext{font-size:20px;color:#013A5C;margin:0 0 40px;max-width:680px;margin-left:auto;margin-right:auto;position:relative;z-index:2;line-height:1.6}
.EmailReference{display:inline-block;background:#FBFCFC;padding:16px 32px;border-radius:6px;font-size:18px;color:#013A5C;font-weight:600;position:relative;z-index:2;box-shadow:0 3px 2px #013a5c0f}
.NextStepsBlock{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px}
.StepCard{background:#FBFCFC;border-radius:6px;padding:48px 32px;border:2px solid transparent;transition:all 450ms ease;position:relative;overflow:hidden}
.StepCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#DEFF16 0%,#013A5C 100%);transform:scaleX(0);transform-origin:left;transition:transform 450ms ease}
.StepCard:hover::before{transform:scaleX(1)}
.StepCard:hover{border-color:#DEFF16;box-shadow:0 8px 4px #013a5c1a;transform:translateY(-4px)}
.StepNumber{width:56px;height:56px;background:linear-gradient(135deg,#013A5C 0%,#DEFF16 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#013A5C;margin-bottom:24px}
.StepTitle{font-size:22px;font-weight:700;color:#013A5C;margin:0 0 16px;line-height:1.3}
.StepDescription{font-size:16px;color:#013A5C;line-height:1.7;margin:0}
.InfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:linear-gradient(225deg,#FBFCFC 0%,#deff1614 100%);padding:64px 56px;border-radius:8px;position:relative}
.InfoGrid::before{content:'';position:absolute;top:20px;right:20px;width:180px;height:180px;background:#013a5c08;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transform:rotate(45deg)}
.ContactBlock{position:relative;z-index:2}
.ContactBlock h2{font-size:28px;font-weight:700;color:#013A5C;margin:0 0 24px;line-height:1.3}
.ContactBlock h2::after{content:'';display:block;width:60px;height:3px;background:#DEFF16;margin-top:12px}
.ContactDetail{display:flex;align-items:center;margin-bottom:20px;font-size:16px;color:#013A5C;transition:transform 400ms ease}
.ContactDetail:hover{transform:translateX(6px)}
.ContactDetail svg{width:24px;height:24px;margin-right:16px;flex-shrink:0}
.ContactDetail a{color:#013A5C;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color 400ms ease}
.ContactDetail a:hover{border-bottom-color:#DEFF16}
.ResourceBlock{position:relative;z-index:2}
.ResourceBlock h2{font-size:28px;font-weight:700;color:#013A5C;margin:0 0 24px;line-height:1.3}
.ResourceBlock h2::after{content:'';display:block;width:60px;height:3px;background:#DEFF16;margin-top:12px}
.ResourceList{list-style:none;padding:0;margin:0}
.ResourceList li{padding:16px 0;border-bottom:1px solid #013a5c1a;position:relative;padding-left:28px;font-size:16px;color:#013A5C;line-height:1.6;transition:padding-left 400ms ease}
.ResourceList li:last-child{border-bottom:none}
.ResourceList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#DEFF16;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(-50%) rotate(45deg)}
.ResourceList li:hover{padding-left:36px}
.ResourceList a{color:#013A5C;text-decoration:none;font-weight:600;border-bottom:1px dashed #013a5c4d;transition:all 400ms ease}
.ResourceList a:hover{color:#013A5C;border-bottom-color:#DEFF16}
.ActionFooter{text-align:center;margin-top:80px}
.ReturnButton{display:inline-block;background:#013A5C;color:#DEFF16;padding:18px 48px;border-radius:6px;font-size:18px;font-weight:700;text-decoration:none;transition:all 500ms ease;box-shadow:0 4px 2px #013a5c26;position:relative;overflow:hidden;z-index:1}
.ReturnButton::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#deff164d,transparent);transition:left 500ms ease;z-index:-1}
.ReturnButton:hover::before{left:100%}
.ReturnButton:hover{background:#DEFF16;color:#013A5C;box-shadow:0 6px 4px #013a5c33;transform:translateY(-2px)}
@media (max-width: 1024px) {
.NextStepsBlock{grid-template-columns:1fr;gap:24px}
.InfoGrid{grid-template-columns:1fr;gap:40px;padding:48px 32px}
.MainConfirmTitle{font-size:36px}
.ConfirmSubtext{font-size:18px}
}
@media (max-width: 768px) {
.SuccessWrap{margin:48px auto 80px;padding:0 16px}
.ConfirmationPanel{padding:56px 24px;margin-bottom:64px}
.MainConfirmTitle{font-size:28px}
.ConfirmSubtext{font-size:16px;margin-bottom:32px}
.EmailReference{padding:12px 24px;font-size:16px}
.StepCard{padding:32px 24px}
.InfoGrid{padding:40px 24px}
.ContactBlock h2,.ResourceBlock h2{font-size:24px}
.ReturnButton{padding:16px 40px;font-size:16px}
.IconCheck{width:96px;height:96px}
.IconCheck svg{width:48px;height:48px}
}
@media (max-width: 480px) {
.ConfirmationPanel::before,.ConfirmationPanel::after{display:none}
.InfoGrid::before{width:120px;height:120px}
}