@import "https://cdn.jsdelivr.net/npm/@fontsource/inter@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/inter@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/inter@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/inter@latest/700-italic.css";
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(165deg,#f8f9fa 0%,#e9ecef 100%);color:#181D30;overflow-x:hidden}
.headerWrapper{background:linear-gradient(258deg,#181D30 0%,#2a3f5f 50%,#3d5a7f 100%);box-shadow:0 8px 24px #181d3026;position:relative}
.hdrContainer{max-width:1024px;margin:0 auto;padding:0 20px}
.topRow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:25px 0;border-bottom:1px solid #c7feff26}
.leftZone{display:flex;align-items:center;gap:15px}
.contactInfo{display:flex;flex-direction:column;gap:6px}
.contactInfo a{color:#C7FEFF;text-decoration:none;font-size:13px;transition:color 200ms ease-in;display:flex;align-items:center;gap:8px}
.contactInfo a:hover{color:#FFF}
.centerZone{display:flex;flex-direction:column;align-items:center;gap:12px}
.logoBox{width:110px;height:110px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:30px;box-shadow:0 6px 20px #0003 0 0 0 3px #c7feff4d;padding:15px}
.logoBox img{width:100%;height:100%;object-fit:contain}
.brandName{font-size:22px;font-weight:700;color:#C7FEFF;letter-spacing:1px;text-shadow:0 2px 8px #0000004d}
.rightZone{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.langFlag{width:32px;height:24px;border-radius:6px;box-shadow:0 2px 6px #0003;border:2px solid #c7feff66}
.navRow{padding:18px 0}
.mainNav{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}
.mainNav a{color:#FFF;text-decoration:none;font-size:15px;font-weight:600;padding:10px 18px;border-radius:25px;border:2px solid transparent;transition:all 180ms ease-in;position:relative}
.mainNav a:hover{border-color:#C7FEFF;background:#c7feff1a}
.footerWrapper{background:linear-gradient(258deg,#181D30 0%,#1f2638 100%);border-top:3px solid #C7FEFF;margin-top:80px}
.ftrContainer{max-width:1024px;margin:0 auto;padding:40px 20px}
.footerGrid{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:start}
.copyrightBox{border:2px solid #c7feff4d;border-radius:25px;padding:25px 30px;background:#ffffff05}
.copyrightBox p{color:#C7FEFF;font-size:14px;line-height:1.8}
.policyLinks{display:flex;flex-direction:column;gap:15px;border:2px solid #c7feff4d;border-radius:25px;padding:25px 30px;background:#ffffff05}
.policyLinks a{color:#C7FEFF;text-decoration:none;font-size:14px;font-weight:600;transition:color 150ms ease-in;border-bottom:1px solid transparent;padding-bottom:3px}
.policyLinks a:hover{color:#FFF;border-bottom-color:#C7FEFF}
.cookiePopup{position:fixed;bottom:30px;left:30px;background:linear-gradient(135deg,#181D30 0%,#2a3f5f 100%);border:3px solid #C7FEFF;border-radius:0;padding:30px;max-width:520px;box-shadow:0 12px 40px #181d3080;z-index:10000;transform:translateX(-150%);transition:transform 400ms ease-in}
.cookiePopup.showing{transform:translateX(0)}
.ckTitle{color:#C7FEFF;font-size:20px;font-weight:700;margin-bottom:15px}
.ckText{color:#FFF;font-size:14px;line-height:1.7;margin-bottom:20px}
.ckOptions{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;padding:15px;background:#ffffff0d;border-radius:8px}
.ckOption{display:flex;align-items:center;justify-content:space-between}
.ckOption label{color:#FFF;font-size:13px;font-weight:600}
.ckOption input[type="checkbox"]{width:20px;height:20px;cursor:pointer}
.ckOption input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.6}
.ckButtons{display:flex;gap:12px}
.ckBtn{flex:1;padding:14px 20px;border:0;border-radius:0;font-size:14px;font-weight:700;cursor:pointer;transition:all 180ms ease-in;font-family:'Inter',sans-serif}
.ckAccept{background:#C7FEFF;color:#181D30}
.ckAccept:hover{background:#FFF;box-shadow:0 4px 12px #c7feff66}
.ckReject{background:transparent;color:#C7FEFF;border:2px solid #C7FEFF}
.ckReject:hover{background:#c7feff1a}
@media (max-width: 768px) {
.topRow{grid-template-columns:1fr;text-align:center;gap:20px}
.leftZone{justify-content:center}
.rightZone{justify-content:center}
.mainNav{gap:20px}
.mainNav a{font-size:14px;padding:8px 14px}
.footerGrid{grid-template-columns:1fr;gap:25px}
.cookiePopup{left:15px;right:15px;bottom:15px;max-width:none;padding:20px}
.ckButtons{flex-direction:column}
}
@media (max-width: 375px) {
.logoBox{width:90px;height:90px}
.brandName{font-size:18px}
.mainNav{flex-direction:column;gap:12px}
.mainNav a{width:100%;text-align:center}
}
.projectsMain{background:linear-gradient(165deg,#FFF 0%,#C7FEFF 45%,#FFF 100%);padding:0;margin:0}
.headerBlock{max-width:1024px;margin:0 auto;padding:90px 20px 80px;position:relative}
.titleArea{text-align:center;position:relative;z-index:5}
.titleArea h1{font-size:3.2rem;color:#181D30;margin:0 0 24px;font-weight:700;line-height:1.2}
.titleArea h1::before{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#181D30 0%,#C7FEFF 100%);margin:0 auto 20px;border-radius:30px}
.titleArea .intro-text{font-size:1.15rem;color:#181D30;line-height:1.7;max-width:720px;margin:0 auto 50px}
.heroImageWrapper{position:relative;max-width:880px;margin:0 auto;border-radius:30px;overflow:hidden;box-shadow:0 12px 35px #181d3026}
.heroImageWrapper img{width:100%;height:auto;display:block;transition:transform .4s ease-in}
.heroImageWrapper:hover img{transform:scale(1.05)}
.patternDots{position:absolute;top:30px;right:40px;width:120px;height:120px;opacity:.25;z-index:2}
.patternDots::before,.patternDots::after{content:'';position:absolute;width:12px;height:12px;background:#181D30;border-radius:50%}
.patternDots::before{top:0;left:0;box-shadow:30px 0 0 #181D30,60px 0 0 #181D30,90px 0 0 #181D30,0 30px 0 #181D30,30px 30px 0 #181D30,60px 30px 0 #181D30,90px 30px 0 #181D30,0 60px 0 #181D30,30px 60px 0 #181D30,60px 60px 0 #181D30,90px 60px 0 #181D30}
.showcaseSection{background:#FFF;padding:90px 20px}
.showcaseInner{max-width:1024px;margin:0 auto}
.showcaseInner h2{font-size:2.4rem;color:#181D30;margin:0 0 50px;text-align:center;font-weight:700}
.showcaseInner h2::after{content:'';display:block;width:60px;height:3px;background:#C7FEFF;margin:20px auto 0;border-radius:20px}
.projectsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.projectCard{background:linear-gradient(135deg,#FFF 0%,#C7FEFF 100%);border-radius:25px;padding:35px;box-shadow:0 8px 25px #181d301a;transition:all .3s ease-in;position:relative;overflow:hidden}
.projectCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#181D30,#C7FEFF);border-radius:25px;z-index:-1;opacity:0;transition:opacity .3s ease-in}
.projectCard:hover{transform:translateY(-8px);box-shadow:0 15px 40px #181d3033}
.projectCard:hover::before{opacity:1}
.projectCard h3{font-size:1.5rem;color:#181D30;margin:0 0 18px;font-weight:700}
.projectCard .description{font-size:1rem;color:#181D30;line-height:1.7;margin:0 0 25px}
.techStack{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}
.techBadge{background:#181D30;color:#FFF;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}
.projectMeta{display:flex;align-items:center;gap:15px;font-size:.9rem;color:#181D30}
.metaItem{display:flex;align-items:center;gap:6px}
.metaItem svg{width:18px;height:18px;fill:#181D30}
.processFlow{background:linear-gradient(180deg,#FFF 0%,#C7FEFF 50%,#FFF 100%);padding:80px 20px}
.processWrapper{max-width:1024px;margin:0 auto}
.processWrapper h2{font-size:2.4rem;color:#181D30;margin:0 0 60px;text-align:center;font-weight:700;position:relative}
.processWrapper h2::before{content:'';position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:50px;height:50px;background:linear-gradient(135deg,#181D30,#C7FEFF);border-radius:50%;opacity:.2}
.stepsContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:35px;position:relative}
.stepBox{background:#FFF;border-radius:30px;padding:40px 30px;text-align:center;box-shadow:0 6px 20px #181d3014;position:relative;transition:all .3s ease-in}
.stepBox:hover{transform:scale(1.05);box-shadow:0 12px 35px #181d3026}
.stepNumber{width:60px;height:60px;background:linear-gradient(135deg,#181D30,#C7FEFF);color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin:0 auto 20px}
.stepBox h4{font-size:1.3rem;color:#181D30;margin:0 0 15px;font-weight:700}
.stepBox p{font-size:.95rem;color:#181D30;line-height:1.6;margin:0}
.ctaBlock{background:#181D30;padding:90px 20px;position:relative;overflow:hidden}
.ctaBlock::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#c7feff1a 0%,#c7feff00 100%);pointer-events:none}
.ctaContent{max-width:820px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctaContent h2{font-size:2.6rem;color:#FFF;margin:0 0 25px;font-weight:700;line-height:1.3}
.ctaContent .description{font-size:1.15rem;color:#C7FEFF;line-height:1.7;margin:0 0 40px}
.buttonGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.primaryBtn{background:#C7FEFF;color:#181D30;padding:16px 40px;border-radius:30px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-block;transition:all .2s ease-in;box-shadow:0 6px 20px #c7feff4d}
.primaryBtn:hover{background:#FFF;transform:translateY(-3px);box-shadow:0 10px 30px #c7feff80}
.secondaryBtn{background:transparent;color:#C7FEFF;padding:16px 40px;border:2px solid #C7FEFF;border-radius:30px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-block;transition:all .2s ease-in}
.secondaryBtn:hover{background:#C7FEFF;color:#181D30;transform:translateY(-3px)}
@media (max-width: 768px) {
.titleArea h1{font-size:2.2rem}
.titleArea .intro-text{font-size:1rem}
.showcaseInner h2,.processWrapper h2,.ctaContent h2{font-size:1.9rem}
.projectsGrid{grid-template-columns:1fr;gap:30px}
.stepsContainer{grid-template-columns:1fr;gap:25px}
.buttonGroup{flex-direction:column;align-items:stretch}
.primaryBtn,.secondaryBtn{width:100%;text-align:center}
}
@media (max-width: 375px) {
.headerBlock{padding:60px 15px}
.titleArea h1{font-size:1.8rem}
.projectCard{padding:25px}
.stepBox{padding:30px 20px}
}
.heroZone{background:linear-gradient(135deg,#C7FEFF 0%,#FFF 40%,#181D30 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroZone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#c7feff4d 0%,transparent 70%);border-radius:50%;z-index:1}
.heroContentWrap{max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.heroTextBox{flex:1}
.heroTextBox h1{font-size:56px;line-height:1.15;color:#181D30;margin:0 0 24px;font-weight:700}
.heroTextBox h1 .accent{background:linear-gradient(90deg,#181D30 0%,#C7FEFF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}
.heroTextBox h1 .accent::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:#C7FEFF}
.heroTextBox p{font-size:19px;line-height:1.7;color:#181D30;margin:0 0 36px;opacity:.85}
.heroImageContainer{flex:1;position:relative}
.heroImageContainer img{width:100%;height:auto;border-radius:32px;box-shadow:0 12px 40px #181d3026;object-fit:cover}
.heroImageContainer::before{content:'';position:absolute;top:-15px;left:-15px;width:100%;height:100%;background:linear-gradient(135deg,#C7FEFF 0%,transparent 60%);border-radius:32px;z-index:-1}
.ctaMainBtn{display:inline-block;padding:18px 42px;background:#181D30;color:#FFF;text-decoration:none;font-size:17px;font-weight:600;border-radius:28px;transition:all 300ms ease-in;box-shadow:0 6px 20px #181d3033}
.ctaMainBtn:hover{background:linear-gradient(135deg,#181D30 0%,#C7FEFF 100%);transform:translateY(-3px);box-shadow:0 10px 30px #181d304d}
.opportunitiesZone{padding:100px 20px;background:#FFF;position:relative}
.opportunitiesZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#C7FEFF 50%,transparent 100%)}
.opportunitiesContainer{max-width:1024px;margin:0 auto}
.opportunitiesContainer h2{font-size:44px;line-height:1.2;color:#181D30;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.opportunitiesContainer h2::before{content:'';position:absolute;top:-12px;left:-20px;width:50px;height:50px;background:radial-gradient(circle,#C7FEFF 0%,transparent 70%);z-index:-1;border-radius:50%}
.opportunitiesIntro{font-size:18px;line-height:1.65;color:#181D30;margin:0 0 60px;opacity:.8}
.optionsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.optionCard{background:linear-gradient(135deg,#FFF 0%,#C7FEFF 100%);padding:40px 32px;border-radius:30px;box-shadow:0 8px 24px #181d3014;transition:all 400ms ease-in;position:relative;overflow:hidden}
.optionCard::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,#181d300d 0%,transparent 70%);border-radius:50%;transform:translate(40%,-40%)}
.optionCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #181d3026}
.optionCard h3{font-size:24px;line-height:1.3;color:#181D30;margin:0 0 16px;font-weight:600}
.optionCard p{font-size:16px;line-height:1.7;color:#181D30;margin:0;opacity:.75}
.optionCard img{width:100%;height:220px;object-fit:cover;border-radius:20px;margin-bottom:24px}
.flexibilityZone{padding:100px 20px;background:linear-gradient(180deg,#FFF 0%,#C7FEFF 50%,#FFF 100%);position:relative}
.flexibilityWrap{max-width:1024px;margin:0 auto;display:flex;gap:80px;align-items:center}
.flexibilityVisual{flex:1;position:relative}
.flexibilityVisual img{width:100%;height:auto;border-radius:36px;box-shadow:0 14px 48px #181d301f;object-fit:cover}
.flexibilityVisual::after{content:'';position:absolute;bottom:-20px;right:-20px;width:100%;height:100%;border:3px solid #181D30;border-radius:36px;z-index:-1}
.flexibilityContent{flex:1}
.flexibilityContent h2{font-size:42px;line-height:1.25;color:#181D30;margin:0 0 28px;font-weight:700}
.flexibilityContent h2::before{content:'→';display:inline-block;margin-right:16px;color:#C7FEFF;font-size:48px}
.flexibilityContent p{font-size:17px;line-height:1.75;color:#181D30;margin:0 0 20px;opacity:.8}
.flexibilityFeatures{margin-top:40px}
.featureRow{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;padding:20px;background:#fff9;border-radius:24px;transition:all 300ms ease-in}
.featureRow:hover{background:#ffffffe6;transform:translateX(8px)}
.featureIcon{width:48px;height:48px;background:linear-gradient(135deg,#181D30 0%,#C7FEFF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.featureIcon svg{width:24px;height:24px;fill:#FFF}
.featureText h4{font-size:19px;line-height:1.3;color:#181D30;margin:0 0 8px;font-weight:600}
.featureText p{font-size:15px;line-height:1.6;color:#181D30;margin:0;opacity:.7}
@media (max-width: 1366px) {
.heroContentWrap{gap:40px}
.heroTextBox h1{font-size:48px}
.optionsGrid{gap:30px}
}
@media (max-width: 768px) {
.heroZone{padding:60px 20px}
.heroContentWrap{flex-direction:column;gap:40px}
.heroTextBox h1{font-size:38px}
.heroTextBox p{font-size:17px}
.opportunitiesZone{padding:70px 20px}
.opportunitiesContainer h2{font-size:36px}
.optionsGrid{grid-template-columns:1fr;gap:30px}
.flexibilityZone{padding:70px 20px}
.flexibilityWrap{flex-direction:column;gap:50px}
.flexibilityContent h2{font-size:34px}
}
@media (max-width: 375px) {
.heroTextBox h1{font-size:32px}
.heroTextBox p{font-size:16px}
.ctaMainBtn{padding:16px 32px;font-size:16px}
.opportunitiesContainer h2{font-size:30px}
.optionCard{padding:32px 24px}
.flexibilityContent h2{font-size:28px}
}
.contactHero{position:relative;width:100%;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.contactHero img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15;filter:contrast(1.1) grayscale(0.3)}
.heroBlur1{position:absolute;top:-100px;left:-50px;width:400px;height:400px;background:linear-gradient(135deg,#C7FEFF 0%,#181D30 100%);border-radius:50%;filter:blur(120px);opacity:.4;z-index:1}
.heroBlur2{position:absolute;bottom:-80px;right:-80px;width:450px;height:450px;background:linear-gradient(225deg,#181D30 0%,#C7FEFF 100%);border-radius:50%;filter:blur(140px);opacity:.35;z-index:1}
.heroTextWrap{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 20px}
.heroTextWrap h1{font-size:3.2rem;line-height:1.2;color:#181D30;margin:0;font-weight:700}
.heroTextWrap h1 .underlineWord{position:relative;display:inline-block}
.heroTextWrap h1 .underlineWord::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#C7FEFF 0%,#181D30 100%);border-radius:2px}
.contactContentArea{max-width:1024px;margin:0 auto 100px;padding:0 20px}
.infoCardsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:80px}
.infoCard{background:linear-gradient(145deg,#FFF 0%,#C7FEFF 100%);border-radius:28px;padding:40px 32px;box-shadow:0 8px 24px #181d3014;transition:all 300ms ease-in;position:relative;overflow:hidden}
.infoCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#181D30 0%,#C7FEFF 50%,#FFF 100%);border-radius:28px;z-index:-1;opacity:0;transition:opacity 300ms ease-in}
.infoCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #181d3024}
.infoCard:hover::before{opacity:1}
.cardIconBox{width:64px;height:64px;background:linear-gradient(135deg,#181D30 0%,#C7FEFF 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.cardIconBox svg{width:32px;height:32px;fill:#FFF}
.infoCard h3{font-size:1.4rem;color:#181D30;margin:0 0 12px;font-weight:600}
.infoCard p{font-size:1rem;line-height:1.6;color:#181D30;margin:0;opacity:.85}
.infoCard a{color:#181D30;text-decoration:none;transition:opacity 200ms ease-in}
.infoCard a:hover{opacity:.7}
.formSectionWrap{background:#FFF;border-radius:32px;padding:60px;box-shadow:0 12px 48px #181d301a;margin-bottom:80px}
.formSectionWrap h2{font-size:2.4rem;color:#181D30;margin:0 0 16px;font-weight:700;text-align:center}
.formSectionWrap .subheadText{font-size:1.1rem;line-height:1.6;color:#181D30;opacity:.75;text-align:center;margin:0 0 50px;max-width:700px;margin-left:auto;margin-right:auto}
.contactForm{max-width:720px;margin:0 auto}
.formGroup{margin-bottom:32px}
.formGroup label{display:block;font-size:1rem;color:#181D30;margin-bottom:10px;font-weight:500}
.formGroup input[type="email"],.formGroup select{width:100%;padding:16px 20px;border:2px solid #181d3026;border-radius:16px;font-size:1rem;color:#181D30;background:#FFF;transition:all 200ms ease-in;box-sizing:border-box}
.formGroup input[type="email"]:focus,.formGroup select:focus{outline:none;border-color:#C7FEFF;box-shadow:0 0 0 4px #c7feff33}
.formGroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23181D30' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}
.privacyCheckWrap{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.privacyCheckWrap input[type="checkbox"]{width:22px;height:22px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#181D30}
.privacyCheckWrap label{font-size:.95rem;line-height:1.6;color:#181D30;opacity:.8;cursor:pointer}
.privacyCheckWrap label a{color:#181D30;text-decoration:underline;transition:opacity 200ms ease-in}
.privacyCheckWrap label a:hover{opacity:.6}
.submitBtnWrap{text-align:center}
.submitBtn{background:linear-gradient(135deg,#181D30 0%,#C7FEFF 100%);color:#FFF;border:none;padding:18px 56px;font-size:1.1rem;font-weight:600;border-radius:24px;cursor:pointer;transition:all 300ms ease-in;box-shadow:0 8px 24px #181d3033}
.submitBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #181d304d}
.submitBtn:active{transform:translateY(-1px)}
.socialConnectSection{max-width:1024px;margin:0 auto 100px;padding:0 20px;text-align:center}
.socialConnectSection h2{font-size:2rem;color:#181D30;margin:0 0 40px;font-weight:700}
.socialLinksRow{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.socialLinkBox{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#FFF 0%,#C7FEFF 100%);padding:16px 28px;border-radius:20px;text-decoration:none;color:#181D30;font-weight:600;transition:all 200ms ease-in;box-shadow:0 4px 16px #181d3014}
.socialLinkBox:hover{transform:scale(1.05);box-shadow:0 8px 24px #181d3024}
.socialLinkBox svg{width:24px;height:24px;fill:#181D30}
.additionalInfoBlock{max-width:1024px;margin:0 auto 80px;padding:0 20px}
.infoGrid2col{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.infoColumn h3{font-size:1.6rem;color:#181D30;margin:0 0 20px;font-weight:600;position:relative;padding-left:24px}
.infoColumn h3::before{content:'';position:absolute;left:0;top:4px;width:6px;height:24px;background:linear-gradient(180deg,#181D30 0%,#C7FEFF 100%);border-radius:3px}
.infoColumn p{font-size:1rem;line-height:1.7;color:#181D30;opacity:.8;margin:0 0 16px}
@media (max-width: 768px) {
.contactHero{min-height:400px;margin-bottom:60px}
.heroTextWrap h1{font-size:2.2rem}
.infoCardsGrid{grid-template-columns:1fr;gap:24px;margin-bottom:60px}
.formSectionWrap{padding:40px 24px;margin-bottom:60px}
.formSectionWrap h2{font-size:1.8rem}
.infoGrid2col{grid-template-columns:1fr;gap:40px}
.socialLinksRow{flex-direction:column;align-items:stretch}
.socialLinkBox{justify-content:center}
}
@media (max-width: 375px) {
.heroTextWrap h1{font-size:1.8rem}
.formSectionWrap{padding:30px 16px}
}
.circleTitleWrapper{max-width:1024px;margin:0 auto;padding:60px 20px;position:relative}
.circleTitleBox{position:relative;width:100%;min-height:450px;display:flex;align-items:center;justify-content:center;border-radius:40px;overflow:hidden;background:linear-gradient(135deg,#C7FEFF 0%,#FFF 50%,#181D30 100%)}
.circleTitleBox::before{content:'';position:absolute;top:-120px;right:-80px;width:380px;height:380px;background:#181d3026;border-radius:50%;z-index:1}
.circleTitleBox::after{content:'';position:absolute;bottom:-90px;left:-60px;width:320px;height:320px;background:#c7feff40;border-radius:50%;z-index:1}
.circleTitleBox .bgImagePart{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./blog_images/file-3final.jpg);background-size:cover;background-position:center;opacity:.08;z-index:0}
.titleContentInner{position:relative;z-index:2;text-align:center;max-width:720px;padding:40px}
.titleContentInner h1{font-size:52px;line-height:1.2;color:#181D30;margin:0 0 24px;font-weight:700}
.titleContentInner h1 .accentWord{color:#C7FEFF;background:linear-gradient(90deg,#181D30 0%,#C7FEFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.titleContentInner h1 .accentWord::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:#C7FEFF}
.titleContentInner .introText{font-size:18px;line-height:1.6;color:#181D30;margin:0}
.storyBlockWrap{max-width:1024px;margin:0 auto;padding:80px 20px}
.storyGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.storyTextColumn h2{font-size:38px;line-height:1.3;color:#181D30;margin:0 0 28px;font-weight:600;position:relative;padding-left:20px}
.storyTextColumn h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:60%;background:linear-gradient(180deg,#181D30 0%,#C7FEFF 100%);border-radius:30px}
.storyTextColumn .paragraphBlock{margin-bottom:32px}
.storyTextColumn .paragraphBlock h3{font-size:22px;color:#181D30;margin:0 0 16px;font-weight:600}
.storyTextColumn .paragraphBlock p{font-size:16px;line-height:1.7;color:#181D30;margin:0}
.storyVisualColumn{position:relative;display:flex;flex-direction:column;gap:24px}
.visualCard{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 8px 20px #181d301f;transition:all 300ms ease-in}
.visualCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #181d302e}
.visualCard img{width:100%;height:280px;object-fit:cover;display:block}
.visualCard.tallCard img{height:360px}
.visualOverlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(180deg,transparent 0%,#181d30d9 100%)}
.visualOverlay h4{font-size:20px;color:#FFF;margin:0 0 8px;font-weight:600}
.visualOverlay p{font-size:14px;line-height:1.5;color:#C7FEFF;margin:0}
.timelineSectionWrap{max-width:1024px;margin:0 auto;padding:80px 20px 100px;background:linear-gradient(180deg,#FFF 0%,#C7FEFF 10%,#FFF 100%);border-radius:40px}
.timelineHeader{text-align:center;margin-bottom:60px}
.timelineHeader h2{font-size:42px;color:#181D30;margin:0 0 20px;font-weight:700}
.timelineHeader p{font-size:18px;line-height:1.6;color:#181D30;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.journeyTimeline{position:relative;padding-left:60px}
.journeyTimeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#181D30 0%,#C7FEFF 50%,#181D30 100%);border-radius:20px}
.milestoneItem{position:relative;margin-bottom:48px;padding:28px 32px;background:#FFF;border-radius:20px;box-shadow:0 6px 16px #181d301a;transition:all 200ms ease-in}
.milestoneItem:hover{box-shadow:0 10px 28px #181d3029;transform:translateX(8px)}
.milestoneItem::before{content:'';position:absolute;left:-48px;top:32px;width:16px;height:16px;background:#C7FEFF;border:4px solid #181D30;border-radius:50%;box-shadow:0 0 0 6px #c7feff4d}
.milestoneItem .yearLabel{font-size:14px;font-weight:700;color:#C7FEFF;background:#181D30;display:inline-block;padding:6px 16px;border-radius:20px;margin-bottom:12px}
.milestoneItem h3{font-size:24px;color:#181D30;margin:0 0 12px;font-weight:600}
.milestoneItem p{font-size:16px;line-height:1.7;color:#181D30;margin:0}
.valuesBanner{max-width:1024px;margin:60px auto 0;padding:50px 40px;background:linear-gradient(258deg,#181D30 0%,#C7FEFF 50%,#FFF 100%);border-radius:32px;text-align:center}
.valuesBanner h3{font-size:32px;color:#FFF;margin:0 0 20px;font-weight:700}
.valuesBanner p{font-size:18px;line-height:1.6;color:#FFF;margin:0 0 32px;max-width:720px;margin-left:auto;margin-right:auto}
.ctaButton{display:inline-block;padding:16px 40px;background:#FFF;color:#181D30;font-size:18px;font-weight:600;border-radius:30px;text-decoration:none;box-shadow:0 8px 20px #00000026;transition:all 200ms ease-in}
.ctaButton:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000038;background:#C7FEFF}
@media (max-width: 1366px) {
.circleTitleWrapper{padding:50px 18px}
.titleContentInner h1{font-size:46px}
}
@media (max-width: 768px) {
.circleTitleBox{min-height:380px}
.titleContentInner{padding:30px 20px}
.titleContentInner h1{font-size:36px;margin-bottom:18px}
.titleContentInner .introText{font-size:16px}
.storyGrid{grid-template-columns:1fr;gap:50px}
.storyTextColumn h2{font-size:32px}
.journeyTimeline{padding-left:50px}
.timelineHeader h2{font-size:34px}
.valuesBanner{padding:40px 24px}
.valuesBanner h3{font-size:26px}
}
@media (max-width: 375px) {
.circleTitleBox{min-height:320px;border-radius:28px}
.titleContentInner h1{font-size:28px}
.titleContentInner .introText{font-size:15px}
.storyBlockWrap{padding:60px 18px}
.storyTextColumn h2{font-size:26px}
.storyTextColumn .paragraphBlock h3{font-size:20px}
.visualCard img{height:220px}
.visualCard.tallCard img{height:280px}
.timelineSectionWrap{padding:60px 18px 80px;border-radius:28px}
.timelineHeader h2{font-size:28px}
.milestoneItem h3{font-size:20px}
.valuesBanner{border-radius:24px;padding:32px 20px}
.valuesBanner h3{font-size:22px}
.valuesBanner p{font-size:16px}
.ctaButton{padding:14px 32px;font-size:16px}
}
.programTitleZone{position:relative;background:linear-gradient(258deg,#181D30 0%,#2A3148 40%,#C7FEFF 100%);padding:80px 20px 100px;overflow:hidden}
.programTitleZone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#c7feff26 0%,transparent 70%);border-radius:50%}
.titleContentBox{max-width:1024px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.titleTextPart h1{font-size:3.2rem;color:#FFF;margin:0 0 24px;line-height:1.15;font-weight:700}
.titleTextPart h1::after{content:'';display:block;width:80px;height:4px;background:#C7FEFF;margin-top:20px;border-radius:2px}
.titleTextPart .subtitleLine{font-size:1.15rem;color:#ffffffd9;line-height:1.6;margin:0}
.titleImageMosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;position:relative}
.mosaicPiece{position:relative;overflow:hidden;border-radius:28px;box-shadow:0 8px 24px #181d304d}
.mosaicPiece img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 400ms ease-in}
.mosaicPiece:hover img{transform:scale(1.08)}
.mosaicPiece.tallOne{grid-row:span 2}
.mosaicPiece.wideOne{grid-column:span 2}
.decorCircle{position:absolute;width:120px;height:120px;border:3px solid #c7feff4d;border-radius:50%;bottom:-40px;left:10%;z-index:1}
.programStructureBox{background:#FFF;padding:100px 20px}
.structureInnerWrap{max-width:1024px;margin:0 auto}
.structureHeading{text-align:center;margin-bottom:70px}
.structureHeading h2{font-size:2.6rem;color:#181D30;margin:0 0 16px;position:relative;display:inline-block}
.structureHeading h2::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(135deg,#181D30 0%,#C7FEFF 100%);border-radius:6px}
.structureHeading p{font-size:1.1rem;color:#5A5F7A;max-width:680px;margin:0 auto;line-height:1.65}
.coursePathsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.pathCardItem{background:linear-gradient(160deg,#F8F9FC 0%,#FFF 100%);border:2px solid #E8EAF0;border-radius:32px;padding:40px 32px;transition:all 300ms ease-in;position:relative;overflow:hidden}
.pathCardItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#181D30 0%,#C7FEFF 100%);transform:scaleX(0);transform-origin:left;transition:transform 400ms ease-in}
.pathCardItem:hover{transform:translateY(-8px);box-shadow:0 16px 48px #181d301f;border-color:#C7FEFF}
.pathCardItem:hover::before{transform:scaleX(1)}
.pathNumber{display:inline-block;width:56px;height:56px;background:linear-gradient(135deg,#181D30 0%,#3A4260 100%);color:#C7FEFF;border-radius:16px;font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.pathCardItem h3{font-size:1.5rem;color:#181D30;margin:0 0 16px;line-height:1.3}
.pathCardItem p{font-size:1rem;color:#5A5F7A;line-height:1.7;margin:0 0 24px}
.pathTopicsList{list-style:none;padding:0;margin:0 0 28px}
.pathTopicsList li{font-size:.95rem;color:#181D30;padding:10px 0 10px 32px;position:relative;line-height:1.5}
.pathTopicsList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:linear-gradient(135deg,#C7FEFF 0%,#181D30 100%);border-radius:4px;opacity:.8}
.pathDurationTag{display:inline-block;background:#c7feff33;color:#181D30;padding:8px 18px;border-radius:20px;font-size:.9rem;font-weight:600}
.detailsToggleZone{margin-top:60px;background:#F8F9FC;border-radius:32px;padding:50px 40px}
.toggleCardRow{border-bottom:2px solid #E8EAF0;padding:28px 0}
.toggleCardRow:last-child{border-bottom:none}
.toggleTrigger{cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.toggleTrigger h4{font-size:1.4rem;color:#181D30;margin:0;transition:color 200ms ease-in}
.toggleIcon{width:32px;height:32px;background:#181D30;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 300ms ease-in}
.toggleIcon::after{content:'+';color:#C7FEFF;font-size:1.8rem;font-weight:700}
.detailCheckbox{display:none}
.toggleContentHidden{max-height:0;overflow:hidden;transition:max-height 400ms ease-in}
.detailCheckbox:checked ~ .toggleContentHidden{max-height:800px}
.detailCheckbox:checked + .toggleTrigger .toggleIcon{background:#C7FEFF;transform:rotate(45deg)}
.detailCheckbox:checked + .toggleTrigger .toggleIcon::after{color:#181D30}
.toggleInnerContent{padding:24px 0 0}
.toggleInnerContent p{font-size:1.05rem;color:#5A5F7A;line-height:1.75;margin:0 0 20px}
.modulesListBox{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}
.moduleItemCard{background:#FFF;padding:20px 24px;border-radius:20px;border-left:4px solid #C7FEFF;box-shadow:0 4px 12px #181d300f}
.moduleItemCard h5{font-size:1.1rem;color:#181D30;margin:0 0 10px}
.moduleItemCard p{font-size:.95rem;color:#5A5F7A;margin:0;line-height:1.6}
@media (max-width: 1366px) {
.titleContentBox{gap:40px}
.titleTextPart h1{font-size:2.8rem}
.coursePathsGrid{gap:24px}
}
@media (max-width: 768px) {
.programTitleZone{padding:60px 20px 70px}
.titleContentBox{grid-template-columns:1fr;gap:50px}
.titleTextPart h1{font-size:2.2rem}
.titleImageMosaic{grid-template-columns:1fr}
.mosaicPiece.tallOne{grid-row:span 1}
.mosaicPiece.wideOne{grid-column:span 1}
.programStructureBox{padding:70px 20px}
.structureHeading h2{font-size:2rem}
.structureHeading h2::before{display:none}
.coursePathsGrid{grid-template-columns:1fr;gap:28px}
.modulesListBox{grid-template-columns:1fr}
.detailsToggleZone{padding:30px 24px}
}
@media (max-width: 375px) {
.titleTextPart h1{font-size:1.9rem}
.pathCardItem{padding:32px 24px}
}
.policyWrap{max-width:1024px;margin:0 auto;padding:60px 20px;background:#FFF}
.titleSection{position:relative;margin-bottom:80px;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#181D30 0%,#2a3145 100%);padding:80px 40px}
.titleSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#c7feff26 0%,transparent 70%);border-radius:50%;animation:floatingShape 8s ease-in-out infinite}
.titleSection::after{content:'';position:absolute;bottom:-30%;left:-15%;width:400px;height:400px;background:radial-gradient(circle,#c7feff1a 0%,transparent 70%);border-radius:50%;animation:floatingShape 10s ease-in-out infinite reverse}
@keyframes floatingShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.titleContent{position:relative;z-index:2}
.titleMain{font-size:56px;font-weight:700;color:#FFF;margin:0 0 16px;line-height:1.1}
.titleSub{font-size:24px;color:#C7FEFF;font-weight:400;margin:0;opacity:.9}
.policyMeta{display:flex;flex-wrap:wrap;gap:30px;margin-top:30px;padding-top:30px;border-top:1px solid #c7feff33}
.metaItem{display:flex;flex-direction:column;gap:6px}
.metaLabel{font-size:13px;color:#C7FEFF;text-transform:uppercase;letter-spacing:1px;opacity:.8}
.metaValue{font-size:16px;color:#FFF;font-weight:500}
.contentArea{max-width:800px;margin:0 auto}
.sectionBlock{margin-bottom:60px}
.sectionTitle{font-size:32px;font-weight:700;color:#181D30;margin:0 0 24px;position:relative;padding-left:20px}
.sectionTitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:40px;background:linear-gradient(180deg,#181D30 0%,#C7FEFF 100%);border-radius:3px}
.textBlock{font-size:17px;line-height:1.7;color:#181D30;margin-bottom:20px}
.listGroup{margin:24px 0;padding-left:0;list-style:none}
.listGroup li{position:relative;padding-left:32px;margin-bottom:16px;font-size:17px;line-height:1.7;color:#181D30}
.listGroup li::before{content:'';position:absolute;left:0;top:10px;width:12px;height:12px;background:#C7FEFF;border:2px solid #181D30;border-radius:50%}
.subHeading{font-size:22px;font-weight:600;color:#181D30;margin:32px 0 16px}
.emphasisBox{background:linear-gradient(135deg,#c7feff26 0%,#c7feff0d 100%);border-left:4px solid #C7FEFF;padding:24px 28px;border-radius:8px;margin:28px 0}
.emphasisBox .textBlock{margin-bottom:0;font-weight:500}
.dataTable{width:100%;border-collapse:collapse;margin:28px 0;background:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #181d3014}
.dataTable th,.dataTable td{padding:18px 20px;text-align:left;font-size:16px;border-bottom:1px solid #181d3014}
.dataTable th{background:#181D30;color:#FFF;font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:.5px}
.dataTable tr:last-child td{border-bottom:none}
.dataTable td{color:#181D30;line-height:1.6}
.contactSection{background:linear-gradient(135deg,#181D30 0%,#2a3145 100%);border-radius:24px;padding:48px 40px;margin-top:60px;text-align:center}
.contactSection .sectionTitle{color:#FFF;padding-left:0;text-align:center}
.contactSection .sectionTitle::before{display:none}
.contactSection .textBlock{color:#ffffffe6;margin-bottom:28px}
.contactDetails{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:32px}
.contactItem{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#c7feff1a;border-radius:24px;color:#C7FEFF;font-size:16px;font-weight:500;transition:all 200ms ease-in}
.contactItem:hover{background:#c7feff33;transform:translateY(-2px)}
.contactItem svg{width:20px;height:20px;fill:#C7FEFF}
@media (max-width: 768px) {
.policyWrap{padding:40px 16px}
.titleSection{padding:60px 24px;margin-bottom:50px}
.titleMain{font-size:38px}
.titleSub{font-size:18px}
.policyMeta{gap:20px}
.sectionTitle{font-size:26px;padding-left:16px}
.sectionTitle::before{height:32px}
.textBlock,.listGroup li{font-size:16px}
.subHeading{font-size:20px}
.dataTable th,.dataTable td{padding:14px 16px;font-size:14px}
.contactSection{padding:36px 24px}
.contactDetails{flex-direction:column;align-items:stretch}
.contactItem{justify-content:center}
}
@media (max-width: 375px) {
.titleMain{font-size:32px}
.titleSub{font-size:16px}
.sectionTitle{font-size:24px}
}
.privacy-hero-wrapper{background:linear-gradient(135deg,#FFF 0%,#C7FEFF 100%);padding:80px 20px;position:relative;overflow:hidden}
.privacy-hero-wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:linear-gradient(258deg,#181D30 0%,#C7FEFF 50%,#FFF 100%);border-radius:50%;opacity:.1;animation:floatShape 8s ease-in-out infinite}
.privacy-hero-wrapper::after{content:'';position:absolute;bottom:10%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#C7FEFF 0%,transparent 70%);border-radius:40% 60% 50% 50%;opacity:.15;animation:floatShape 10s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(30px,-30px) rotate(5deg)}
}
.privacy-hero-box{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.privacy-hero-box .corner-accent{position:absolute;width:60px;height:60px;border:2px solid #181D30;opacity:.3}
.privacy-hero-box .corner-accent.top-left{top:-30px;left:0;border-right:none;border-bottom:none;border-radius:30px 0 0 0}
.privacy-hero-box .corner-accent.bottom-right{bottom:-30px;right:0;border-left:none;border-top:none;border-radius:0 0 30px 0}
.privacy-title-main{font-size:48px;font-weight:700;color:#181D30;margin:0 0 16px;line-height:1.2;position:relative}
.privacy-title-main::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:4px;height:80%;background:linear-gradient(180deg,#181D30 0%,#C7FEFF 100%);border-radius:20px}
.privacy-subtitle-text{font-size:18px;color:#181D30;opacity:.75;line-height:1.6;max-width:700px}
.privacy-update-badge{display:inline-block;background:#FFF;color:#181D30;padding:8px 24px;border-radius:30px;font-size:14px;margin:24px 0;box-shadow:0 4px 12px #181d3014}
.privacy-content-wrapper{background:#FFF;padding:100px 20px}
.privacy-content-box{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:60px}
.privacy-nav-sidebar{position:sticky;top:20px;height:fit-content}
.sidebar-nav-title{font-size:14px;font-weight:700;color:#181D30;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #C7FEFF}
.sidebar-link-list{list-style:none;padding:0;margin:0}
.sidebar-link-item{margin:0 0 12px}
.sidebar-anchor-link{display:block;color:#181D30;text-decoration:none;padding:10px 16px;border-radius:25px;font-size:15px;transition:all 150ms ease-in;background:transparent;border-left:3px solid transparent}
.sidebar-anchor-link:hover{background:linear-gradient(90deg,#C7FEFF 0%,transparent 100%);border-left-color:#181D30;transform:translateX(4px)}
.policy-main-content{display:flex;flex-direction:column;gap:48px}
.policy-section-block{scroll-margin-top:20px}
.section-heading-main{font-size:32px;font-weight:700;color:#181D30;margin:0 0 24px;position:relative;padding-bottom:16px}
.section-heading-main::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#181D30 0%,#C7FEFF 100%);border-radius:20px}
.section-subheading{font-size:22px;font-weight:600;color:#181D30;margin:32px 0 16px;position:relative;padding-left:20px}
.section-subheading::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#C7FEFF;border-radius:50%;box-shadow:0 0 0 4px #c7feff4d}
.policy-paragraph-text{font-size:16px;line-height:1.8;color:#181D30;opacity:.85;margin:0 0 16px}
.policy-paragraph-text strong{font-weight:600;opacity:1}
.info-list-styled{list-style:none;padding:0;margin:20px 0}
.info-list-styled li{padding:12px 0 12px 32px;position:relative;font-size:16px;line-height:1.7;color:#181D30;opacity:.85}
.info-list-styled li::before{content:'→';position:absolute;left:0;color:#181D30;font-weight:700}
.highlight-box-info{background:linear-gradient(135deg,#C7FEFF 0%,#FFF 100%);padding:28px 32px;border-radius:30px;border-left:5px solid #181D30;margin:28px 0;box-shadow:0 8px 24px #181d300f}
.highlight-box-info .policy-paragraph-text{margin:0;opacity:1}
.contact-info-box{background:#181D30;color:#FFF;padding:40px;border-radius:35px;margin:48px 0 0;position:relative;overflow:hidden}
.contact-info-box::before{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,#C7FEFF 0%,transparent 70%);opacity:.1}
.contact-info-box .section-heading-main{color:#FFF;font-size:28px}
.contact-info-box .section-heading-main::after{background:linear-gradient(90deg,#C7FEFF 0%,#FFF 100%)}
.contact-info-box .policy-paragraph-text{color:#FFF;opacity:.9;margin-bottom:24px}
.contact-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:28px}
.contact-item-card{position:relative;z-index:1}
.contact-item-label{font-size:13px;font-weight:600;color:#C7FEFF;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 8px}
.contact-item-value{font-size:16px;color:#FFF;margin:0;line-height:1.6}
.contact-item-value a{color:#FFF;text-decoration:none;transition:color 150ms ease-in}
.contact-item-value a:hover{color:#C7FEFF}
@media (max-width: 1366px) {
.privacy-content-box{grid-template-columns:240px 1fr;gap:40px}
}
@media (max-width: 768px) {
.privacy-hero-wrapper{padding:60px 20px}
.privacy-title-main{font-size:36px}
.privacy-title-main::before{display:none}
.privacy-hero-box .corner-accent{display:none}
.privacy-content-wrapper{padding:60px 20px}
.privacy-content-box{grid-template-columns:1fr;gap:40px}
.privacy-nav-sidebar{position:static;background:#F8F8F8;padding:24px;border-radius:25px}
.section-heading-main{font-size:26px}
.section-subheading{font-size:20px}
.contact-details-grid{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.privacy-title-main{font-size:32px}
.privacy-subtitle-text{font-size:16px}
.section-heading-main{font-size:24px}
.contact-info-box{padding:28px 24px}
}
.confirmWrap{background:linear-gradient(135deg,#C7FEFF 0%,#FFF 50%,#f8f9fa 100%);padding:80px 20px;min-height:85vh;display:flex;align-items:center;justify-content:center}
.confirmBox{max-width:680px;margin:0 auto;background:#FFF;border-radius:32px;padding:60px 50px;box-shadow:0 12px 40px #181d3014;text-align:center}
.successIcon{width:120px;height:120px;margin:0 auto 40px;position:relative}
.successIcon::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#C7FEFF 0%,#181D30 100%);border-radius:50%;opacity:.12}
.successIcon::after{content:'';position:absolute;width:46px;height:24px;border-left:6px solid #181D30;border-bottom:6px solid #181D30;top:50%;left:50%;transform:translate(-50%,-60%) rotate(-45deg)}
.confirmBox h1{font-size:38px;font-weight:700;color:#181D30;margin:0 0 24px;line-height:1.2}
.confirmBox .mainText{font-size:18px;line-height:1.7;color:#4a5568;margin:0 0 32px}
.infoPanel{background:linear-gradient(135deg,#c7feff26 0%,#181d300a 100%);border-radius:20px;padding:32px;margin:40px 0;text-align:left}
.infoPanel h2{font-size:22px;font-weight:600;color:#181D30;margin:0 0 20px}
.detailsList{list-style:none;padding:0;margin:0}
.detailsList li{font-size:16px;line-height:1.8;color:#4a5568;margin-bottom:14px;padding-left:32px;position:relative}
.detailsList li::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:linear-gradient(135deg,#C7FEFF 0%,#181D30 100%);border-radius:4px}
.actionRow{display:flex;gap:16px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.primaryBtn{background:linear-gradient(135deg,#181D30 0%,#2a3150 100%);color:#FFF;padding:16px 36px;border-radius:28px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all 280ms ease-in;box-shadow:0 6px 20px #181d3026}
.primaryBtn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #181d3040}
.secondaryBtn{background:#FFF;color:#181D30;padding:16px 36px;border-radius:28px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all 280ms ease-in;border:2px solid #181D30}
.secondaryBtn:hover{background:#181D30;color:#FFF;transform:translateY(-3px)}
.contactBlock{margin-top:50px;padding-top:40px;border-top:2px solid #c7feff66}
.contactBlock h3{font-size:20px;font-weight:600;color:#181D30;margin:0 0 18px}
.contactBlock p{font-size:16px;line-height:1.6;color:#4a5568;margin:0 0 24px}
.contactLinks{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.contactLinks a{color:#181D30;text-decoration:none;font-size:15px;font-weight:500;padding:10px 22px;border-radius:20px;background:#c7feff40;transition:all 240ms ease-in}
.contactLinks a:hover{background:#C7FEFF;transform:translateY(-2px)}
@media (max-width: 768px) {
.confirmWrap{padding:50px 16px}
.confirmBox{padding:40px 28px;border-radius:24px}
.confirmBox h1{font-size:30px}
.confirmBox .mainText{font-size:16px}
.infoPanel{padding:24px}
.infoPanel h2{font-size:19px}
.detailsList li{font-size:15px}
.actionRow{flex-direction:column;gap:12px}
.primaryBtn,.secondaryBtn{width:100%;text-align:center}
.contactLinks{flex-direction:column;gap:10px}
.contactLinks a{display:block}
}
@media (max-width: 375px) {
.confirmBox{padding:32px 20px}
.confirmBox h1{font-size:26px}
.successIcon{width:100px;height:100px}
.successIcon::after{width:38px;height:20px;border-left:5px solid #181D30;border-bottom:5px solid #181D30}
}