@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;1,400;0,700;1,700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Roboto Mono',monospace;line-height:1.6;color:#00072C;background:linear-gradient(135deg,#FFF 0%,#f8f9fa 100%);min-height:100vh;display:flex;flex-direction:column}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul,ol{list-style:none}
.HeaderMainWrap{background:linear-gradient(180deg,#FFF 0%,#0b92ff08 100%);box-shadow:0 2px 12px #00072c0f;padding:18px 0}
.header-top-container{max-width:1536px;margin:0 auto;padding:0 24px}
.CompanyNameRow{text-align:center;padding:12px 0;margin-bottom:16px}
.CompanyNameRow h1{font-size:28px;font-weight:700;color:#00072C;letter-spacing:-.5px}
.MiddleRowContent{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 0;margin-bottom:18px;flex-wrap:wrap}
.ContactInfoLeft{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}
.ContactInfoLeft a{display:flex;align-items:center;gap:8px;font-size:14px;color:#00072C;transition:color .25s ease-in}
.ContactInfoLeft a:hover{color:#0B92FF}
.ContactInfoLeft .cc{font-size:18px;color:#0B92FF}
.LogoContainerWrapper{flex:0 0 auto}
.LogoContainerWrapper img{height:95px;width:95px;object-fit:contain;background:#fff9;padding:8px;border-radius:12px;box-shadow:0 3px 10px #00072c14}
.ContactInfoRight{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px;align-items:flex-end}
.ContactInfoRight a{display:flex;align-items:center;gap:8px;font-size:14px;color:#00072C;transition:color .25s ease-in}
.ContactInfoRight a:hover{color:#0B92FF}
.ContactInfoRight .cc{font-size:18px;color:#0B92FF}
.NavigationRowWrap{border-top:1px solid #0b92ff26;padding-top:16px}
.MainNavList{display:flex;justify-content:center;align-items:center;gap:42px;flex-wrap:wrap}
.MainNavList a{font-size:15px;font-weight:400;color:#00072C;padding:8px 14px;border-radius:8px;transition:background-color .25s ease-in,color .25s ease-in}
.MainNavList a:hover{background-color:#0b92ff14;color:#0B92FF}
main{flex:1}
.FooterMainSection{background:linear-gradient(180deg,#00072C 0%,#001447 100%);color:#FFF;padding:48px 0 24px;margin-top:80px}
.footer-content-wrap{max-width:1536px;margin:0 auto;padding:0 24px}
.FooterTopGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:42px;margin-bottom:38px}
.FooterLogoBlock{display:flex;flex-direction:column;gap:18px}
.FooterLogoBlock img{height:110px;width:110px;object-fit:contain;background:#ffffff1a;padding:12px;border-radius:12px}
.FooterContactBlock{display:flex;flex-direction:column;gap:18px}
.FooterContactBlock h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#0B92FF}
.FooterContactBlock a{display:flex;align-items:center;gap:10px;font-size:14px;color:#FFF;transition:color .25s ease-in}
.FooterContactBlock a:hover{color:#0B92FF}
.FooterContactBlock .cc{font-size:16px;color:#0B92FF}
.FooterNavBlock{display:flex;flex-direction:column;gap:18px}
.FooterNavBlock h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#0B92FF}
.FooterNavBlock a{font-size:14px;color:#FFF;transition:color .25s ease-in;padding:6px 0}
.FooterNavBlock a:hover{color:#0B92FF}
.FooterBottomBar{border-top:1px solid #0b92ff33;padding-top:24px;text-align:center}
.FooterBottomBar p{font-size:13px;color:#ffffffbf}
.CookieConsentBox{position:fixed;bottom:28px;right:28px;background:#FFF;border-radius:14px;box-shadow:0 8px 24px #00072c2e;padding:28px;max-width:420px;z-index:10000;transform:scale(0);transform-origin:center;opacity:0;transition:transform .4s ease-in,opacity .4s ease-in}
.CookieConsentBox.is-visible{transform:scale(1);opacity:1}
.CookieConsentBox h3{font-size:18px;font-weight:700;color:#00072C;margin-bottom:12px}
.CookieConsentBox p{font-size:14px;line-height:1.5;color:#00072C;margin-bottom:18px}
.CookieButtonGroup{display:flex;gap:12px;flex-wrap:wrap}
.CookieButtonGroup button{flex:1;min-width:110px;padding:11px 18px;border-radius:8px;font-size:14px;font-weight:400;transition:all .25s ease-in;border:2px solid #0B92FF;background:transparent;color:#0B92FF}
.CookieButtonGroup button:hover{background:#0b92ff14}
.CookieButtonGroup .accept-btn{background:#0B92FF;color:#FFF}
.CookieButtonGroup .accept-btn:hover{background:#0076d1;border-color:#0076d1}
.CustomizeOptions{display:none;margin-top:18px;padding-top:18px;border-top:1px solid #00072c1a}
.CustomizeOptions.is-visible{display:block}
.CookieCategory{margin-bottom:14px}
.CookieCategory label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}
.CookieCategory input[type="checkbox"]{width:18px;height:18px}
.CookieCategory input[type="checkbox"]:disabled{cursor:not-allowed}
@media (max-width: 768px) {
.CompanyNameRow h1{font-size:22px}
.MiddleRowContent{flex-direction:column;align-items:center;gap:20px}
.ContactInfoLeft,.ContactInfoRight{align-items:center;text-align:center}
.MainNavList{flex-direction:column;gap:12px}
.MainNavList a{width:100%;text-align:center}
.FooterTopGrid{grid-template-columns:1fr;gap:32px}
.CookieConsentBox{bottom:16px;right:16px;left:16px;max-width:none}
}
.CareerEntryGate{background:linear-gradient(135deg,#00072C 0%,#0B92FF 100%);padding:80px 20px;position:relative;overflow:hidden}
.CareerEntryGate::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#0b92ff33 0%,transparent 70%);border-radius:50%}
.EntryContentWrap{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.CareerHeadingArea h1{font-size:58px;color:#FFF;line-height:1.2;margin:0 0 24px;font-weight:700}
.CareerHeadingArea h1 span{color:#0B92FF;position:relative;display:inline-block}
.CareerHeadingArea h1 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#0B92FF}
.CareerHeadingArea p{font-size:20px;color:#ffffffe6;line-height:1.6;margin:0}
.EntryVisualBox{position:relative}
.EntryVisualBox img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #00072c66}
.GridBreakSection{background:#FFF;padding:100px 20px}
.OpportunityMapContainer{max-width:1536px;margin:0 auto}
.SectionIntroHeader{text-align:center;margin-bottom:70px}
.SectionIntroHeader h2{font-size:44px;color:#00072C;margin:0 0 16px;font-weight:700}
.SectionIntroHeader h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#0B92FF,#00072C);margin:0 auto 20px}
.SectionIntroHeader p{font-size:18px;color:#00072C;opacity:.8;max-width:700px;margin:0 auto;line-height:1.7}
.PositionGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.JobPositionCard{background:#FFF;border:2px solid #0b92ff26;border-radius:12px;padding:36px;transition:all .3s ease-in;position:relative;overflow:hidden}
.JobPositionCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0B92FF,#00072C);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in}
.JobPositionCard:hover{border-color:#0B92FF;box-shadow:0 8px 24px #0b92ff26;transform:translateY(-4px)}
.JobPositionCard:hover::before{transform:scaleX(1)}
.JobRoleName{font-size:24px;color:#00072C;margin:0 0 12px;font-weight:600}
.JobMetaInfo{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.MetaBadge{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#0B92FF;background:#0b92ff14;padding:6px 14px;border-radius:20px}
.JobDescription{font-size:16px;color:#00072C;line-height:1.6;margin:0 0 24px;opacity:.85}
.RequirementsBlock h4{font-size:16px;color:#00072C;margin:0 0 12px;font-weight:600}
.RequirementsBlock ul{list-style:none;padding:0;margin:0 0 24px}
.RequirementsBlock li{font-size:15px;color:#00072C;opacity:.8;padding-left:24px;position:relative;margin-bottom:8px;line-height:1.5}
.RequirementsBlock li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#0B92FF;border-radius:50%}
.ApplyActionBtn{display:inline-block;background:linear-gradient(135deg,#00072C,#0B92FF);color:#FFF;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease-in;border:none;cursor:pointer}
.ApplyActionBtn:hover{transform:scale(1.05);box-shadow:0 6px 20px #0b92ff4d}
.BenefitsShowcaseZone{background:linear-gradient(180deg,#FFF 0%,#0b92ff0d 100%);padding:90px 20px;position:relative}
.BenefitsShowcaseZone::before{content:'';position:absolute;top:0;left:10%;width:300px;height:300px;background:radial-gradient(circle,#0b92ff14 0%,transparent 70%);border-radius:50%}
.BenefitsContentContainer{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center;position:relative;z-index:2}
.BenefitsTextSection h2{font-size:42px;color:#00072C;margin:0 0 28px;font-weight:700;line-height:1.2}
.BenefitsTextSection h2::before{content:'';display:inline-block;width:50px;height:4px;background:#0B92FF;margin-right:16px;vertical-align:middle}
.PerkItemsGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.PerkCard{background:#FFF;padding:24px;border-radius:10px;border-left:4px solid #0B92FF;box-shadow:0 4px 12px #00072c0f;transition:all .3s ease-in}
.PerkCard:hover{transform:translateX(8px);box-shadow:0 6px 18px #00072c1a}
.PerkCard h4{font-size:18px;color:#00072C;margin:0 0 10px;font-weight:600;display:flex;align-items:center;gap:10px}
.PerkCard h4::before{content:'';display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#0B92FF,#00072C);color:#FFF;border-radius:50%;font-size:14px;font-weight:700}
.PerkCard p{font-size:15px;color:#00072C;opacity:.8;line-height:1.6;margin:0}
.BenefitsImageBox{position:relative}
.BenefitsImageBox img{width:100%;height:550px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #00072c26}
.CultureShowcaseBlock{background:#FFF;padding:90px 20px}
.CultureContentWrap{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;align-items:center}
.CultureImageDisplay{position:relative}
.CultureImageDisplay img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #00072c26}
.CultureTextContent h2{font-size:42px;color:#00072C;margin:0 0 24px;font-weight:700;line-height:1.2}
.CultureTextContent h2 span{color:#0B92FF;position:relative}
.CultureTextContent h2 span::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#0B92FF}
.CultureTextContent p{font-size:17px;color:#00072C;line-height:1.7;margin:0 0 20px;opacity:.85}
.ValuesList{list-style:none;padding:0;margin:30px 0 0}
.ValuesList li{font-size:16px;color:#00072C;padding:16px 0;border-bottom:1px solid #0b92ff26;display:flex;align-items:center;gap:14px}
.ValuesList li:last-child{border-bottom:none}
.ValuesList li::before{content:'';display:block;width:12px;height:12px;background:#0B92FF;border-radius:50%;flex-shrink:0}
@media (max-width: 1024px) {
.EntryContentWrap{grid-template-columns:1fr;gap:40px}
.CareerHeadingArea h1{font-size:48px}
.EntryVisualBox img{height:400px}
.PositionGridLayout{grid-template-columns:repeat(2,1fr);gap:30px}
.BenefitsContentContainer,.CultureContentWrap{grid-template-columns:1fr;gap:50px}
.PerkItemsGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.CareerEntryGate{padding:60px 20px}
.CareerHeadingArea h1{font-size:36px}
.CareerHeadingArea p{font-size:18px}
.EntryVisualBox img{height:320px}
.GridBreakSection{padding:70px 20px}
.SectionIntroHeader h2{font-size:34px}
.PositionGridLayout{grid-template-columns:1fr;gap:24px}
.JobPositionCard{padding:28px}
.BenefitsShowcaseZone,.CultureShowcaseBlock{padding:70px 20px}
.BenefitsTextSection h2,.CultureTextContent h2{font-size:32px}
.BenefitsImageBox img,.CultureImageDisplay img{height:400px}
}
.HeroBlock{position:relative;max-width:1536px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px;background:linear-gradient(135deg,#FFF 0%,#f8f9fb 100%)}
.HeroBlock .ImageFrame{flex:0 0 45%;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00072c1f}
.HeroBlock .ImageFrame img{width:100%;height:auto;display:block;filter:blur(0.5px) brightness(1.05)}
.HeroBlock .ContentSide{flex:1;position:relative}
.HeroBlock .ContentSide::before{content:'';position:absolute;top:-20px;left:-30px;width:80px;height:80px;background:linear-gradient(135deg,#0B92FF 0%,#0b92ff4d 100%);border-radius:50%;z-index:-1}
.HeroBlock .MainHeading{font-size:48px;line-height:1.2;color:#00072C;margin-bottom:24px;font-weight:700}
.HeroBlock .DescText{font-size:18px;line-height:1.7;color:#4a5568;margin-bottom:32px}
.HeroBlock .AccentLine{width:60px;height:4px;background:linear-gradient(90deg,#0B92FF 0%,#00072C 100%);margin-top:20px;border-radius:2px}
.OpportunitiesWrapper{max-width:1536px;margin:80px auto;padding:0 20px}
.OpportunitiesWrapper .SectionLabel{text-align:center;font-size:36px;color:#00072C;margin-bottom:16px;font-weight:700}
.OpportunitiesWrapper .SubText{text-align:center;font-size:17px;color:#6b7280;max-width:720px;margin:0 auto 60px;line-height:1.6}
.ToolsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ToolCard{background:#FFF;border-radius:12px;padding:40px 32px;box-shadow:0 4px 16px #00072c14;transition:all .3s ease-in;position:relative;overflow:hidden}
.ToolCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0B92FF 0%,#00072C 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in}
.ToolCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0b92ff33}
.ToolCard:hover::before{transform:scaleX(1)}
.ToolCard .IconHolder{width:56px;height:56px;background:linear-gradient(135deg,#0B92FF 0%,#00072C 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ToolCard .IconHolder svg{width:28px;height:28px;fill:#FFF}
.ToolCard .CardTitle{font-size:22px;color:#00072C;margin-bottom:12px;font-weight:600}
.ToolCard .CardDesc{font-size:16px;line-height:1.6;color:#6b7280}
.GeographySection{background:linear-gradient(180deg,#f8f9fb 0%,#FFF 100%);padding:80px 20px;position:relative}
.GeographySection::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#0B92FF 50%,transparent 100%)}
.GeographyContent{max-width:1536px;margin:0 auto;display:flex;align-items:center;gap:80px}
.GeographyContent .TextColumn{flex:1}
.GeographyContent .TextColumn h2{font-size:38px;color:#00072C;margin-bottom:24px;font-weight:700}
.GeographyContent .TextColumn p{font-size:17px;line-height:1.7;color:#4a5568;margin-bottom:20px}
.GeographyContent .ImageColumn{flex:0 0 42%;position:relative}
.GeographyContent .ImageColumn img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #00072c1f}
.PersonalizationArea{max-width:1536px;margin:80px auto;padding:0 20px}
.PersonalizationArea .HeaderText{font-size:38px;color:#00072C;text-align:center;margin-bottom:60px;font-weight:700;position:relative}
.PersonalizationArea .HeaderText::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(90deg,#0B92FF 0%,#00072C 100%);border-radius:2px}
.LevelCards{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.LevelItem{background:#FFF;border:2px solid #e5e7eb;border-radius:10px;padding:32px 24px;text-align:center;transition:all .3s ease-in;position:relative}
.LevelItem::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#0B92FF 0%,#00072C 100%);border-radius:10px;opacity:0;transition:opacity .3s ease-in;z-index:-1}
.LevelItem:hover{transform:scale(1.05);border-color:transparent}
.LevelItem:hover::before{opacity:1}
.LevelItem .LevelNum{width:48px;height:48px;background:linear-gradient(135deg,#0B92FF 0%,#00072C 100%);color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:20px;font-weight:700}
.LevelItem .LevelLabel{font-size:18px;color:#00072C;margin-bottom:12px;font-weight:600}
.LevelItem .LevelInfo{font-size:15px;line-height:1.5;color:#6b7280}
.FeedbackZone{background:linear-gradient(135deg,#00072C 0%,#0B92FF 100%);padding:80px 20px;color:#FFF;position:relative;overflow:hidden}
.FeedbackZone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.FeedbackContent{max-width:1536px;margin:0 auto;position:relative;z-index:1}
.FeedbackContent h3{font-size:38px;text-align:center;margin-bottom:20px;font-weight:700}
.FeedbackContent .IntroLine{text-align:center;font-size:17px;margin-bottom:60px;opacity:.9}
.MechanismGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.MechBox{text-align:center}
.MechBox .IconCircle{width:72px;height:72px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:2px solid #ffffff4d}
.MechBox .IconCircle svg{width:36px;height:36px;fill:#FFF}
.MechBox .MechTitle{font-size:20px;margin-bottom:12px;font-weight:600}
.MechBox .MechDetail{font-size:16px;line-height:1.6;opacity:.9}
.FlexibilityContainer{max-width:1536px;margin:80px auto;padding:0 20px}
.FlexibilityContainer .TitleHeading{font-size:38px;color:#00072C;margin-bottom:48px;text-align:center;font-weight:700}
.PathOptions{display:flex;gap:48px;align-items:stretch}
.PathColumn{flex:1;background:#FFF;border-radius:12px;padding:48px 36px;box-shadow:0 6px 20px #00072c1a;position:relative}
.PathColumn::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#0B92FF 0%,#00072C 100%);border-radius:0 0 12px 12px}
.PathColumn .PathName{font-size:26px;color:#00072C;margin-bottom:20px;font-weight:700}
.PathColumn .PathDesc{font-size:16px;line-height:1.7;color:#4a5568;margin-bottom:28px}
.PathColumn .FeatureList{list-style:none;padding:0;margin:0}
.PathColumn .FeatureList li{font-size:15px;color:#6b7280;margin-bottom:14px;padding-left:28px;position:relative;line-height:1.5}
.PathColumn .FeatureList li::before{content:'';position:absolute;left:0;color:#0B92FF;font-weight:700;font-size:18px}
.PathColumn .VisualImage{margin-top:32px;border-radius:8px;overflow:hidden}
.PathColumn .VisualImage img{width:100%;height:auto;display:block}
.NumbersBlock{background:linear-gradient(180deg,#f8f9fb 0%,#FFF 100%);padding:80px 20px}
.NumbersInner{max-width:1536px;margin:0 auto}
.NumbersInner .BigTitle{font-size:38px;color:#00072C;text-align:center;margin-bottom:60px;font-weight:700}
.StatsDisplay{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.StatBox{text-align:center;padding:36px 24px;background:#FFF;border-radius:10px;box-shadow:0 4px 16px #00072c14;position:relative;overflow:hidden}
.StatBox::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0B92FF 0%,#00072C 100%)}
.StatBox .BigNumber{font-size:56px;color:#0B92FF;font-weight:700;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,#0B92FF 0%,#00072C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.StatBox .StatLabel{font-size:17px;color:#4a5568;font-weight:600}
@media (max-width: 1024px) {
.HeroBlock{flex-direction:column;padding:60px 20px;gap:40px}
.HeroBlock .ImageFrame{flex:0 0 auto;width:100%}
.HeroBlock .MainHeading{font-size:36px}
.ToolsGrid{grid-template-columns:repeat(2,1fr);gap:32px}
.GeographyContent{flex-direction:column;gap:48px}
.GeographyContent .ImageColumn{flex:0 0 auto;width:100%}
.LevelCards{grid-template-columns:repeat(2,1fr);gap:24px}
.MechanismGrid{grid-template-columns:1fr;gap:36px}
.PathOptions{flex-direction:column;gap:32px}
.StatsDisplay{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 768px) {
.HeroBlock .MainHeading{font-size:32px}
.OpportunitiesWrapper .SectionLabel,.GeographyContent .TextColumn h2,.PersonalizationArea .HeaderText,.FeedbackContent h3,.FlexibilityContainer .TitleHeading,.NumbersInner .BigTitle{font-size:28px}
.ToolsGrid{grid-template-columns:1fr}
.LevelCards{grid-template-columns:1fr}
.StatsDisplay{grid-template-columns:1fr}
.StatBox .BigNumber{font-size:48px}
}
.ContactIntroWrapper{max-width:1536px;margin:0 auto;padding:80px 24px;display:flex;gap:48px;align-items:center}
.intro-TextColumn{flex:1;max-width:640px}
.intro-TextColumn .NumberedHeading{font-size:3rem;color:#00072C;margin-bottom:16px;font-weight:700;line-height:1.2}
.intro-TextColumn .NumberedHeading .AccentNumber{background:linear-gradient(135deg,#0B92FF,#00072C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.intro-TextColumn .NumberedHeading .AccentNumber::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#0B92FF,transparent)}
.intro-TextColumn .ExplanationText{font-size:1.125rem;line-height:1.7;color:#00072C;opacity:.85}
.intro-ImageCard{flex:0 0 380px;position:relative}
.intro-ImageCard .VintagePhoto{width:100%;height:420px;background:linear-gradient(145deg,#00072C 0%,#0B92FF 100%);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 32px #00072c26}
.intro-ImageCard .VintagePhoto::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#ffffff08 2px,#ffffff08 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#ffffff08 2px,#ffffff08 4px);opacity:.4;z-index:2}
.intro-ImageCard .VintagePhoto::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#0b92ff4d,transparent 60%);z-index:1}
.FormAreaWrapper{background:linear-gradient(180deg,#FFF 0%,#0b92ff0a 100%);padding:96px 24px}
.FormContainer{max-width:720px;margin:0 auto;background:#FFF;padding:56px;border-radius:16px;box-shadow:0 8px 24px #00072c14;position:relative}
.FormContainer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0B92FF,#00072C);border-radius:16px 16px 0 0}
.FormContainer .FormHeading{font-size:2rem;color:#00072C;margin-bottom:12px;font-weight:700}
.FormContainer .FormSubtext{font-size:1rem;color:#00072C;opacity:.7;margin-bottom:40px;line-height:1.6}
.ContactFormLayout{display:flex;flex-direction:column;gap:24px}
.InputFieldGroup{display:flex;flex-direction:column;gap:8px}
.InputFieldGroup label{font-size:.9375rem;color:#00072C;font-weight:600}
.InputFieldGroup input[type="text"],.InputFieldGroup input[type="email"]{padding:14px 16px;border:2px solid #00072c26;border-radius:8px;font-size:1rem;color:#00072C;transition:all .3s ease-in;background:#FFF}
.InputFieldGroup input[type="text"]:focus,.InputFieldGroup input[type="email"]:focus{outline:none;border-color:#0B92FF;box-shadow:0 0 0 4px #0b92ff1a}
.ContactMethodSelector{display:flex;flex-direction:column;gap:8px}
.ContactMethodSelector label{font-size:.9375rem;color:#00072C;font-weight:600;margin-bottom:4px}
.MethodOptionsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.MethodOptionsGrid input[type="radio"]{display:none}
.MethodOptionsGrid input[type="radio"] + label{padding:12px 16px;border:2px solid #00072c26;border-radius:8px;text-align:center;font-size:.9375rem;color:#00072C;cursor:pointer;transition:all .3s ease-in;background:#FFF;font-weight:500}
.MethodOptionsGrid input[type="radio"]:checked + label{background:linear-gradient(135deg,#0B92FF,#00072C);color:#FFF;border-color:transparent}
.MethodOptionsGrid input[type="radio"] + label:hover{border-color:#0B92FF}
.PriorityLevelSelector{display:flex;flex-direction:column;gap:8px}
.PriorityLevelSelector label{font-size:.9375rem;color:#00072C;font-weight:600;margin-bottom:4px}
.UrgencyOptionsWrapper{display:flex;gap:12px}
.UrgencyOptionsWrapper input[type="radio"]{display:none}
.UrgencyOptionsWrapper input[type="radio"] + label{flex:1;padding:14px 20px;border:2px solid #00072c26;border-radius:8px;text-align:center;font-size:.9375rem;color:#00072C;cursor:pointer;transition:all .3s ease-in;background:#FFF;font-weight:500;position:relative}
.UrgencyOptionsWrapper input[type="radio"]:checked + label{background:#00072C;color:#FFF;border-color:#00072C}
.UrgencyOptionsWrapper input[type="radio"] + label:hover{border-color:#0B92FF;transform:translateY(-2px)}
.UrgencyOptionsWrapper input[type="radio"]:checked + label::before{content:'';position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#0B92FF;border-radius:50%;border:3px solid #FFF}
.PrivacyConsentBlock{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.PrivacyConsentBlock input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.PrivacyConsentBlock label{font-size:.9375rem;color:#00072C;opacity:.8;line-height:1.6}
.PrivacyConsentBlock a{color:#0B92FF;text-decoration:none;font-weight:600;transition:color .3s ease-in}
.PrivacyConsentBlock a:hover{color:#00072C}
.SubmitButtonWrapper{margin-top:16px}
.SubmitButtonWrapper button{width:100%;padding:16px 32px;background:linear-gradient(135deg,#0B92FF,#00072C);color:#FFF;border:none;border-radius:8px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s ease-in;box-shadow:0 6px 16px #0b92ff4d;position:relative;z-index:10}
.SubmitButtonWrapper button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0b92ff66}
.SubmitButtonWrapper button:active{transform:translateY(-1px)}
@media (max-width: 1024px) {
.ContactIntroWrapper{flex-direction:column;padding:60px 20px;gap:32px}
.intro-TextColumn{max-width:100%}
.intro-ImageCard{flex:0 0 auto;width:100%;max-width:480px}
.FormContainer{padding:40px 32px}
.intro-TextColumn .NumberedHeading{font-size:2.25rem}
}
@media (max-width: 768px) {
.ContactIntroWrapper{padding:40px 16px}
.intro-TextColumn .NumberedHeading{font-size:1.875rem}
.intro-TextColumn .ExplanationText{font-size:1rem}
.intro-ImageCard .VintagePhoto{height:320px}
.FormAreaWrapper{padding:64px 16px}
.FormContainer{padding:32px 24px}
.FormContainer .FormHeading{font-size:1.5rem}
.MethodOptionsGrid{grid-template-columns:1fr}
.UrgencyOptionsWrapper{flex-direction:column}
}
@media (max-width: 480px) {
.intro-TextColumn .NumberedHeading{font-size:1.625rem}
.FormContainer{padding:24px 16px}
.FormContainer .FormHeading{font-size:1.375rem}
.SubmitButtonWrapper button{font-size:1rem}
}
.AboutTitleArea{max-width:1536px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.AboutTitleArea::before{content:'';position:absolute;top:20px;left:20px;width:60px;height:60px;background-image:radial-gradient(circle,#0B92FF 2px,transparent 2px);background-size:12px 12px;opacity:.3;z-index:1}
.AboutTitleArea::after{content:'';position:absolute;bottom:20px;right:20px;width:60px;height:60px;background-image:radial-gradient(circle,#00072C 2px,transparent 2px);background-size:12px 12px;opacity:.2;z-index:1}
.TitleText-Content{position:relative;z-index:2}
.TitleText-Content h1{font-size:3.2rem;line-height:1.2;color:#00072C;margin-bottom:32px;font-weight:700}
.TitleText-Content .ThesisList{display:flex;flex-direction:column;gap:20px}
.ThesisList .ThesisItem{font-size:1.1rem;line-height:1.6;color:#00072C;padding-left:0}
.ImageMosaicGroup{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:16px;position:relative;z-index:2}
.ImageMosaicGroup .MosaicImage{width:100%;height:100%;object-fit:cover;border-radius:12px;filter:sepia(0.15) saturate(1.2) hue-rotate(190deg) brightness(0.95)}
.ImageMosaicGroup .MosaicImage:first-child{grid-row:1 / 3}
.StoryContainerBlock{max-width:1536px;margin:0 auto;padding:100px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}
.StoryWrap{display:flex;gap:80px;align-items:flex-start}
.StoryImageSide{flex:0 0 45%}
.StoryImageSide img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px #00072c1f}
.StoryContentSide{flex:1}
.StoryContentSide h2{font-size:2.6rem;color:#00072C;margin-bottom:28px;font-weight:700;position:relative}
.StoryContentSide h2::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:6px;height:60px;background:linear-gradient(180deg,#0B92FF 0%,#00072C 100%);border-radius:3px}
.StoryContentSide p{font-size:1.05rem;line-height:1.7;color:#00072C;margin-bottom:22px}
.ValuePointsSection{max-width:1536px;margin:0 auto;padding:100px 20px;background:#fff}
.ValuePointsSection h2{text-align:center;font-size:2.8rem;color:#00072C;margin-bottom:60px;font-weight:700}
.ValueCardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ValueSingleCard{background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);border-radius:14px;padding:40px 32px;box-shadow:0 4px 16px #0b92ff14;position:relative;transition:all .3s ease-in}
.ValueSingleCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0B92FF 0%,#00072C 100%);border-radius:14px 14px 0 0}
.ValueSingleCard:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0b92ff29}
.ValueSingleCard h3{font-size:1.6rem;color:#00072C;margin-bottom:18px;font-weight:600}
.ValueSingleCard p{font-size:1.02rem;line-height:1.65;color:#00072C}
.ApproachContainer{max-width:1536px;margin:0 auto;padding:100px 20px;background:linear-gradient(165deg,#00072C 0%,#0B92FF 100%);position:relative;overflow:hidden}
.ApproachContainer::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);border-radius:50%}
.ApproachInnerWrap{position:relative;z-index:2}
.ApproachInnerWrap h2{font-size:2.8rem;color:#FFF;text-align:center;margin-bottom:70px;font-weight:700}
.ApproachStepGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.ApproachStepBox{display:flex;gap:24px;align-items:flex-start}
.StepNumberCircle{flex-shrink:0;width:70px;height:70px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#FFF;border:2px solid #ffffff4d}
.StepContentText h4{font-size:1.5rem;color:#FFF;margin-bottom:14px;font-weight:600}
.StepContentText p{font-size:1.02rem;line-height:1.65;color:#ffffffe6}
.JoinActionBlock{max-width:1536px;margin:0 auto;padding:100px 20px;text-align:center;background:#fff}
.JoinActionBlock h2{font-size:2.6rem;color:#00072C;margin-bottom:24px;font-weight:700}
.JoinActionBlock p{font-size:1.15rem;line-height:1.6;color:#00072C;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}
.JoinButtonGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.JoinButtonGroup .PrimaryBtn{display:inline-block;padding:18px 42px;background:linear-gradient(135deg,#0B92FF 0%,#00072C 100%);color:#FFF;text-decoration:none;border-radius:10px;font-size:1.08rem;font-weight:600;transition:all .3s ease-in;box-shadow:0 6px 20px #0b92ff40;position:relative;z-index:10}
.JoinButtonGroup .PrimaryBtn:hover{transform:scale(1.05);box-shadow:0 10px 28px #0b92ff59}
.JoinButtonGroup .SecondaryBtn{display:inline-block;padding:18px 42px;background:transparent;color:#0B92FF;text-decoration:none;border-radius:10px;font-size:1.08rem;font-weight:600;border:2px solid #0B92FF;transition:all .3s ease-in;position:relative;z-index:10}
.JoinButtonGroup .SecondaryBtn:hover{background:#0B92FF;color:#FFF;transform:scale(1.05)}
@media (max-width: 1024px) {
.AboutTitleArea{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.TitleText-Content h1{font-size:2.6rem}
.ImageMosaicGroup{grid-template-rows:180px 180px}
.StoryWrap{flex-direction:column;gap:40px}
.StoryImageSide{flex:0 0 100%}
.StoryContentSide h2::before{left:0;top:-20px;width:60px;height:6px}
.ValueCardGrid{grid-template-columns:1fr;gap:30px}
.ApproachStepGrid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.TitleText-Content h1{font-size:2.2rem}
.ImageMosaicGroup{grid-template-columns:1fr;grid-template-rows:200px 200px 200px}
.ImageMosaicGroup .MosaicImage:first-child{grid-row:auto}
.StoryContentSide h2{font-size:2rem}
.ValuePointsSection h2,.ApproachInnerWrap h2{font-size:2.2rem}
.JoinActionBlock h2{font-size:2rem}
.JoinButtonGroup{flex-direction:column;align-items:center}
.JoinButtonGroup .PrimaryBtn,.JoinButtonGroup .SecondaryBtn{width:100%;max-width:300px}
}
.EventsHeroWrapper{position:relative;width:100%;height:520px;background-image:url(./web_visuals/IMG_6823.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.EventsHeroWrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#00072c99 0%,#00072ce0 100%);z-index:1}
.EventsHeroWrapper::after{content:'';position:absolute;bottom:-50px;left:-100px;width:400px;height:400px;background:linear-gradient(135deg,#0b92ff26 0%,transparent 70%);border-radius:50%;z-index:2}
.HeroContentBox{position:relative;z-index:3;text-align:center;max-width:920px;padding:0 24px}
.HeroContentBox h1{font-size:52px;font-weight:700;color:#FFF;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.HeroContentBox p{font-size:20px;color:#ffffffeb;line-height:1.6;margin:0}
.CurvedDecoration{position:absolute;top:60px;right:80px;width:180px;height:180px;z-index:2;opacity:.25}
.EventsMainSection{background:linear-gradient(180deg,#FFF 0%,#f8f9fb 100%);padding:92px 0 88px}
.EventsContentContainer{max-width:1536px;margin:0 auto;padding:0 32px}
.EventIntroBlock{max-width:880px;margin:0 auto 64px;text-align:center}
.EventIntroBlock h2{font-size:38px;font-weight:700;color:#00072C;margin:0 0 18px;line-height:1.3;position:relative;display:inline-block}
.EventIntroBlock h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:70px;height:3px;background:linear-gradient(90deg,#0B92FF 0%,#00072C 100%)}
.EventIntroBlock p{font-size:18px;color:#4a5568;line-height:1.7;margin:28px 0 0}
.EventsGridLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:36px;margin-bottom:56px}
.EventCardWrapper{background:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00072c14;transition:all .35s ease-in;border:1px solid #0b92ff1f;position:relative}
.EventCardWrapper:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0b92ff2e}
.EventImageContainer{width:100%;height:240px;overflow:hidden;position:relative}
.EventImageContainer img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-in}
.EventCardWrapper:hover .EventImageContainer img{transform:scale(1.08)}
.EventStatusBadge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#0B92FF 0%,#06c 100%);color:#FFF;font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;z-index:2;text-transform:uppercase;letter-spacing:.5px}
.EventCardContent{padding:28px 26px 32px}
.EventCardContent h3{font-size:24px;font-weight:700;color:#00072C;margin:0 0 14px;line-height:1.3}
.EventMetaInfo{display:flex;flex-direction:row;gap:20px;margin-bottom:16px;flex-wrap:wrap}
.MetaItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#5a6c7d}
.MetaItem i{color:#0B92FF;font-size:16px}
.EventCardContent p{font-size:16px;color:#4a5568;line-height:1.6;margin:0 0 24px}
.EventActionButton{display:inline-block;background:linear-gradient(135deg,#00072C 0%,#0B92FF 100%);color:#FFF;font-size:15px;font-weight:600;padding:12px 28px;border-radius:8px;text-decoration:none;transition:all .3s ease-in;border:none;cursor:pointer}
.EventActionButton:hover{transform:scale(1.05);box-shadow:0 6px 20px #0b92ff59}
.NoEventsPlaceholder{text-align:center;padding:64px 32px;background:#FFF;border-radius:12px;border:2px dashed #0b92ff4d;max-width:680px;margin:0 auto}
.NoEventsPlaceholder h3{font-size:26px;font-weight:700;color:#00072C;margin:0 0 12px}
.NoEventsPlaceholder p{font-size:17px;color:#5a6c7d;line-height:1.6;margin:0 0 28px}
.CtaButtonAlt{display:inline-block;background:#0B92FF;color:#FFF;font-size:16px;font-weight:600;padding:14px 32px;border-radius:8px;text-decoration:none;transition:all .3s ease-in}
.CtaButtonAlt:hover{background:#06c;transform:translateY(-2px);box-shadow:0 8px 24px #0b92ff4d}
@media (max-width: 1024px) {
.EventsHeroWrapper{height:440px}
.HeroContentBox h1{font-size:42px}
.HeroContentBox p{font-size:18px}
.EventsGridLayout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}
.CurvedDecoration{width:140px;height:140px;right:40px}
}
@media (max-width: 768px) {
.EventsHeroWrapper{height:380px}
.HeroContentBox h1{font-size:34px;margin-bottom:16px}
.HeroContentBox p{font-size:16px}
.EventsMainSection{padding:64px 0 60px}
.EventsContentContainer{padding:0 20px}
.EventIntroBlock h2{font-size:30px}
.EventIntroBlock p{font-size:16px}
.EventsGridLayout{grid-template-columns:1fr;gap:24px}
.EventImageContainer{height:200px}
.EventCardContent{padding:22px 20px 26px}
.EventCardContent h3{font-size:21px}
.CurvedDecoration{display:none}
.NoEventsPlaceholder{padding:48px 24px}
}
.PolicyDocumentWrap{max-width:1536px;margin:0 auto;padding:0 24px}
.PolicyHeaderSection{background:linear-gradient(135deg,#00072C 0%,#0B92FF 100%);padding:120px 24px 80px;position:relative;overflow:hidden;margin-bottom:60px}
.PolicyHeaderSection::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#0b92ff26 0%,transparent 70%);transform:rotate(-25deg)}
.PolicyHeaderSection::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#ffffff14 0%,transparent 65%);transform:rotate(15deg)}
.HeaderContentBox{max-width:980px;margin:0 auto;position:relative;z-index:2;transform:skewY(-1deg)}
.PolicyMainHeading{font-size:52px;font-weight:700;color:#FFF;margin:0 0 24px;line-height:1.2;letter-spacing:-.5px}
.PolicyMainHeading .AccentTerm{color:#0B92FF;background:linear-gradient(90deg,#FFF 0%,#0B92FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.PolicyMainHeading .AccentTerm::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#0B92FF 50%,transparent 100%)}
.PolicyDescriptionText{font-size:18px;color:#ffffffe6;line-height:1.6;margin:0}
.PolicyLastUpdate{font-size:15px;color:#ffffffb3;margin:20px 0 0}
.PolicyContentSection{background:#FFF;padding:80px 24px}
.PolicyArticle{max-width:920px;margin:0 auto}
.ContentIntroBlock{background:linear-gradient(135deg,#0b92ff0d 0%,#00072c05 100%);padding:40px;border-radius:12px;border-left:4px solid #0B92FF;margin-bottom:60px;box-shadow:0 4px 12px #00072c0f}
.ContentIntroBlock .IntroText{font-size:17px;line-height:1.7;color:#00072C;margin:0}
.PolicySectionGroup{margin-bottom:50px}
.SectionMainTitle{font-size:32px;font-weight:700;color:#00072C;margin:0 0 28px;position:relative;padding-left:24px}
.SectionMainTitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:40px;background:linear-gradient(180deg,#0B92FF 0%,#00072C 100%);border-radius:3px}
.SubSectionTitle{font-size:22px;font-weight:600;color:#00072C;margin:32px 0 18px;position:relative;padding-left:32px}
.SubSectionTitle::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:linear-gradient(135deg,#0B92FF 0%,#0b92ff4d 100%);border-radius:4px;transform:rotate(45deg)}
.PolicyParagraphText{font-size:16px;line-height:1.8;color:#00072C;margin:0 0 20px}
.PolicyListItems{list-style:none;padding:0;margin:24px 0}
.PolicyListItems li{font-size:16px;line-height:1.7;color:#00072C;margin-bottom:16px;padding-left:40px;position:relative}
.PolicyListItems li::before{content:'';position:absolute;left:8px;top:8px;width:8px;height:8px;background:#0B92FF;border-radius:50%;box-shadow:0 0 0 3px #0b92ff26}
.HighlightBox{background:linear-gradient(135deg,#00072c08 0%,#0b92ff0f 100%);padding:28px 36px;border-radius:10px;margin:32px 0;border:1px solid #0b92ff26}
.HighlightBox .PolicyParagraphText{margin-bottom:0;font-weight:500}
.ContactDetailsBlock{background:#00072C;padding:48px;border-radius:12px;margin-top:60px;text-align:center;position:relative;overflow:hidden}
.ContactDetailsBlock::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0B92FF 0%,#FFF 50%,#0B92FF 100%)}
.ContactDetailsTitle{font-size:24px;font-weight:600;color:#FFF;margin:0 0 24px}
.ContactLinksList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;align-items:center}
.ContactLinksList li{font-size:16px}
.ContactLinksList a{color:#0B92FF;text-decoration:none;transition:all .3s ease-in;display:inline-block}
.ContactLinksList a:hover{color:#FFF;transform:translateX(4px)}
.TableWrapper{overflow-x:auto;margin:32px 0;border-radius:10px;box-shadow:0 4px 16px #00072c14}
.PolicyDataTable{width:100%;border-collapse:collapse;background:#FFF}
.PolicyDataTable thead{background:linear-gradient(135deg,#00072C 0%,#0B92FF 100%)}
.PolicyDataTable th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#FFF;border-bottom:2px solid #fff3}
.PolicyDataTable td{padding:16px 20px;font-size:15px;color:#00072C;border-bottom:1px solid #00072c14;line-height:1.6}
.PolicyDataTable tbody tr:hover{background:#0b92ff0a}
.PolicyDataTable tbody tr:last-child td{border-bottom:none}
@media (max-width: 1024px) {
.PolicyHeaderSection{padding:100px 24px 60px}
.PolicyMainHeading{font-size:42px}
.SectionMainTitle{font-size:28px}
.ContactDetailsBlock{padding:36px 28px}
}
@media (max-width: 768px) {
.PolicyHeaderSection{padding:80px 20px 50px;margin-bottom:40px}
.HeaderContentBox{transform:skewY(0)}
.PolicyMainHeading{font-size:36px}
.PolicyDescriptionText{font-size:16px}
.PolicyContentSection{padding:60px 20px}
.ContentIntroBlock{padding:28px 24px}
.SectionMainTitle{font-size:24px;padding-left:20px}
.SectionMainTitle::before{height:32px;width:5px}
.SubSectionTitle{font-size:20px;padding-left:28px}
.PolicyListItems li{padding-left:32px}
.HighlightBox{padding:24px 20px}
.ContactDetailsBlock{padding:32px 20px}
.PolicyDataTable th,.PolicyDataTable td{padding:12px 14px;font-size:14px}
}
@media (max-width: 480px) {
.PolicyMainHeading{font-size:30px}
.PolicyDescriptionText{font-size:15px}
.SectionMainTitle{font-size:22px}
.SubSectionTitle{font-size:18px}
.PolicyParagraphText,.PolicyListItems li{font-size:15px}
}
.PrivacyHeroWrapper{background:linear-gradient(135deg,#00072C 0%,#0B92FF 100%);padding:80px 20px;position:relative;overflow:hidden}
.PrivacyHeroWrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#0b92ff4d 0%,transparent 70%);border-radius:50%;animation:FloatPulse 8s ease-in-out infinite}
@keyframes FloatPulse {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-20px,-20px) scale(1.1)}
}
.PrivacyContentContainer{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.HeroTitleMain{color:#FFF;font-size:56px;font-weight:700;line-height:1.2;margin:0 0 16px;text-align:center}
.HeroSubTitleText{color:#ffffffe6;font-size:20px;line-height:1.6;text-align:center;max-width:800px;margin:0 auto 32px}
.UpdatedDateInfo{color:#fffc;font-size:16px;text-align:center;margin:0}
.PolicyMainSection{background:#FFF;padding:100px 20px}
.PolicyContentWrapper{max-width:1536px;margin:0 auto}
.PolicyGridLayout{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}
.NavSidebarSticky{position:sticky;top:20px;background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);padding:32px 24px;border-radius:12px;box-shadow:0 4px 12px #00072c14}
.NavSidebarTitle{color:#00072C;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid #0B92FF}
.NavItemsList{list-style:none;padding:0;margin:0}
.NavItemsList li{margin-bottom:12px}
.NavLinkItem{color:#00072C;text-decoration:none;font-size:15px;display:block;padding:8px 12px;border-radius:8px;transition:all .3s ease-in;position:relative}
.NavLinkItem::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#0B92FF;border-radius:2px;transition:height .3s ease-in}
.NavLinkItem:hover{background:#0b92ff1a;color:#0B92FF;padding-left:20px}
.NavLinkItem:hover::before{height:100%}
.PolicyContentBlock{background:#FFF}
.PolicySectionBlock{margin-bottom:60px;scroll-margin-top:20px}
.SectionHeadingMain{color:#00072C;font-size:32px;font-weight:700;margin:0 0 24px;position:relative;padding-left:20px}
.SectionHeadingMain::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#0B92FF 0%,#00072C 100%);border-radius:3px}
.SectionHeadingSecondary{color:#00072C;font-size:24px;font-weight:600;margin:32px 0 16px}
.ContentParagraph{color:#333;font-size:17px;line-height:1.8;margin:0 0 20px}
.InfoListStyled{margin:24px 0;padding-left:0;list-style:none}
.InfoListStyled li{color:#333;font-size:17px;line-height:1.8;margin-bottom:16px;padding-left:32px;position:relative}
.InfoListStyled li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;background:linear-gradient(135deg,#0B92FF 0%,#00072C 100%);border-radius:3px;transform:rotate(45deg)}
.HighlightBoxInfo{background:linear-gradient(135deg,#0b92ff0d 0%,#00072c0d 100%);border-left:4px solid #0B92FF;padding:24px 28px;border-radius:8px;margin:32px 0}
.HighlightBoxInfo .ContentParagraph{margin-bottom:0}
.ContactInfoBox{background:#FFF;border:2px solid #0B92FF;border-radius:12px;padding:32px;margin-top:48px;box-shadow:0 6px 16px #0b92ff26}
.ContactInfoBox h3{color:#00072C;font-size:24px;font-weight:600;margin:0 0 20px}
.ContactDetailsList{list-style:none;padding:0;margin:0}
.ContactDetailsList li{color:#333;font-size:17px;line-height:1.8;margin-bottom:12px;display:flex;align-items:center}
.ContactDetailsList li strong{color:#00072C;min-width:100px;font-weight:600}
.ContactLinkStyled{color:#0B92FF;text-decoration:none;transition:all .3s ease-in}
.ContactLinkStyled:hover{color:#00072C;text-decoration:underline}
@media (max-width: 1024px) {
.PolicyGridLayout{grid-template-columns:1fr;gap:40px}
.NavSidebarSticky{position:static;order:-1}
.HeroTitleMain{font-size:42px}
}
@media (max-width: 768px) {
.PrivacyHeroWrapper{padding:60px 20px}
.HeroTitleMain{font-size:36px}
.HeroSubTitleText{font-size:18px}
.PolicyMainSection{padding:60px 20px}
.SectionHeadingMain{font-size:26px}
.SectionHeadingSecondary{font-size:20px}
.ContentParagraph,.InfoListStyled li,.ContactDetailsList li{font-size:16px}
.ContactInfoBox{padding:24px}
}
.SuccessPageWrap{width:100%;background:linear-gradient(135deg,#FFF 0%,#f8f9fa 100%)}
.SuccessHeroSection{max-width:1536px;margin:0 auto;padding:120px 24px 80px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.SuccessHeroSection::before{content:'';position:absolute;top:40px;left:40px;width:80px;height:80px;border-top:2px solid #0B92FF;border-left:2px solid #0B92FF;opacity:.3}
.SuccessHeroSection::after{content:'';position:absolute;bottom:40px;right:40px;width:80px;height:80px;border-bottom:2px solid #0B92FF;border-right:2px solid #0B92FF;opacity:.3}
.SuccessIconWrap{width:120px;height:120px;background:linear-gradient(135deg,#0B92FF,#00072C);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:40px;box-shadow:0 12px 40px #0b92ff40;animation:successPulse 2s ease-in infinite}
@keyframes successPulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.SuccessIconWrap svg{width:64px;height:64px;fill:#FFF}
.MainSuccessTitle{font-size:48px;font-weight:700;color:#00072C;margin:0 0 24px;line-height:1.2}
.SuccessSubtext{font-size:20px;color:#4a5568;margin:0 0 48px;max-width:680px;line-height:1.6}
.SuccessImageContainer{width:100%;max-width:800px;height:420px;background:linear-gradient(120deg,#0b92ff14 0%,#00072c0d 100%);border-radius:12px;position:relative;overflow:hidden;margin-bottom:56px}
.SuccessImageContainer::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;background:radial-gradient(circle,#0b92ff26 0%,transparent 70%)}
.SuccessImageContainer::after{content:'';position:absolute;top:30px;right:30px;width:140px;height:140px;border:3px solid #0b92ff33;border-radius:50%}
.NextStepsArea{max-width:1536px;margin:0 auto;padding:80px 24px 120px}
.StepsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:64px}
.StepCardItem{background:#FFF;padding:40px 32px;border-radius:10px;border:1px solid #e2e8f0;position:relative;transition:all .3s ease-in}
.StepCardItem:hover{transform:translateY(-6px);box-shadow:0 16px 48px #00072c1f;border-color:#0B92FF}
.StepNumberBadge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0B92FF,#00072C);color:#FFF;font-size:22px;font-weight:700;border-radius:8px;margin-bottom:20px}
.StepCardItem h3{font-size:24px;font-weight:600;color:#00072C;margin:0 0 16px;line-height:1.3}
.StepCardItem p{font-size:16px;color:#4a5568;margin:0;line-height:1.7}
.ActionButtonsArea{display:flex;flex-direction:row;gap:20px;justify-content:center;flex-wrap:wrap}
.PrimaryActionBtn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#0B92FF,#00072C);color:#FFF;font-size:18px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .3s ease-in;box-shadow:0 8px 24px #0b92ff4d}
.PrimaryActionBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0b92ff66}
.SecondaryActionBtn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:#FFF;color:#00072C;font-size:18px;font-weight:600;text-decoration:none;border-radius:10px;border:2px solid #00072C;transition:all .3s ease-in}
.SecondaryActionBtn:hover{background:#00072C;color:#FFF;transform:translateY(-3px)}
@media (max-width: 768px) {
.SuccessHeroSection{padding:80px 20px 60px}
.SuccessHeroSection::before,.SuccessHeroSection::after{width:50px;height:50px}
.SuccessIconWrap{width:90px;height:90px;margin-bottom:32px}
.SuccessIconWrap svg{width:48px;height:48px}
.MainSuccessTitle{font-size:32px;margin-bottom:20px}
.SuccessSubtext{font-size:18px;margin-bottom:40px}
.SuccessImageContainer{height:280px;margin-bottom:48px}
.NextStepsArea{padding:60px 20px 80px}
.StepsGrid{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
.StepCardItem{padding:32px 24px}
.ActionButtonsArea{flex-direction:column;align-items:stretch}
.PrimaryActionBtn,.SecondaryActionBtn{justify-content:center;width:100%}
}
@media (min-width: 769px) and (max-width: 1200px) {
.SuccessHeroSection{padding:100px 32px 70px}
.MainSuccessTitle{font-size:40px}
.StepsGrid{grid-template-columns:repeat(2,1fr)}
}