*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Source Sans Pro',sans-serif;font-size:16px;line-height:1.6;color:#1C202C;background:linear-gradient(135deg,#FFF 0%,#F8F9FA 100%)}
.siteHeader{position:relative;background:linear-gradient(180deg,#1c202c0d 0%,#fffffff2 100%);box-shadow:0 4px 16px #1c202c14}
.headerTopRow{background:#1c202cfa;padding:0}
.headerContainer{max-width:1600px;margin:0 auto;padding:0 32px}
.mainNav{display:flex;gap:48px;padding:18px 0}
.mainNav .navLink{color:#FFF;text-decoration:none;font-size:15px;font-weight:400;letter-spacing:.3px;transition:color 180ms ease;position:relative}
.mainNav .navLink:hover{color:#2AEB69}
.mainNav .navLink::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:2px;background:#2AEB69;transition:width 280ms ease}
.mainNav .navLink:hover::after{width:100%}
.headerBottomRow{position:relative;padding:48px 32px 56px;display:flex;justify-content:center;align-items:center;min-height:140px}
.brandFloat{display:flex;flex-direction:column;align-items:center;gap:16px;background:#fffffff2;padding:24px 48px;border-radius:12px;box-shadow:0 8px 24px #1c202c1f 0 2px 8px #1c202c0f;transform:translateY(-8px)}
.logoWrapper{width:110px;height:110px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2aeb6914 0%,#1c202c08 100%);border-radius:50%;padding:18px;box-shadow:0 4px 12px #1c202c14}
.siteLogo{width:100%;height:100%;object-fit:contain}
.companyName{font-family:'Source Code Pro',monospace;font-size:28px;font-weight:700;color:#1C202C;letter-spacing:1.2px;text-transform:uppercase}
.siteFooter{background:linear-gradient(180deg,#F5F6F8 0%,#E8EAF0 100%);padding:72px 0 32px;margin-top:96px;border-top:1px solid #1c202c1a}
.footerContainer{max-width:1600px;margin:0 auto;padding:0 32px}
.footerContent{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:56px;margin-bottom:48px}
.companyBlock .footerBrand{font-family:'Source Code Pro',monospace;font-size:24px;font-weight:700;color:#1C202C;margin-bottom:16px;letter-spacing:.8px}
.footerText{color:#1c202cbf;font-size:15px;line-height:1.7;margin-bottom:24px}
.copyrightText{color:#1c202c99;font-size:14px}
.footerHeading{font-size:17px;font-weight:700;color:#1C202C;margin-bottom:20px;letter-spacing:.4px}
.footerNav{display:flex;flex-direction:column;gap:12px}
.footerNavLink{color:#1c202cbf;text-decoration:none;font-size:15px;transition:color 150ms ease,padding-left 200ms ease;display:inline-block}
.footerNavLink:hover{color:#2AEB69;padding-left:6px}
.contactItem{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.contactItem i{color:#2AEB69;margin-top:4px;flex-shrink:0}
.contactLink{color:#1c202cbf;text-decoration:none;font-size:15px;transition:color 150ms ease}
.contactLink:hover{color:#2AEB69}
.contactText{color:#1c202cbf;font-size:15px;line-height:1.6}
.footerBottom{padding-top:32px;border-top:1px solid #1c202c1a}
.legalNav{display:flex;gap:32px;justify-content:center}
.legalLink{color:#1c202ca6;text-decoration:none;font-size:14px;transition:color 150ms ease}
.legalLink:hover{color:#2AEB69}
.cookieConsent{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(150%);background:#FFF;padding:28px 36px;border-radius:12px;box-shadow:0 12px 32px #1c202c2e 0 4px 12px #1c202c1a;z-index:10000;max-width:520px;width:90%;transition:transform 320ms cubic-bezier(0.34,1.56,0.64,1)}
.cookieConsent.cookieShow{transform:translateX(-50%) translateY(0)}
.cookieContent{display:flex;flex-direction:column;gap:20px}
.cookieText{color:#1c202cd9;font-size:15px;line-height:1.6}
.cookieText kbd{background:#1c202c14;padding:2px 8px;border-radius:4px;font-family:'Source Code Pro',monospace;font-size:13px;color:#1C202C}
.cookieActions{display:flex;gap:16px;justify-content:flex-end}
.cookieBtn{padding:10px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all 180ms ease;font-family:'Source Sans Pro',sans-serif}
.cookieAccept{background:#2AEB69;color:#1C202C}
.cookieAccept:hover{background:#25D35E;box-shadow:0 4px 12px #2aeb694d}
.cookieDecline{background:transparent;color:#1c202cbf;border:1px solid #1c202c33}
.cookieDecline:hover{background:#1c202c0d;border-color:#1c202c59}
@media (max-width: 1366px) {
.footerContent{grid-template-columns:1fr 1fr;gap:48px}
}
@media (max-width: 768px) {
.headerContainer{padding:0 20px}
.mainNav{gap:28px;flex-wrap:wrap;padding:14px 0}
.mainNav .navLink{font-size:14px}
.headerBottomRow{padding:32px 20px 40px;min-height:120px}
.brandFloat{padding:20px 32px;gap:12px}
.logoWrapper{width:90px;height:90px}
.companyName{font-size:22px}
.footerContainer{padding:0 20px}
.footerContent{grid-template-columns:1fr;gap:40px}
.legalNav{flex-direction:column;gap:16px;align-items:center}
.cookieConsent{bottom:20px;width:calc(100% - 40px);padding:24px 28px}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
}
@media (max-width: 375px) {
.mainNav{gap:20px}
.brandFloat{padding:16px 24px}
.logoWrapper{width:75px;height:75px}
.companyName{font-size:20px}
}
.policy-layout{max-width:1200px;margin:0 auto;padding:80px 24px;background:#FFF}
.policy-layout p{font-size:16px;line-height:1.8;color:#1C202C;margin:0 0 24px;font-weight:400}
.policy-layout p:last-child{margin-bottom:0}
.policy-layout em,.policy-layout i{font-style:italic;color:#1C202C}
.policy-layout a{color:#2AEB69;text-decoration:none;border-bottom:1px solid #2aeb694d;transition:all 200ms ease}
.policy-layout a:hover{color:#1C202C;border-bottom-color:#1C202C}
.policy-layout a:focus{outline:2px solid #2AEB69;outline-offset:2px;border-radius:2px}
.policy-layout table{width:100%;border-collapse:collapse;margin:32px 0;background:#FFF;box-shadow:0 2px 12px #1c202c14;border-radius:8px;overflow:hidden}
.policy-layout thead{background:#1C202C}
.policy-layout thead tr{border-bottom:2px solid #2AEB69}
.policy-layout th{padding:16px 20px;text-align:left;font-size:14px;font-weight:600;color:#FFF;text-transform:uppercase;letter-spacing:.5px}
.policy-layout tbody tr{border-bottom:1px solid #1c202c1a;transition:background 200ms ease}
.policy-layout tbody tr:last-child{border-bottom:none}
.policy-layout tbody tr:hover{background:#2aeb690d}
.policy-layout td{padding:16px 20px;font-size:15px;line-height:1.6;color:#1C202C}
.policy-layout div{margin:24px 0}
@media (max-width: 768px) {
.policy-layout{padding:48px 20px}
.policy-layout p{font-size:15px;line-height:1.7;margin-bottom:20px}
.policy-layout table{display:block;overflow-x:auto;margin:24px 0;box-shadow:0 2px 8px #1c202c0f}
.policy-layout th,.policy-layout td{padding:12px 16px;font-size:14px}
.policy-layout th{font-size:13px}
}
@media (max-width: 375px) {
.policy-layout{padding:40px 16px}
.policy-layout p{font-size:14px;margin-bottom:18px}
.policy-layout th,.policy-layout td{padding:10px 12px;font-size:13px}
.policy-layout th{font-size:12px}
}
.aboutMainTitle{position:relative;min-height:480px;display:flex;align-items:center;background:linear-gradient(135deg,#1c202ce0 0%,#1c202cbf 100%),url(./graphics_bank/2024-11-25-3.jpg);background-size:cover;background-position:center;overflow:hidden}
.aboutMainTitle::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,#2aeb6926 0%,transparent 60%);pointer-events:none}
.aboutTitleContainer{max-width:1600px;width:100%;margin:0 auto;padding:80px 40px;position:relative;z-index:2}
.aboutTitleContainer h1{font-size:3.2rem;font-weight:700;color:#FFF;margin:0 0 24px;line-height:1.2;text-shadow:0 4px 12px #0000004d}
.aboutTitleContainer .titleDescription{font-size:1.25rem;color:#ffffffeb;line-height:1.6;max-width:720px;margin:0;text-shadow:0 2px 8px #0003}
.storySection{padding:100px 40px;background:linear-gradient(to bottom,#FFF 0%,#f8f9fa 100%)}
.storyContainer{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}
.storyContent h2{font-size:2.4rem;color:#1C202C;margin:0 0 32px;line-height:1.3;position:relative;padding-left:20px}
.storyContent h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:42px;background:linear-gradient(to bottom,#2AEB69,#2aeb6966);border-radius:3px}
.storyContent p{font-size:1.05rem;line-height:1.75;color:#2c3e50;margin:0 0 20px}
.storyVisual{position:relative}
.storyVisual img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 32px #1c202c26;display:block}
.storyVisual::after{content:'';position:absolute;bottom:-16px;right:-16px;width:60%;height:60%;background:linear-gradient(135deg,#2aeb691a,transparent);border-radius:12px;z-index:-1}
.approachSection{background:#1C202C;padding:100px 40px;position:relative;overflow:hidden}
.approachSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#2aeb6914 0%,transparent 70%);pointer-events:none}
.approachContainer{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.approachContainer h2{font-size:2.6rem;color:#FFF;margin:0 0 60px;text-align:center;line-height:1.3}
.principleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.principleCard{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:40px 32px;transition:all 320ms ease;position:relative}
.principleCard:hover{background:#ffffff14;border-color:#2aeb694d;transform:translateY(-4px);box-shadow:0 16px 40px #0003}
.principleCard h3{font-size:1.4rem;color:#2AEB69;margin:0 0 16px;font-weight:600}
.principleCard p{font-size:1rem;line-height:1.7;color:#ffffffd9;margin:0}
.teamSection{padding:100px 40px;background:#FFF}
.teamContainer{max-width:1200px;margin:0 auto}
.teamContainer h2{font-size:2.5rem;color:#1C202C;margin:0 0 24px;text-align:center}
.teamIntro{font-size:1.1rem;line-height:1.7;color:#5a6c7d;text-align:center;max-width:800px;margin:0 auto 60px}
.memberShowcase{display:flex;gap:60px;align-items:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:16px;padding:50px;box-shadow:0 8px 24px #1c202c14}
.memberImage{flex-shrink:0;position:relative}
.memberImage img{width:280px;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 12px 28px #1c202c33}
.memberImage::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:3px solid #2AEB69;border-radius:12px;z-index:-1}
.memberInfo h3{font-size:1.9rem;color:#1C202C;margin:0 0 8px;font-weight:600}
.memberRole{font-size:1.1rem;color:#2AEB69;margin:0 0 24px;font-weight:500}
.memberBio{font-size:1.05rem;line-height:1.75;color:#495057;margin:0 0 16px}
.ctaSection{background:linear-gradient(to right,#1C202C 0%,#2a3547 100%);padding:90px 40px;text-align:center;position:relative;overflow:hidden}
.ctaSection::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,transparent,#2AEB69,transparent)}
.ctaContainer{max-width:900px;margin:0 auto;position:relative;z-index:2}
.ctaContainer h2{font-size:2.3rem;color:#FFF;margin:0 0 20px;line-height:1.3}
.ctaContainer p{font-size:1.15rem;line-height:1.7;color:#ffffffe0;margin:0 0 40px}
.ctaButtons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaButtons .ui.button{padding:16px 40px;font-size:1.05rem;border-radius:8px;transition:all 280ms ease;font-weight:500;border:none;cursor:pointer}
.ctaButtons .primaryButton{background:#2AEB69;color:#1C202C;box-shadow:0 8px 20px #2aeb6940}
.ctaButtons .primaryButton:hover{background:#26d45f;transform:translateY(-2px);box-shadow:0 12px 28px #2aeb6959}
.ctaButtons .secondaryButton{background:transparent;color:#FFF;border:2px solid #ffffff4d}
.ctaButtons .secondaryButton:hover{background:#ffffff14;border-color:#ffffff80;transform:translateY(-2px)}
@media (max-width: 1366px) {
.storyContainer{gap:60px}
.principleGrid{gap:32px}
}
@media (max-width: 768px) {
.aboutTitleContainer h1{font-size:2.2rem}
.aboutTitleContainer .titleDescription{font-size:1.1rem}
.aboutMainTitle{min-height:380px}
.storyContainer{grid-template-columns:1fr;gap:40px}
.storyContent h2{font-size:2rem}
.approachContainer h2{font-size:2.1rem}
.principleGrid{grid-template-columns:1fr}
.memberShowcase{flex-direction:column;padding:40px 30px;gap:32px}
.memberImage img{width:220px;height:220px}
.ctaButtons{flex-direction:column;align-items:stretch}
.ctaButtons .ui.button{width:100%}
}
@media (max-width: 375px) {
.aboutTitleContainer{padding:60px 24px}
.aboutTitleContainer h1{font-size:1.9rem}
.storySection,.approachSection,.teamSection,.ctaSection{padding:70px 24px}
.principleCard{padding:32px 24px}
.memberShowcase{padding:32px 24px}
}
.careerTitle{background:linear-gradient(135deg,#1c202ceb 0%,#1c202cf7 100%),url(./graphics_bank/2024-04-03-8.jpg) center/cover no-repeat;padding:120px 0 140px;position:relative;overflow:hidden}
.careerTitle::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#2aeb6914 0%,transparent 70%);top:20%;left:15%;animation:floatParticle 8s ease-in-out infinite}
.careerTitle::after{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,#2aeb690f 0%,transparent 70%);bottom:30%;right:20%;animation:floatParticle 10s ease-in-out infinite reverse}
@keyframes floatParticle {
0%,100%{transform:translate(0,0) scale(1);opacity:.6}
50%{transform:translate(30px,-30px) scale(1.1);opacity:.8}
}
.careerTitle .contentWrap{max-width:1600px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.careerTitle .headingText{font-size:56px;font-weight:700;color:#FFF;margin:0 0 24px;text-align:center;line-height:1.2}
.careerTitle .subText{font-size:22px;color:#ffffffe0;max-width:720px;margin:0 auto;text-align:center;line-height:1.6}
.positionGrid{padding:100px 0;background:#FFF}
.positionGrid .innerWrap{max-width:1600px;margin:0 auto;padding:0 40px}
.positionGrid .sectionLabel{font-size:18px;color:#2AEB69;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 16px}
.positionGrid .mainHeading{font-size:42px;color:#1C202C;font-weight:700;margin:0 0 60px;line-height:1.3}
.positionGrid .gridLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.positionCard{background:linear-gradient(145deg,#FFF 0%,#2aeb6908 100%);border:2px solid #1c202c14;border-radius:12px;padding:40px;transition:all 300ms ease;position:relative}
.positionCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:#2AEB69;transition:height 300ms ease}
.positionCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #1c202c1f;border-color:#2aeb694d}
.positionCard:hover::before{height:100%}
.positionCard .roleTitle{font-size:28px;color:#1C202C;font-weight:700;margin:0 0 12px;line-height:1.3}
.positionCard .roleType{display:inline-block;background:#2aeb691f;color:#1C202C;padding:6px 16px;border-radius:6px;font-size:14px;font-weight:600;margin:0 0 20px}
.positionCard .roleDesc{font-size:16px;color:#1c202cbf;line-height:1.7;margin:0 0 24px}
.positionCard .requireList{list-style:none;padding:0;margin:0 0 28px}
.positionCard .requireList li{font-size:15px;color:#1c202ccc;padding:8px 0 8px 28px;position:relative;line-height:1.6}
.positionCard .requireList li::before{content:'';position:absolute;left:0;top:14px;width:12px;height:12px;background:#2AEB69;border-radius:50%}
.positionCard .applyBtn{display:inline-block;background:#1C202C;color:#FFF;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;transition:all 200ms ease}
.positionCard .applyBtn:hover{background:#2AEB69;color:#1C202C;transform:translateX(4px)}
.benefitsArea{padding:100px 0;background:linear-gradient(165deg,#1c202c0a 0%,#2aeb690f 100%)}
.benefitsArea .wrapContent{max-width:1600px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.benefitsArea .imageBox{position:relative}
.benefitsArea .imageBox img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 20px 60px #1c202c26}
.benefitsArea .imageBox::after{content:'';position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;background:#2aeb6926;border-radius:50%;z-index:-1}
.benefitsArea .textContent h2{font-size:40px;color:#1C202C;font-weight:700;margin:0 0 28px;line-height:1.3}
.benefitsArea .textContent .benefitsList{display:flex;flex-direction:column;gap:24px}
.benefitItem{display:flex;gap:20px;align-items:flex-start}
.benefitItem .iconCircle{width:48px;height:48px;background:linear-gradient(135deg,#2AEB69 0%,#2aeb69b3 100%);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.benefitItem .iconCircle svg{width:24px;height:24px;fill:#FFF}
.benefitItem .benefitText h3{font-size:20px;color:#1C202C;font-weight:700;margin:0 0 8px}
.benefitItem .benefitText p{font-size:15px;color:#1c202cbf;margin:0;line-height:1.6}
.teamProfile{padding:100px 0;background:#FFF}
.teamProfile .containerBox{max-width:1600px;margin:0 auto;padding:0 40px}
.teamProfile .topHeader{text-align:center;margin:0 0 80px}
.teamProfile .topHeader h2{font-size:44px;color:#1C202C;font-weight:700;margin:0 0 20px;line-height:1.2}
.teamProfile .topHeader p{font-size:18px;color:#1c202cb3;max-width:640px;margin:0 auto;line-height:1.7}
.teamProfile .memberShowcase{display:flex;gap:60px;align-items:center;background:linear-gradient(120deg,#2aeb690d 0%,#1c202c08 100%);padding:60px;border-radius:16px}
.teamProfile .photoArea{flex-shrink:0}
.teamProfile .photoArea img{width:280px;height:320px;object-fit:cover;border-radius:12px;box-shadow:0 12px 40px #1c202c2e}
.teamProfile .storyArea h3{font-size:32px;color:#1C202C;font-weight:700;margin:0 0 12px}
.teamProfile .storyArea .jobTitle{font-size:18px;color:#2AEB69;font-weight:600;margin:0 0 24px}
.teamProfile .storyArea .quote{font-size:17px;color:#1c202ccc;line-height:1.8;margin:0 0 20px;font-style:italic;padding-left:24px;border-left:4px solid #2AEB69}
.teamProfile .storyArea .narrative{font-size:15px;color:#1c202cbf;line-height:1.7;margin:0}
.applicationProcess{padding:100px 0 120px;background:#1C202C;position:relative;overflow:hidden}
.applicationProcess::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#2aeb691a 0%,transparent 70%);top:-100px;right:-100px}
.applicationProcess .wrapBox{max-width:1600px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.applicationProcess .headingSection{text-align:center;margin:0 0 70px}
.applicationProcess .headingSection h2{font-size:42px;color:#FFF;font-weight:700;margin:0 0 16px;line-height:1.3}
.applicationProcess .headingSection p{font-size:18px;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}
.applicationProcess .stepsContainer{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.stepBox{background:#ffffff0f;border:1px solid #2aeb6926;border-radius:12px;padding:36px 28px;position:relative;transition:all 300ms ease}
.stepBox::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#2AEB69 0%,transparent 60%);border-radius:12px;opacity:0;transition:opacity 300ms ease;z-index:-1}
.stepBox:hover{transform:translateY(-8px);background:#ffffff14}
.stepBox:hover::before{opacity:.15}
.stepBox .stepNumber{font-size:48px;font-weight:700;color:#2AEB69;margin:0 0 20px;line-height:1}
.stepBox .stepName{font-size:20px;color:#FFF;font-weight:700;margin:0 0 12px}
.stepBox .stepDetail{font-size:14px;color:#ffffffbf;line-height:1.7;margin:0}
.applicationProcess .finalAction{text-align:center;margin:60px 0 0}
.applicationProcess .finalAction .ctaButton{display:inline-block;background:#2AEB69;color:#1C202C;padding:18px 48px;border-radius:10px;font-size:17px;font-weight:700;text-decoration:none;transition:all 200ms ease;box-shadow:0 8px 24px #2aeb6940}
.applicationProcess .finalAction .ctaButton:hover{background:#FFF;transform:translateY(-3px);box-shadow:0 12px 32px #2aeb6959}
@media (max-width: 1366px) {
.careerTitle{padding:100px 0 120px}
.careerTitle .headingText{font-size:48px}
.positionGrid .gridLayout{gap:28px}
.benefitsArea .wrapContent{gap:60px}
.applicationProcess .stepsContainer{gap:24px}
}
@media (max-width: 768px) {
.careerTitle{padding:80px 0 100px}
.careerTitle .contentWrap{padding:0 24px}
.careerTitle .headingText{font-size:36px}
.careerTitle .subText{font-size:18px}
.positionGrid{padding:70px 0}
.positionGrid .innerWrap{padding:0 24px}
.positionGrid .mainHeading{font-size:32px;margin:0 0 40px}
.positionGrid .gridLayout{grid-template-columns:1fr;gap:24px}
.positionCard{padding:32px 24px}
.benefitsArea{padding:70px 0}
.benefitsArea .wrapContent{padding:0 24px;grid-template-columns:1fr;gap:40px}
.benefitsArea .imageBox img{height:380px}
.benefitsArea .textContent h2{font-size:32px}
.teamProfile{padding:70px 0}
.teamProfile .containerBox{padding:0 24px}
.teamProfile .topHeader h2{font-size:34px}
.teamProfile .memberShowcase{flex-direction:column;padding:40px 24px;gap:32px}
.teamProfile .photoArea img{width:100%;height:360px}
.teamProfile .storyArea h3{font-size:26px}
.applicationProcess{padding:70px 0 80px}
.applicationProcess .wrapBox{padding:0 24px}
.applicationProcess .headingSection h2{font-size:32px}
.applicationProcess .stepsContainer{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 375px) {
.careerTitle .headingText{font-size:32px}
.positionGrid .mainHeading{font-size:28px}
.positionCard{padding:28px 20px}
.benefitsArea .imageBox img{height:320px}
.teamProfile .topHeader h2{font-size:30px}
.applicationProcess .headingSection h2{font-size:28px}
}
.beforeStartTitle{max-width:1600px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);position:relative;overflow:hidden}
.beforeStartTitle::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#2aeb6926;border-radius:40% 60% 50% 50%;z-index:1}
.beforeStartTitle::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:#1c202c14;border-radius:50% 40% 60% 50%;z-index:1}
.titleImageSection{position:relative;z-index:2}
.titleImageWrap{clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);overflow:hidden;box-shadow:0 12px 48px #1c202c2e}
.titleImageWrap img{width:100%;height:480px;object-fit:cover;display:block}
.titleContentSection{position:relative;z-index:2}
.titleContentSection h1{font-size:54px;line-height:1.15;color:#1C202C;margin:0 0 24px;font-weight:700}
.titleContentSection h1 .numericalAccent{color:#2AEB69;font-weight:800}
.titleExplanation{font-size:18px;line-height:1.65;color:#495057;margin:0 0 32px}
.titleActionsGroup{display:flex;flex-direction:row;gap:16px}
.primaryTitleBtn{padding:16px 32px;background:#2AEB69;color:#1C202C;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #2aeb694d;transition:all 200ms ease;text-decoration:none;display:inline-block}
.primaryTitleBtn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #2aeb6966;background:#25d45e}
.secondaryTitleBtn{padding:16px 32px;background:transparent;color:#1C202C;border:2px solid #1C202C;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all 200ms ease;text-decoration:none;display:inline-block}
.secondaryTitleBtn:hover{background:#1C202C;color:#FFF}
.foundationsBlock{max-width:1600px;margin:0 auto;padding:100px 20px;background:#FFF}
.foundationsLayout{display:flex;flex-direction:row;gap:80px;align-items:flex-start}
.foundationsSidebar{flex:0 0 380px;position:sticky;top:40px}
.foundationsSidebar h2{font-size:42px;line-height:1.25;color:#1C202C;margin:0 0 20px;font-weight:700}
.foundationsSidebar p{font-size:17px;line-height:1.7;color:#6c757d;margin:0}
.foundationsContent{flex:1}
.foundationItem{padding:32px;background:#f8f9fa;border-radius:14px;margin-bottom:24px;border-left:4px solid transparent;transition:all 300ms ease}
.foundationItem:hover{border-left-color:#2AEB69;box-shadow:0 8px 24px #1c202c14}
.foundationItem h3{font-size:24px;color:#1C202C;margin:0 0 12px;font-weight:600}
.foundationItem p{font-size:16px;line-height:1.65;color:#495057;margin:0}
.toolsChecklist{max-width:1600px;margin:0 auto;padding:100px 20px;background:linear-gradient(180deg,#1C202C 0%,#2a3142 100%);position:relative}
.toolsChecklist::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#2AEB69 50%,transparent 100%)}
.toolsChecklistInner{max-width:1200px;margin:0 auto}
.toolsChecklistInner h2{font-size:48px;color:#FFF;text-align:center;margin:0 0 60px;font-weight:700}
.toolsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.toolCard{background:#ffffff0d;padding:36px 28px;border-radius:16px;border:1px solid #2aeb6926;transition:all 300ms ease}
.toolCard:hover{background:#ffffff14;border-color:#2aeb6966;transform:translateY(-4px)}
.toolCardIcon{width:56px;height:56px;background:#2aeb6933;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.toolCardIcon i{font-size:28px;color:#2AEB69}
.toolCard h4{font-size:20px;color:#FFF;margin:0 0 12px;font-weight:600}
.toolCard p{font-size:15px;line-height:1.65;color:#adb5bd;margin:0}
.expertTestimonial{max-width:1600px;margin:0 auto;padding:100px 20px;background:#FFF}
.testimonialContainer{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.testimonialImageWrap{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:32px;border:5px solid #2AEB69;box-shadow:0 8px 32px #2aeb6940}
.testimonialImageWrap img{width:100%;height:100%;object-fit:cover;display:block}
.testimonialQuote{font-size:26px;line-height:1.55;color:#1C202C;margin:0 0 28px;font-weight:500;font-style:italic;position:relative}
.testimonialQuote::before{content:'"';font-size:80px;color:#2AEB69;position:absolute;top:-30px;left:-40px;line-height:1;opacity:.3}
.testimonialAuthor{font-size:19px;color:#1C202C;font-weight:600;margin:0 0 8px}
.testimonialRole{font-size:16px;color:#6c757d;margin:0}
@media (max-width: 1366px) {
.beforeStartTitle{padding:60px 20px;gap:50px}
.titleContentSection h1{font-size:46px}
.toolsGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.beforeStartTitle{grid-template-columns:1fr;padding:50px 20px;gap:40px}
.titleImageWrap img{height:320px}
.titleContentSection h1{font-size:38px}
.titleActionsGroup{flex-direction:column}
.foundationsLayout{flex-direction:column;gap:50px}
.foundationsSidebar{flex:1;position:static}
.toolsGrid{grid-template-columns:1fr}
.testimonialQuote{font-size:22px}
.testimonialQuote::before{font-size:60px;left:-20px}
}
@media (max-width: 375px) {
.titleContentSection h1{font-size:32px}
.foundationsSidebar h2{font-size:36px}
.toolsChecklistInner h2{font-size:38px}
}
.heroArea{position:relative;min-height:620px;display:flex;align-items:center;background:linear-gradient(135deg,#1C202C 0%,#2a3448 100%);overflow:hidden;padding:80px 0}
.heroArea::before{content:'';position:absolute;top:-20%;right:-10%;width:500px;height:500px;background:#2aeb6914;border-radius:50%;filter:blur(80px)}
.heroArea::after{content:'';position:absolute;bottom:-15%;left:-5%;width:400px;height:400px;background:#2aeb690f;border-radius:50%;filter:blur(90px)}
.heroContentWrap{max-width:1600px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.heroTextColumn h1{font-size:54px;line-height:1.15;color:#FFF;margin:0 0 28px;font-weight:700}
.heroTextColumn h1::before{content:'';display:block;width:70px;height:5px;background:linear-gradient(90deg,#2AEB69 0%,#2aeb6966 100%);margin-bottom:24px;border-radius:12px}
.heroTextColumn .pauseLine{display:block;margin:12px 0}
.heroTextColumn p{font-size:19px;line-height:1.6;color:#ffffffd9;margin:0 0 36px}
.heroImageColumn{position:relative}
.heroImageFrame{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 24px 48px #0000004d}
.heroImageFrame::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,#2AEB69 0%,#1C202C 100%);z-index:-1;border-radius:18px}
.heroImageFrame img{width:100%;height:460px;object-fit:cover;display:block}
.geometricShape{position:absolute;border:2px solid #2aeb6933}
.geometricShape--one{width:140px;height:140px;top:40px;right:-30px;border-radius:50%}
.geometricShape--two{width:100px;height:100px;bottom:60px;left:-40px;transform:rotate(45deg)}
.ctaButtonHero{display:inline-block;padding:16px 42px;background:#2AEB69;color:#1C202C;font-size:17px;font-weight:600;text-decoration:none;border-radius:10px;transition:all 280ms ease;box-shadow:0 8px 24px #2aeb6940;z-index:10;position:relative}
.ctaButtonHero:hover{transform:translateY(-3px);box-shadow:0 12px 32px #2aeb6959;background:#24d15d}
.approachSection{padding:100px 0;background:#FFF}
.approachContainer{max-width:1600px;margin:0 auto;padding:0 24px}
.approachSection .sectionHeader{text-align:center;margin-bottom:70px}
.approachSection .sectionHeader h2{font-size:42px;color:#1C202C;margin:0 0 18px;font-weight:700;position:relative;display:inline-block}
.approachSection .sectionHeader h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#2AEB69;border-radius:8px}
.approachSection .sectionHeader p{font-size:18px;color:#5a6171;max-width:720px;margin:0 auto;line-height:1.7}
.approachGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.approachCard{background:#f8f9fb;border-radius:14px;padding:42px 32px;transition:all 320ms ease;border:2px solid transparent}
.approachCard:hover{border-color:#2AEB69;transform:translateY(-6px);box-shadow:0 16px 40px #1c202c1f}
.approachCard .cardIcon{width:64px;height:64px;background:linear-gradient(135deg,#2AEB69 0%,#24d15d 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.approachCard .cardIcon i{font-size:32px;color:#FFF}
.approachCard h3{font-size:24px;color:#1C202C;margin:0 0 14px;font-weight:600}
.approachCard p{font-size:16px;line-height:1.65;color:#5a6171;margin:0}
.geographySection{padding:90px 0;background:linear-gradient(135deg,#f4f6f9 0%,#e8ecf2 100%);position:relative}
.geographyWrap{max-width:1600px;margin:0 auto;padding:0 24px}
.geographyLayout{display:flex;gap:70px;align-items:center}
.geographyImageSide{flex:0 0 45%}
.geographyImageSide img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px #1c202c26}
.geographyContentSide{flex:1}
.geographyContentSide h2{font-size:40px;color:#1C202C;margin:0 0 24px;font-weight:700;line-height:1.2}
.geographyContentSide h2::before{content:'';display:inline-block;width:8px;height:48px;background:#2AEB69;margin-right:16px;border-radius:8px;vertical-align:middle}
.geographyContentSide p{font-size:17px;line-height:1.7;color:#5a6171;margin:0 0 22px}
.accessFeatures{margin-top:36px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.accessItem{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#FFF;border-radius:10px;transition:transform 220ms ease}
.accessItem:hover{transform:translateX(6px)}
.accessItem i{color:#2AEB69;font-size:24px;flex-shrink:0;margin-top:2px}
.accessItem div h4{font-size:18px;color:#1C202C;margin:0 0 6px;font-weight:600}
.accessItem div p{font-size:15px;color:#5a6171;margin:0;line-height:1.5}
.pricingSection{padding:100px 0;background:#FFF}
.pricingContainer{max-width:1600px;margin:0 auto;padding:0 24px}
.pricingSection .sectionIntro{text-align:center;margin-bottom:60px}
.pricingSection .sectionIntro h2{font-size:42px;color:#1C202C;margin:0 0 16px;font-weight:700}
.pricingSection .sectionIntro p{font-size:18px;color:#5a6171;max-width:680px;margin:0 auto;line-height:1.65}
.pricingOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1400px;margin:0 auto}
.priceCard{background:#f8f9fb;border-radius:16px;padding:44px 36px;border:3px solid transparent;transition:all 300ms ease;position:relative}
.priceCard:hover{border-color:#2AEB69;transform:scale(1.03);box-shadow:0 20px 50px #1c202c24}
.priceCard--featured{background:linear-gradient(135deg,#1C202C 0%,#2a3448 100%);border-color:#2AEB69}
.priceCard--featured .priceCard__title,.priceCard--featured .priceCard__amount,.priceCard--featured .priceCard__duration,.priceCard--featured .priceCard__feature{color:#FFF}
.priceCard__badge{position:absolute;top:-14px;right:24px;background:#2AEB69;color:#1C202C;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:600}
.priceCard__title{font-size:26px;color:#1C202C;margin:0 0 12px;font-weight:700}
.priceCard__desc{font-size:15px;color:#5a6171;margin:0 0 28px;line-height:1.5}
.priceCard--featured .priceCard__desc{color:#fffc}
.priceCard__amount{font-size:48px;color:#1C202C;font-weight:700;margin:0;line-height:1}
.priceCard__currency{font-size:24px;vertical-align:super;margin-right:4px}
.priceCard__duration{font-size:16px;color:#5a6171;margin:8px 0 32px}
.priceCard__features{list-style:none;padding:0;margin:0 0 36px}
.priceCard__feature{font-size:16px;color:#5a6171;padding:12px 0;border-bottom:1px solid #5a617126;display:flex;align-items:center;gap:12px}
.priceCard__feature::before{content:'';width:20px;height:20px;background:#2AEB69;border-radius:50%;flex-shrink:0;display:block}
.priceCard__button{display:block;width:100%;padding:14px 24px;background:#2AEB69;color:#1C202C;text-align:center;font-size:16px;font-weight:600;text-decoration:none;border-radius:10px;transition:all 240ms ease}
.priceCard__button:hover{background:#24d15d;transform:translateY(-2px);box-shadow:0 8px 20px #2aeb694d}
.priceCard--featured .priceCard__button{background:#FFF;color:#1C202C}
.priceCard--featured .priceCard__button:hover{background:#f0f0f0}
.learningTypeSection{padding:90px 0;background:#1C202C;position:relative;overflow:hidden}
.learningTypeSection::before{content:'';position:absolute;top:-40%;left:-10%;width:600px;height:600px;background:#2aeb690d;border-radius:50%;filter:blur(100px)}
.learningTypeWrap{max-width:1600px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.learningTypeSection h2{font-size:44px;color:#FFF;text-align:center;margin:0 0 60px;font-weight:700}
.learningTypeSection h2::after{content:'';display:block;width:100px;height:4px;background:#2AEB69;margin:20px auto 0;border-radius:8px}
.learningModes{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.modeBlock{display:flex;gap:30px;align-items:flex-start}
.modeBlock__image{flex:0 0 280px}
.modeBlock__image img{width:100%;height:240px;object-fit:cover;border-radius:12px;box-shadow:0 16px 36px #0006}
.modeBlock__content h3{font-size:28px;color:#FFF;margin:0 0 16px;font-weight:600}
.modeBlock__content h3::before{content:'';display:inline-block;width:6px;height:32px;background:#2AEB69;margin-right:12px;border-radius:6px;vertical-align:middle}
.modeBlock__content p{font-size:16px;line-height:1.7;color:#fffc;margin:0 0 20px}
.modeBlock__specs{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.specItem{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#2aeb691a;border-radius:8px;border-left:3px solid #2AEB69}
.specItem i{color:#2AEB69;font-size:20px}
.specItem span{font-size:15px;color:#FFF;font-weight:500}
@media (max-width: 1366px) {
.heroGrid{gap:40px}
.heroTextColumn h1{font-size:46px}
.approachGrid{gap:32px}
.pricingOptions{gap:28px}
}
@media (max-width: 768px) {
.heroArea{min-height:auto;padding:60px 0}
.heroGrid{grid-template-columns:1fr;gap:40px}
.heroTextColumn h1{font-size:36px;margin-bottom:20px}
.heroTextColumn p{font-size:17px;margin-bottom:28px}
.heroImageFrame img{height:340px}
.geometricShape--one{width:100px;height:100px;top:20px;right:-20px}
.geometricShape--two{width:80px;height:80px}
.approachSection{padding:70px 0}
.approachSection .sectionHeader h2{font-size:34px}
.approachGrid{grid-template-columns:1fr;gap:24px}
.geographySection{padding:70px 0}
.geographyLayout{flex-direction:column;gap:40px}
.geographyImageSide{flex:1}
.geographyImageSide img{height:380px}
.geographyContentSide h2{font-size:32px}
.accessFeatures{grid-template-columns:1fr;gap:16px}
.pricingSection{padding:70px 0}
.pricingSection .sectionIntro h2{font-size:34px}
.pricingOptions{grid-template-columns:1fr;gap:24px}
.learningTypeSection{padding:70px 0}
.learningTypeSection h2{font-size:34px;margin-bottom:40px}
.learningModes{grid-template-columns:1fr;gap:36px}
.modeBlock{flex-direction:column;gap:20px}
.modeBlock__image{flex:1}
.modeBlock__image img{height:220px}
}
@media (max-width: 375px) {
.heroTextColumn h1{font-size:30px}
.heroTextColumn p{font-size:16px}
.ctaButtonHero{padding:14px 32px;font-size:16px}
.approachSection .sectionHeader h2{font-size:28px}
.approachCard{padding:32px 24px}
.geographyContentSide h2{font-size:28px}
.pricingSection .sectionIntro h2{font-size:28px}
.priceCard{padding:36px 28px}
.priceCard__amount{font-size:40px}
.learningTypeSection h2{font-size:28px}
.modeBlock__content h3{font-size:24px}
}
.contactHero{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1C202C 0%,#2d3342 100%);overflow:hidden;margin-bottom:0}
.contactHero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#2aeb6926 0%,transparent 70%);border-radius:50%;filter:blur(60px)}
.contactHero::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#2aeb691a 0%,transparent 70%);border-radius:50%;filter:blur(80px)}
.heroTextBox{position:relative;z-index:2;max-width:780px;margin:0 auto;padding:48px 32px;text-align:center;background:#fffffff2;border-radius:12px;box-shadow:0 16px 48px #1c202c33}
.heroTextBox h1{font-size:2.8rem;color:#1C202C;margin:0 0 20px;line-height:1.2;font-weight:700}
.heroTextBox .leadPara{font-size:1.15rem;color:#1C202C;line-height:1.7;margin:0;opacity:.85}
.formContactSection{background:#FFF;padding:80px 24px}
.formContactSection .wrapperForm{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.infoSide h2{font-size:2.2rem;color:#1C202C;margin:0 0 24px;line-height:1.3;font-weight:600}
.infoSide .descText{font-size:1.05rem;color:#1C202C;line-height:1.75;margin:0 0 48px;opacity:.8}
.contactDetail{margin-bottom:32px}
.contactDetail h3{font-size:1.1rem;color:#2AEB69;margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.contactDetail p{font-size:1.1rem;color:#1C202C;margin:0;line-height:1.6}
.contactDetail a{color:#1C202C;text-decoration:none;transition:color 280ms}
.contactDetail a:hover{color:#2AEB69}
.mainContactForm{background:linear-gradient(145deg,#f8f9fa 0%,#FFF 100%);padding:48px;border-radius:14px;box-shadow:0 8px 32px #1c202c14}
.mainContactForm h3{font-size:1.6rem;color:#1C202C;margin:0 0 32px;font-weight:600}
.inputRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.fieldGroup{display:flex;flex-direction:column}
.fieldGroup label{font-size:.95rem;color:#1C202C;margin-bottom:8px;font-weight:500}
.fieldGroup input[type="text"],.fieldGroup input[type="email"]{padding:14px 16px;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;background:#FFF;color:#1C202C;transition:border-color 240ms,box-shadow 240ms}
.fieldGroup input[type="text"]:focus,.fieldGroup input[type="email"]:focus{outline:none;border-color:#2AEB69;box-shadow:0 0 0 3px #2aeb691a}
.radioSection{margin:32px 0}
.radioSection h4{font-size:1.05rem;color:#1C202C;margin:0 0 16px;font-weight:600}
.radioOptions{display:flex;flex-direction:column;gap:14px}
.radioLabel{display:flex;align-items:center;cursor:pointer;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#FFF;transition:all 220ms}
.radioLabel:hover{border-color:#2AEB69;background:#2aeb690a}
.radioLabel input[type="radio"]{margin:0 12px 0 0;width:20px;height:20px;cursor:pointer;accent-color:#2AEB69}
.radioLabel input[type="radio"]:checked + span{color:#2AEB69;font-weight:600}
.radioLabel span{font-size:1rem;color:#1C202C;transition:color 200ms}
.privacyCheckbox{margin:28px 0;display:flex;align-items:start}
.privacyCheckbox input[type="checkbox"]{margin:4px 12px 0 0;width:18px;height:18px;cursor:pointer;accent-color:#2AEB69;flex-shrink:0}
.privacyCheckbox label{font-size:.95rem;color:#1C202C;line-height:1.6;cursor:pointer}
.privacyCheckbox label a{color:#2AEB69;text-decoration:none;font-weight:500;transition:opacity 200ms}
.privacyCheckbox label a:hover{opacity:.8}
.submitButton{width:100%;padding:16px 32px;font-size:1.1rem;font-weight:600;color:#FFF;background:linear-gradient(135deg,#2AEB69 0%,#24d15e 100%);border:none;border-radius:10px;cursor:pointer;transition:transform 180ms,box-shadow 180ms;box-shadow:0 4px 16px #2aeb694d}
.submitButton:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2aeb6966}
.submitButton:active{transform:translateY(0)}
@media (max-width: 1366px) {
.formContactSection .wrapperForm{gap:60px}
.mainContactForm{padding:40px}
}
@media (max-width: 768px) {
.contactHero{min-height:420px}
.heroTextBox{padding:36px 24px}
.heroTextBox h1{font-size:2rem}
.heroTextBox .leadPara{font-size:1rem}
.formContactSection{padding:60px 20px}
.formContactSection .wrapperForm{grid-template-columns:1fr;gap:48px}
.mainContactForm{padding:32px 24px}
.inputRow{grid-template-columns:1fr;gap:20px}
.infoSide h2{font-size:1.8rem}
}
@media (max-width: 375px) {
.heroTextBox{padding:28px 20px}
.heroTextBox h1{font-size:1.75rem}
.mainContactForm{padding:24px 20px}
.submitButton{padding:14px 28px;font-size:1rem}
}
.successLanding{width:100%;max-width:1600px;margin:0 auto;padding:0}
.confirmationHero{background:linear-gradient(135deg,#2AEB69 0%,#1C202C 100%);padding:120px 40px 80px;position:relative;overflow:hidden}
.confirmationHero::before{content:'';position:absolute;width:400px;height:400px;background:#ffffff14;border-radius:50%;top:-200px;right:-100px;animation:floatParticle 8s infinite ease-in-out}
.confirmationHero::after{content:'';position:absolute;width:300px;height:300px;background:#ffffff0d;border-radius:50%;bottom:-150px;left:-80px;animation:floatParticle 10s infinite ease-in-out reverse}
@keyframes floatParticle {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(20px,-20px) scale(1.1)}
}
.heroContentWrap{max-width:900px;margin:0 auto;position:relative;z-index:2;text-align:center}
.statusIcon{width:80px;height:80px;margin:0 auto 32px;background:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026}
.statusIcon svg{width:40px;height:40px;fill:#2AEB69}
.heroContentWrap h1{font-size:48px;line-height:1.2;color:#FFF;margin:0 0 24px;font-weight:700}
.qaBlock{margin:40px 0 0}
.qaItem{background:#ffffff1f;backdrop-filter:blur(8px);padding:24px 32px;border-radius:12px;margin:0 0 16px;text-align:left;border:1px solid #fff3}
.qaItem:last-child{margin:0}
.questionText{font-size:18px;color:#FFF;font-weight:600;margin:0 0 12px}
.answerText{font-size:16px;color:#ffffffe6;line-height:1.6;margin:0}
.nextStepsGrid{background:#FFF;padding:80px 40px}
.stepsContainer{max-width:1400px;margin:0 auto}
.sectionLabel{text-align:center;margin:0 0 48px}
.sectionLabel h2{font-size:36px;color:#1C202C;margin:0 0 16px;font-weight:700}
.sectionLabel p{font-size:18px;color:#1c202cb3;margin:0;line-height:1.6}
.cardsDisplay{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.actionCard{background:linear-gradient(135deg,#2aeb690d 0%,#1c202c05 100%);padding:40px 32px;border-radius:16px;border:2px solid #2aeb6933;position:relative;transition:transform 300ms,box-shadow 300ms,border-color 300ms}
.actionCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #2aeb6926;border-color:#2AEB69}
.cardNumber{position:absolute;top:24px;right:24px;width:48px;height:48px;background:#2AEB69;color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}
.cardIconArea{width:60px;height:60px;background:#2AEB69;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.cardIconArea svg{width:32px;height:32px;fill:#FFF}
.actionCard h3{font-size:24px;color:#1C202C;margin:0 0 16px;font-weight:700}
.actionCard p{font-size:16px;color:#1c202cbf;line-height:1.7;margin:0 0 24px}
.cardLink{display:inline-flex;align-items:center;font-size:16px;color:#2AEB69;text-decoration:none;font-weight:600;transition:gap 200ms;gap:8px}
.cardLink:hover{gap:14px}
.cardLink svg{width:16px;height:16px;fill:#2AEB69}
.primaryButton{background:#2AEB69;color:#1C202C;padding:16px 40px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-block;transition:background 200ms,transform 200ms,box-shadow 200ms;border:none}
.primaryButton:hover{background:#24d15d;transform:translateY(-2px);box-shadow:0 8px 20px #2aeb694d}
@media (max-width: 1366px) {
.confirmationHero{padding:100px 32px 70px}
.heroContentWrap h1{font-size:40px}
.cardsDisplay{gap:24px}
}
@media (max-width: 768px) {
.confirmationHero{padding:80px 24px 60px}
.heroContentWrap h1{font-size:32px}
.statusIcon{width:64px;height:64px;margin-bottom:24px}
.statusIcon svg{width:32px;height:32px}
.qaItem{padding:20px 24px}
.questionText{font-size:16px}
.answerText{font-size:15px}
.nextStepsGrid{padding:60px 24px}
.sectionLabel h2{font-size:28px}
.sectionLabel p{font-size:16px}
.cardsDisplay{grid-template-columns:1fr;gap:20px}
.actionCard{padding:32px 24px}
.cardNumber{width:40px;height:40px;font-size:18px}
}
@media (max-width: 375px) {
.confirmationHero{padding:60px 20px 50px}
.heroContentWrap h1{font-size:28px}
.nextStepsGrid{padding:50px 20px}
.sectionLabel h2{font-size:24px}
.actionCard h3{font-size:20px}
}