*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Cormorant',serif;color:#1a1a1a;background-color:#f9f9f9;line-height:1.6}
header{background:linear-gradient(135deg,#FE533F 0%,#004B41 55%,#FFEFBC 100%);position:relative;box-shadow:0 4px 12px #00000014}
.topSection{padding:18px 0;background-color:#fffffff2;border-bottom:3px solid #FE533F}
.widthLimiter{max-width:960px;margin:0 auto;padding:0 20px}
.topSectionContent{display:flex;justify-content:space-between;align-items:center}
.logoBlock{flex-shrink:0}
.logoLink{display:block;width:110px;height:110px;background-color:#fff;border:3px solid #004B41;border-radius:12px;padding:12px;box-shadow:0 3px 8px #004b4126;transition:transform 180ms cubic-bezier(0.34,1.56,0.64,1)}
.logoLink:hover{transform:scale(1.05)}
.logoImage{width:100%;height:100%;display:block;object-fit:contain}
.mainNav{display:flex;gap:32px;align-items:center}
.navLink{font-size:19px;font-weight:700;color:#004B41;text-decoration:none;padding:10px 18px;border-radius:8px;transition:background-color 200ms ease,color 200ms ease;position:relative}
.navLink:hover{background-color:#FE533F;color:#fff}
.middleSection{padding:28px 0;background:linear-gradient(305deg,#FE533F 0%,#004B41 50%,#FFEFBC 100%)}
.companyNameBlock{text-align:center}
.companyNameText{font-size:52px;font-weight:700;color:#fff;text-shadow:2px 2px 6px #00000040;letter-spacing:1.5px}
main{min-height:200px}
footer{margin-top:60px}
.footerBackground{background:linear-gradient(135deg,#004B41 0%,#FE533F 60%,#FFEFBC 100%);padding:50px 0 30px}
.footerContainer{max-width:960px;margin:0 auto;padding:0 20px}
.footerTopRow{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px;flex-wrap:wrap}
.footerInfoBlock{flex:1;min-width:280px}
.footerCompanyInfo{margin-bottom:24px}
.footerCompanyName{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}
.footerAddress{font-size:16px;color:#FFEFBC;line-height:1.5}
.contactDetails{display:flex;flex-direction:column;gap:12px}
.contactItem{display:flex;align-items:center;gap:10px;color:#fff}
.contactItem i{font-size:20px;color:#FFEFBC}
.contactLink{color:#fff;text-decoration:none;font-size:16px;transition:color 180ms ease}
.contactLink:hover{color:#FFEFBC}
.awardsBlock{display:flex;gap:24px;flex-wrap:wrap}
.awardBadge{display:flex;align-items:center;gap:12px;background-color:#ffffff26;padding:16px 20px;border-radius:10px;border:2px solid #FFEFBC;backdrop-filter:blur(8px)}
.awardBadge i{font-size:32px;color:#FFEFBC}
.awardText{font-size:14px;font-weight:700;color:#fff;line-height:1.3}
.footerBottomRow{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;border-top:2px solid #ffefbc4d;flex-wrap:wrap}
.footerNav{display:flex;gap:28px}
.footerLink{color:#FFEFBC;text-decoration:none;font-size:15px;transition:color 180ms ease}
.footerLink:hover{color:#fff}
.copyrightText{font-size:14px;color:#FFEFBC}
.cookiePopup{position:fixed;top:33%;left:20px;z-index:10000;opacity:0;transform:perspective(800px) rotateY(-90deg);transform-origin:left center;transition:opacity 300ms cubic-bezier(0.68,-0.55,0.265,1.55),transform 300ms cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookiePopup.cookieVisible{opacity:1;transform:perspective(800px) rotateY(0deg)}
.cookieCard{background-color:#fff;border-radius:14px;box-shadow:0 8px 24px #0000002e;width:380px;max-width:calc(100vw - 40px);border:3px solid #FE533F}
.cookieHeader{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#FE533F 0%,#004B41 100%);border-radius:11px 11px 0 0}
.cookieHeader i{font-size:28px;color:#FFEFBC}
.cookieTitle{font-size:22px;font-weight:700;color:#fff}
.cookieBody{padding:24px}
.cookieDescription{font-size:16px;color:#333;margin-bottom:20px;line-height:1.5}
.cookieButtonPrimary,.cookieButtonSecondary{width:100%;padding:14px 20px;border-radius:10px;font-size:16px;font-weight:700;font-family:'Cormorant',serif;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color 180ms ease,transform 150ms ease}
.cookieButtonPrimary{background-color:#FE533F;color:#fff;margin-bottom:12px}
.cookieButtonPrimary:hover{background-color:#e04633;transform:translateY(-2px)}
.cookieButtonSecondary{background-color:#004B41;color:#FFEFBC}
.cookieButtonSecondary:hover{background-color:#003832;transform:translateY(-2px)}
.cookieSettings{padding:24px}
.policyLink{display:block;font-size:14px;color:#FE533F;text-decoration:underline;margin-bottom:20px;font-weight:700}
.policyLink:hover{color:#004B41}
.cookieCategory{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #e0e0e0}
.cookieCategory:last-of-type{border-bottom:none}
.cookieLabel{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:6px}
.cookieCheckbox{width:20px;height:20px;cursor:pointer;accent-color:#FE533F}
.cookieCategoryName{font-size:17px;font-weight:700;color:#004B41}
.cookieCategoryDesc{font-size:14px;color:#666;margin-left:30px;line-height:1.4}
.settingsButtons{margin-top:24px}
@media (max-width: 768px) {
.topSectionContent{flex-direction:column;gap:20px}
.mainNav{flex-direction:column;gap:12px;width:100%}
.navLink{width:100%;text-align:center}
.companyNameText{font-size:36px}
.footerTopRow{flex-direction:column}
.footerBottomRow{flex-direction:column;text-align:center}
.footerNav{flex-direction:column;gap:12px}
.cookiePopup{left:50%;transform:translateX(-50%) perspective(800px) rotateY(-90deg);top:20px}
.cookiePopup.cookieVisible{transform:translateX(-50%) perspective(800px) rotateY(0deg)}
}
@media (max-width: 480px) {
.logoLink{width:85px;height:85px}
.companyNameText{font-size:28px}
.awardsBlock{flex-direction:column}
}
.info-doc{max-width:960px;margin:0 auto;padding:60px 20px;background:#fff}
.info-doc h1{font-size:42px;font-weight:700;color:#004B41;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px}
.info-doc h2{font-size:32px;font-weight:600;color:#004B41;margin:48px 0 20px;line-height:1.3;border-bottom:2px solid #FFEFBC;padding-bottom:12px}
.info-doc h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:36px 0 16px;line-height:1.4}
.info-doc h4{font-size:20px;font-weight:600;color:#1a1a1a;margin:28px 0 12px;line-height:1.4}
.info-doc h5{font-size:18px;font-weight:600;color:#333;margin:24px 0 12px;line-height:1.5}
.info-doc h6{font-size:16px;font-weight:600;color:#333;margin:20px 0 10px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.info-doc p{font-size:16px;line-height:1.75;color:#2d2d2d;margin:0 0 20px;font-weight:400}
.info-doc strong,.info-doc b{font-weight:600;color:#1a1a1a}
.info-doc a{color:#FE533F;text-decoration:none;border-bottom:1px solid #fe533f4d;transition:all .2s cubic-bezier(0.4,0,0.2,1)}
.info-doc a:hover{color:#004B41;border-bottom-color:#004B41}
.info-doc a:focus{outline:2px solid #FE533F;outline-offset:2px;border-radius:2px}
.info-doc div{margin:0 0 20px}
.info-doc ul,.info-doc ol{margin:0 0 24px;padding-left:28px}
.info-doc ul li,.info-doc ol li{font-size:16px;line-height:1.75;color:#2d2d2d;margin-bottom:12px}
.info-doc ul li::marker{color:#FE533F}
.info-doc ol li::marker{color:#FE533F;font-weight:600}
.info-doc em,.info-doc i{font-style:italic;color:#404040}
.info-doc code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;font-size:14px;color:#004B41}
.info-doc blockquote{border-left:4px solid #FE533F;padding:16px 24px;margin:24px 0;background:#fafafa;font-style:italic;color:#404040}
.info-doc table{width:100%;border-collapse:collapse;margin:24px 0}
.info-doc table th,.info-doc table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:15px;line-height:1.6}
.info-doc table th{background:#f8f8f8;font-weight:600;color:#004B41}
.info-doc hr{border:none;border-top:1px solid #e0e0e0;margin:40px 0}
@media (max-width: 768px) {
.info-doc{padding:40px 16px}
.info-doc h1{font-size:32px}
.info-doc h2{font-size:26px;margin-top:36px}
.info-doc h3{font-size:22px}
.info-doc h4{font-size:19px}
.info-doc p,.info-doc ul li,.info-doc ol li{font-size:15px;line-height:1.7}
}
@media (max-width: 480px) {
.info-doc{padding:32px 12px}
.info-doc h1{font-size:28px}
.info-doc h2{font-size:23px}
.info-doc table th,.info-doc table td{padding:10px 12px;font-size:14px}
}
.HeroBlock{position:relative;height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:80px}
.HeroBlock .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(8px)}
.HeroBlock .bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#004b41d9 0%,#fe533fbf 100%)}
.HeroBlock .text-content{position:relative;z-index:3;text-align:center;max-width:720px;padding:0 20px}
.HeroBlock .text-content h1{font-size:52px;color:#fff;margin:0 0 18px;font-weight:700;line-height:1.2}
.HeroBlock .text-content p{font-size:20px;color:#FFEFBC;margin:0;line-height:1.5}
.HeroBlock::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffefbc26;border-radius:50%;z-index:2}
.HeroBlock::after{content:'';position:absolute;bottom:-80px;left:-80px;width:280px;height:280px;background:#fe533f1f;border-radius:50%;z-index:2}
.story-area{max-width:960px;margin:0 auto 90px;padding:0 20px}
.story-area .intro-text{background:linear-gradient(155deg,#f8f9fa 0%,#fff 100%);padding:50px 45px;border-radius:12px;box-shadow:0 4px 20px #004b4114;margin-bottom:60px}
.story-area .intro-text h2{font-size:36px;color:#004B41;margin:0 0 24px;font-weight:600}
.story-area .intro-text p{font-size:17px;color:#333;line-height:1.7;margin:0 0 16px}
.story-area .intro-text p:last-child{margin-bottom:0}
.story-area .founding-moment{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-bottom:70px}
.story-area .founding-moment .moment-image{width:100%;height:400px;object-fit:cover;border-radius:10px;box-shadow:0 6px 24px #fe533f26}
.story-area .founding-moment .moment-details h3{font-size:28px;color:#FE533F;margin:0 0 20px;font-weight:600;position:relative;padding-left:18px}
.story-area .founding-moment .moment-details h3::before{content:'';position:absolute;left:0;top:6px;width:5px;height:22px;background:#FE533F;border-radius:3px}
.story-area .founding-moment .moment-details p{font-size:16px;color:#444;line-height:1.65;margin:0 0 14px}
.story-area .founding-moment .moment-details p:last-child{margin-bottom:0}
.values-display{background:linear-gradient(275deg,#FFEFBC 0%,#fff 50%,#f0f8f7 100%);padding:70px 20px;margin-bottom:85px}
.values-display .values-wrap{max-width:960px;margin:0 auto}
.values-display .values-wrap h2{font-size:38px;color:#004B41;text-align:center;margin:0 0 55px;font-weight:600}
.values-display .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.values-display .value-card{background:#fff;padding:35px 28px;border-radius:14px;box-shadow:0 3px 16px #004b411a;transition:transform 220ms cubic-bezier(0.34,1.56,0.64,1),box-shadow 220ms ease;position:relative;overflow:hidden}
.values-display .value-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FE533F 0%,#004B41 100%)}
.values-display .value-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #fe533f33}
.values-display .value-card .icon-holder{width:56px;height:56px;background:linear-gradient(135deg,#FE533F 0%,#ff7060 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.values-display .value-card .icon-holder i{font-size:26px;color:#fff}
.values-display .value-card h4{font-size:22px;color:#004B41;margin:0 0 14px;font-weight:600}
.values-display .value-card p{font-size:15px;color:#555;line-height:1.6;margin:0}
.team-highlight{max-width:960px;margin:0 auto 85px;padding:0 20px}
.team-highlight h2{font-size:36px;color:#004B41;text-align:center;margin:0 0 50px;font-weight:600}
.team-highlight .team-members{display:flex;gap:50px;justify-content:center;flex-wrap:wrap}
.team-highlight .member-profile{text-align:center;max-width:320px;transition:transform 200ms ease}
.team-highlight .member-profile:hover{transform:scale(1.03)}
.team-highlight .member-profile .profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;margin:0 auto 20px;display:block;border:5px solid #FFEFBC;box-shadow:0 5px 20px #004b4126}
.team-highlight .member-profile h5{font-size:24px;color:#FE533F;margin:0 0 8px;font-weight:600}
.team-highlight .member-profile .role{font-size:16px;color:#004B41;margin:0 0 14px;font-weight:500}
.team-highlight .member-profile p{font-size:15px;color:#666;line-height:1.6;margin:0}
.approach-visual{background:#f9f9f9;padding:75px 20px;margin-bottom:0}
.approach-visual .approach-container{max-width:960px;margin:0 auto}
.approach-visual .approach-container h2{font-size:38px;color:#004B41;margin:0 0 50px;font-weight:600;text-align:center}
.approach-visual .steps-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.approach-visual .step-box{background:#fff;padding:38px 32px;border-radius:12px;box-shadow:0 4px 18px #0000000f;position:relative;transition:box-shadow 180ms ease}
.approach-visual .step-box:hover{box-shadow:0 8px 30px #fe533f2e}
.approach-visual .step-box .step-number{position:absolute;top:-18px;left:32px;width:44px;height:44px;background:linear-gradient(135deg,#FE533F 0%,#004B41 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 3px 12px #fe533f66}
.approach-visual .step-box h4{font-size:22px;color:#004B41;margin:12px 0 16px;font-weight:600}
.approach-visual .step-box p{font-size:15px;color:#555;line-height:1.65;margin:0}
.approach-visual .step-box .feature-list{margin:18px 0 0;padding:0;list-style:none}
.approach-visual .step-box .feature-list li{font-size:14px;color:#666;padding-left:24px;position:relative;margin-bottom:10px}
.approach-visual .step-box .feature-list li::before{content:'→';position:absolute;left:0;color:#FE533F;font-weight:700}
.approach-visual .step-box .feature-list li:last-child{margin-bottom:0}
.approach-visual .visual-element{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:40px}
.approach-visual .visual-element img{width:100%;height:220px;object-fit:cover;border-radius:10px;box-shadow:0 4px 16px #004b411f}
@media (max-width: 768px) {
.HeroBlock{height:420px;margin-bottom:60px}
.HeroBlock .text-content h1{font-size:36px;margin-bottom:14px}
.HeroBlock .text-content p{font-size:17px}
.story-area{margin-bottom:60px}
.story-area .intro-text{padding:35px 25px;margin-bottom:45px}
.story-area .intro-text h2{font-size:28px;margin-bottom:18px}
.story-area .founding-moment{grid-template-columns:1fr;gap:30px;margin-bottom:50px}
.story-area .founding-moment .moment-image{height:280px}
.values-display{padding:50px 20px;margin-bottom:60px}
.values-display .values-wrap h2{font-size:30px;margin-bottom:40px}
.values-display .values-grid{grid-template-columns:1fr;gap:25px}
.team-highlight{margin-bottom:60px}
.team-highlight h2{font-size:28px;margin-bottom:35px}
.team-highlight .team-members{gap:35px}
.approach-visual{padding:55px 20px}
.approach-visual .approach-container h2{font-size:30px;margin-bottom:35px}
.approach-visual .steps-layout{grid-template-columns:1fr;gap:30px}
.approach-visual .visual-element{grid-template-columns:1fr;gap:20px;margin-top:30px}
.approach-visual .visual-element img{height:200px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.HeroBlock .text-content h1{font-size:44px}
.story-area .founding-moment{gap:35px}
.values-display .values-grid{grid-template-columns:repeat(2,1fr)}
.approach-visual .visual-element{grid-template-columns:repeat(2,1fr)}
}
.titleSection{background:linear-gradient(135deg,#FFEFBC 0%,#FFF8E1 100%);padding:80px 20px 120px;position:relative;overflow:hidden}
.titleSection::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80'%3E%3Cpath d='M0,40 Q300,0 600,40 T1200,40 L1200,80 L0,80 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover}
.titleContent--wrapper{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:60px}
.titleText{flex:1;transform:translateY(-20px)}
.titleText h1{font-size:48px;line-height:1.2;color:#004B41;margin:0 0 24px;font-weight:700}
.titleText .metaphorDescription{font-size:18px;line-height:1.6;color:#2C5F5A;margin:0}
.titleImage--container{flex:0 0 380px;transform:translateY(20px) rotate(-3deg)}
.titleImage--container img{width:100%;height:380px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #004b4126;opacity:.85;filter:saturate(0.9)}
.readinessCheckBlock{background:#fff;padding:100px 20px}
.readinessCheck--inner{max-width:960px;margin:0 auto}
.checkHeading{font-size:36px;line-height:1.3;color:#004B41;margin:0 0 16px;font-weight:700}
.checkIntro{font-size:18px;line-height:1.7;color:#4A5568;margin:0 0 60px;max-width:720px}
.checklistGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:60px}
.checkItem{background:linear-gradient(135deg,#F7FAFC 0%,#EDF2F7 100%);padding:32px;border-radius:12px;border-left:4px solid #FE533F;transition:all 220ms cubic-bezier(0.4,0,0.2,1)}
.checkItem:hover{transform:translateY(-4px);box-shadow:0 8px 24px #fe533f1f;border-left-width:6px}
.checkItem h3{font-size:20px;color:#004B41;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:12px}
.checkItem h3::before{content:'';width:8px;height:8px;background:#FE533F;border-radius:50%;flex-shrink:0}
.checkItem p{font-size:16px;line-height:1.6;color:#5A6C7D;margin:0}
.profilesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:48px}
.profileCard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #004b4114;transition:all 200ms ease}
.profileCard:hover{box-shadow:0 8px 28px #004b4129;transform:translateY(-2px)}
.profileCard img{width:100%;height:280px;object-fit:cover}
.profileInfo{padding:24px}
.profileInfo h4{font-size:18px;color:#004B41;margin:0 0 8px;font-weight:600}
.profileInfo .roleLabel{font-size:14px;color:#FE533F;margin:0 0 12px;font-weight:500}
.profileInfo p{font-size:15px;line-height:1.6;color:#5A6C7D;margin:0}
.finalThoughts{background:linear-gradient(160deg,#004B41 0%,#00665A 100%);padding:48px;border-radius:12px;color:#fff}
.finalThoughts h3{font-size:24px;margin:0 0 16px;font-weight:600}
.finalThoughts p{font-size:16px;line-height:1.7;margin:0 0 12px;opacity:.95}
.finalThoughts p:last-child{margin:0}
@media (max-width: 768px) {
.titleSection{padding:60px 20px 100px}
.titleContent--wrapper{flex-direction:column;gap:40px}
.titleImage--container{flex:0 0 auto;width:100%;max-width:400px;transform:translateY(0) rotate(0)}
.titleImage--container img{height:320px}
.titleText{transform:translateY(0)}
.titleText h1{font-size:36px}
.readinessCheckBlock{padding:60px 20px}
.checkHeading{font-size:28px}
.checklistGrid{grid-template-columns:1fr;gap:24px}
.profilesGrid{grid-template-columns:1fr;gap:32px}
.finalThoughts{padding:32px 24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.titleContent--wrapper{gap:40px}
.titleImage--container{flex:0 0 320px}
.titleImage--container img{height:320px}
.titleText h1{font-size:40px}
.profilesGrid{grid-template-columns:repeat(2,1fr);gap:32px}
}
.heroWrapper{display:flex;align-items:center;gap:40px;max-width:960px;margin:80px auto;padding:0 20px}
.heroImageSection{flex:0 0 40%;position:relative}
.heroImageSection img{width:100%;height:auto;border-radius:12px;display:block}
.heroImageSection::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fe533f1a 0%,#004b4126 100%);border-radius:12px;pointer-events:none;animation:hazeShift 8s ease-in-out infinite}
@keyframes hazeShift {
0%,100%{background:linear-gradient(135deg,#fe533f1a 0%,#004b4126 100%)}
50%{background:linear-gradient(135deg,#004b411a 0%,#fe533f26 100%)}
}
.heroTextSection{flex:1}
.heroTextSection h1{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.heroTextSection .description{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0}
.geographySection{background:linear-gradient(160deg,#f8f9fa 0%,#fff 50%,#fff9f0 100%);padding:80px 20px;margin:60px 0}
.geographyContent{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.geographyContent h2{font-size:36px;color:#004B41;margin:0 0 20px;font-weight:700}
.geographyContent .textBlock{font-size:17px;line-height:1.7;color:#333}
.geographyContent .textBlock p{margin:0 0 16px}
.geographyContent .imageBlock img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px #00000014}
.motivationSection{max-width:960px;margin:80px auto;padding:0 20px}
.motivationSection h2{font-size:36px;color:#1a1a1a;margin:0 0 40px;text-align:center;font-weight:700}
.motivationGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.motivationCard{background:#fff;border:2px solid #f0f0f0;border-radius:14px;padding:32px 24px;transition:all .2s cubic-bezier(0.4,0,0.2,1);position:relative}
.motivationCard:hover{border-color:#FE533F;box-shadow:0 8px 24px #fe533f1f;transform:translateY(-4px)}
.motivationCard .cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#FE533F 0%,#ff7a6a 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.motivationCard .cardIcon i{font-size:28px;color:#fff}
.motivationCard h3{font-size:20px;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.motivationCard p{font-size:15px;line-height:1.6;color:#555;margin:0}
.supportSection{background:#004B41;padding:80px 20px;margin:60px 0 0;position:relative;overflow:hidden}
.supportSection::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#ffefbc14 0%,transparent 70%);border-radius:50%}
.supportWrapper{max-width:960px;margin:0 auto;position:relative;z-index:1}
.supportWrapper h2{font-size:36px;color:#fff;margin:0 0 16px;font-weight:700}
.supportWrapper .subheading{font-size:18px;color:#FFEFBC;margin:0 0 40px}
.supportColumns{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
.supportInfo{display:flex;flex-direction:column;gap:24px}
.supportItem{background:#ffffff0f;border-left:4px solid #FE533F;padding:20px 24px;border-radius:8px;transition:background .2s ease}
.supportItem:hover{background:#ffffff1a}
.supportItem h4{font-size:18px;color:#FFEFBC;margin:0 0 8px;font-weight:600}
.supportItem p{font-size:15px;line-height:1.6;color:#ffffffd9;margin:0}
.supportTeam{display:flex;flex-direction:column;gap:24px}
.teamMember{display:flex;gap:20px;align-items:center;background:#ffffff0a;padding:20px;border-radius:10px;transition:all .2s ease}
.teamMember:hover{background:#ffffff14;transform:translateX(8px)}
.teamMember img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #fe533f66}
.teamMember .memberInfo h5{font-size:17px;color:#fff;margin:0 0 4px;font-weight:600}
.teamMember .memberInfo p{font-size:14px;color:#ffffffb3;margin:0}
.callToAction{margin-top:40px;text-align:center}
.callToAction a{display:inline-block;background:#FE533F;color:#fff;padding:16px 40px;border-radius:10px;font-size:17px;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 16px #fe533f4d}
.callToAction a:hover{background:#ff6b52;box-shadow:0 6px 20px #fe533f66;transform:translateY(-2px)}
@media (max-width: 768px) {
.heroWrapper{flex-direction:column;margin:40px auto;gap:30px}
.heroImageSection{flex:0 0 auto;width:100%}
.heroTextSection h1{font-size:32px}
.geographyContent{grid-template-columns:1fr;gap:30px}
.motivationGrid{grid-template-columns:1fr;gap:20px}
.supportColumns{grid-template-columns:1fr;gap:40px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.motivationGrid{grid-template-columns:repeat(2,1fr)}
.supportColumns{grid-template-columns:1fr}
}
.contactMainWrap{width:100%;max-width:960px;margin:0 auto;padding:0 20px}
.titleSectionContact{padding:80px 0 60px;position:relative;overflow:hidden}
.titleSectionContact::before{content:'';position:absolute;top:-20%;right:-10%;width:500px;height:500px;background:linear-gradient(135deg,#FFEFBC 0%,#fe533f1a 100%);border-radius:50%;transform:rotate(-15deg);z-index:0}
.titleSectionContact::after{content:'';position:absolute;bottom:10%;left:-5%;width:300px;height:300px;border:3px solid #FE533F;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;opacity:.3;z-index:0}
.titleContentBox{position:relative;z-index:1;transform:rotate(-2deg)}
.titleContentBox h1{font-size:48px;color:#004B41;margin:0 0 20px;line-height:1.2;font-weight:700}
.titleContentBox .subtext-Title{font-size:18px;color:#333;line-height:1.6;max-width:600px}
.infoBlocksSection{padding:40px 0 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.infoCard{background:linear-gradient(145deg,#fff 0%,#f8f8f8 100%);padding:35px 28px;border-radius:12px;box-shadow:0 4px 12px #004b4114;transition:all 200ms cubic-bezier(0.4,0,0.2,1);border-left:4px solid #FE533F}
.infoCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #004b4126}
.infoCard .iconBox{width:56px;height:56px;background:linear-gradient(135deg,#FE533F 0%,#ff7a6b 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.infoCard .iconBox i{font-size:26px;color:#fff}
.infoCard h3{font-size:20px;color:#004B41;margin:0 0 12px;font-weight:600}
.infoCard .detailText{font-size:15px;color:#555;line-height:1.6;margin:0}
.infoCard a{color:#FE533F;text-decoration:none;transition:color 180ms ease}
.infoCard a:hover{color:#004B41}
.formSectionContact{padding:60px 0 80px;background:linear-gradient(170deg,#FFEFBC 0%,#ffefbc4d 50%,transparent 100%)}
.formWrapperInner{max-width:720px;margin:0 auto;background:#fff;padding:50px 40px;border-radius:16px;box-shadow:0 6px 24px #fe533f1f;position:relative}
.formWrapperInner::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#FE533F,#004B41,#FFEFBC);border-radius:16px;z-index:-1;opacity:.3}
.formWrapperInner h2{font-size:32px;color:#004B41;margin:0 0 15px;font-weight:700}
.formWrapperInner .intro-text{font-size:16px;color:#666;line-height:1.5;margin-bottom:35px}
.contactFormBox{display:flex;flex-direction:column;gap:22px}
.formRow{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fieldGroup{display:flex;flex-direction:column}
.fieldGroup label{font-size:14px;font-weight:600;color:#004B41;margin-bottom:8px}
.fieldGroup input,.fieldGroup textarea{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all 180ms ease;background:#fafafa}
.fieldGroup input:focus,.fieldGroup textarea:focus{outline:none;border-color:#FE533F;background:#fff;box-shadow:0 0 0 4px #fe533f1a}
.fieldGroup textarea{resize:vertical;min-height:140px;font-family:inherit}
.privacyCheckWrap{display:flex;align-items:flex-start;gap:10px;margin-top:10px}
.privacyCheckWrap input[type="checkbox"]{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:#FE533F}
.privacyCheckWrap label{font-size:14px;color:#555;line-height:1.5;cursor:pointer}
.privacyCheckWrap a{color:#FE533F;text-decoration:none;font-weight:600}
.privacyCheckWrap a:hover{text-decoration:underline}
.submitBtnWrap{margin-top:10px}
.submitBtnContact{background:linear-gradient(135deg,#FE533F 0%,#ff6b59 100%);color:#fff;padding:16px 50px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 200ms cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px #fe533f40}
.submitBtnContact:hover{transform:translateY(-2px);box-shadow:0 6px 18px #fe533f59}
.submitBtnContact:active{transform:translateY(0)}
@media (max-width: 768px) {
.titleContentBox h1{font-size:36px}
.formRow{grid-template-columns:1fr}
.formWrapperInner{padding:35px 25px}
.titleSectionContact{padding:60px 0 40px}
.infoBlocksSection{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.titleContentBox h1{font-size:28px}
.formWrapperInner h2{font-size:26px}
.contactMainWrap{padding:0 15px}
}
.jobsPageHEADER{background:linear-gradient(135deg,#004B41 0%,#FE533F 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.jobsPageHEADER::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffefbc1a 0%,transparent 70%);animation:rotateGlow 20s linear infinite}
@keyframes rotateGlow {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.jobsPageHEADER .titleContent{position:relative;z-index:2;max-width:960px;margin:0 auto}
.jobsPageHEADER .mainTitle{font-size:56px;color:#fff;margin:0 0 16px;font-weight:700;line-height:1.2}
.jobsPageHEADER .subTitle{font-size:24px;color:#FFEFBC;margin:0;font-weight:400}
.cultureSection{padding:90px 20px;background:#f8f9fa}
.cultureSection .sectionWRAP{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cultureSection .textCONTENT h2{font-size:42px;color:#004B41;margin:0 0 24px;position:relative;padding-left:20px}
.cultureSection .textCONTENT h2::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#FE533F 0%,#004B41 100%);border-radius:8px}
.cultureSection .textCONTENT p{font-size:18px;line-height:1.7;color:#2c3e50;margin:0 0 16px}
.cultureSection .imageBLOCK img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #004b4126}
.openPositions{padding:90px 20px;background:#fff}
.openPositions .containerCENTER{max-width:960px;margin:0 auto}
.openPositions h2{font-size:42px;color:#004B41;text-align:center;margin:0 0 60px}
.positionsCARDS{display:flex;flex-direction:column;gap:24px}
.jobCARD{background:#f8f9fa;border-radius:12px;padding:32px;border-left:4px solid #FE533F;transition:all 220ms cubic-bezier(0.4,0,0.2,1)}
.jobCARD:hover{transform:translateX(8px);box-shadow:0 12px 32px #fe533f33}
.jobCARD h3{font-size:28px;color:#004B41;margin:0 0 12px}
.jobDETAILS{display:flex;gap:24px;margin:0 0 20px;flex-wrap:wrap}
.jobDETAILS .detailITEM{display:flex;align-items:center;gap:8px;font-size:16px;color:#555}
.jobDETAILS .detailITEM i{color:#FE533F;font-size:18px}
.jobCARD .description{font-size:17px;line-height:1.6;color:#2c3e50;margin:0 0 24px}
.jobCARD .applyBTN{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#FE533F 0%,#ff7a68 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all 180ms ease}
.jobCARD .applyBTN:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fe533f66}
.benefitsGRID{padding:90px 20px;background:linear-gradient(160deg,#004B41 0%,#006b5e 100%)}
.benefitsGRID .wrapperCONTAINER{max-width:960px;margin:0 auto}
.benefitsGRID h2{font-size:42px;color:#FFEFBC;text-align:center;margin:0 0 50px}
.benefitsLAYOUT{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.benefitCARD{background:#ffffff14;padding:36px 28px;border-radius:12px;text-align:center;backdrop-filter:blur(10px);border:1px solid #ffefbc33;transition:all 200ms ease}
.benefitCARD:hover{background:#ffffff1f;transform:translateY(-6px)}
.benefitCARD .iconWRAP{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#FE533F 0%,#FFEFBC 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.benefitCARD .iconWRAP i{font-size:32px;color:#fff}
.benefitCARD h4{font-size:22px;color:#FFEFBC;margin:0 0 12px}
.benefitCARD p{font-size:16px;color:#ffffffd9;line-height:1.6;margin:0}
.applicationProcess{padding:90px 20px;background:#f8f9fa}
.applicationProcess .centerWRAP{max-width:960px;margin:0 auto}
.applicationProcess h2{font-size:42px;color:#004B41;text-align:center;margin:0 0 60px}
.stepsLIST{display:flex;flex-direction:column;gap:40px;position:relative}
.stepsLIST::before{content:'';position:absolute;left:40px;top:40px;bottom:40px;width:2px;background:linear-gradient(180deg,#FE533F 0%,#004B41 100%)}
.stepITEM{display:flex;gap:32px;align-items:flex-start;position:relative}
.stepNUMBER{width:80px;height:80px;background:linear-gradient(135deg,#FE533F 0%,#ff7a68 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #fe533f4d}
.stepCONTENT h4{font-size:26px;color:#004B41;margin:0 0 12px}
.stepCONTENT p{font-size:17px;line-height:1.6;color:#2c3e50;margin:0}
.teamPreview{padding:90px 20px;background:#fff}
.teamPreview .holderCONTAINER{max-width:960px;margin:0 auto}
.teamPreview h2{font-size:42px;color:#004B41;text-align:center;margin:0 0 50px}
.teamGRID{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.memberCARD{text-align:center;background:#f8f9fa;border-radius:12px;padding:32px 24px;transition:all 200ms ease}
.memberCARD:hover{transform:translateY(-8px);box-shadow:0 12px 32px #004b4126}
.memberCARD .photoWRAP{width:160px;height:160px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid #FE533F}
.memberCARD .photoWRAP img{width:100%;height:100%;object-fit:cover}
.memberCARD h4{font-size:24px;color:#004B41;margin:0 0 8px}
.memberCARD .roleLabel{font-size:16px;color:#FE533F;margin:0 0 16px;font-weight:600}
.memberCARD p{font-size:15px;line-height:1.6;color:#555;margin:0}
@media (max-width: 768px) {
.jobsPageHEADER{padding:60px 20px}
.jobsPageHEADER .mainTitle{font-size:38px}
.jobsPageHEADER .subTitle{font-size:18px}
.cultureSection .sectionWRAP{grid-template-columns:1fr;gap:40px}
.cultureSection .textCONTENT h2,.openPositions h2,.benefitsGRID h2,.applicationProcess h2,.teamPreview h2{font-size:32px}
.benefitsLAYOUT{grid-template-columns:1fr}
.stepsLIST::before{left:30px}
.stepNUMBER{width:60px;height:60px;font-size:24px}
.jobDETAILS{flex-direction:column;gap:12px}
}
@media (max-width: 480px) {
.jobsPageHEADER .mainTitle{font-size:32px}
.jobCARD{padding:24px}
.jobCARD h3{font-size:24px}
}
.confirmPage{background:linear-gradient(135deg,#FFEFBC 0%,#FFF8E7 100%);padding:80px 20px;min-height:85vh;display:flex;align-items:center;justify-content:center}
.confirmWrap{max-width:720px;margin:0 auto;text-align:center}
.successIcon{width:120px;height:120px;margin:0 auto 40px;position:relative}
.successIcon svg{width:100%;height:100%;filter:drop-shadow(0 8px 16px #fe533f26)}
.checkCircle{fill:none;stroke:#004B41;stroke-width:3;stroke-linecap:round;animation:drawCircle .6s ease-out forwards}
.checkMark{fill:none;stroke:#FE533F;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .4s .4s ease-out forwards}
@keyframes drawCircle {
to{stroke-dasharray:314;stroke-dashoffset:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successIcon::before{content:'';position:absolute;width:140px;height:140px;background:radial-gradient(circle,#fe533f14 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;animation:pulse 2s ease-in-out infinite}
@keyframes pulse {
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}
50%{transform:translate(-50%,-50%) scale(1.15);opacity:.6}
}
.mainHeading{font-size:42px;font-weight:700;color:#004B41;margin:0 0 20px;line-height:1.2}
.descText{font-size:18px;color:#1a1a1a;line-height:1.6;margin:0 0 16px}
.emailNote{font-size:16px;color:#555;margin:0 0 48px;padding:0 20px}
.actionButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:0 0 60px}
.primaryBtn{background:linear-gradient(135deg,#FE533F 0%,#ff6b56 100%);color:#fff;padding:16px 40px;border:none;border-radius:12px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px #fe533f40}
.primaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fe533f59}
.primaryBtn:active{transform:translateY(0)}
.secondaryBtn{background:#fff;color:#004B41;padding:16px 36px;border:2px solid #004B41;border-radius:12px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(0.4,0,0.2,1)}
.secondaryBtn:hover{background:#004B41;color:#fff;transform:translateY(-2px)}
.infoSection{background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 2px 12px #0000000f;margin:0 auto;max-width:640px}
.stepsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin:32px 0 0}
.stepItem{text-align:left;position:relative;padding:0 0 0 56px}
.stepNumber{position:absolute;left:0;top:0;width:42px;height:42px;background:linear-gradient(135deg,#FE533F 0%,#ff6b56 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;box-shadow:0 3px 8px #fe533f4d}
.stepTitle{font-size:18px;font-weight:700;color:#004B41;margin:0 0 8px}
.stepDesc{font-size:15px;color:#555;line-height:1.5;margin:0}
.contactInfo{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:28px;margin:36px 0 0;text-align:left}
.contactTitle{font-size:17px;font-weight:700;color:#004B41;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.contactList{display:flex;flex-direction:column;gap:12px}
.contactItem{display:flex;align-items:center;gap:12px;font-size:15px;color:#333}
.contactItem i{color:#FE533F;font-size:20px;width:24px}
.contactItem a{color:#004B41;text-decoration:none;font-weight:600;transition:color .18s ease}
.contactItem a:hover{color:#FE533F}
@media (max-width: 768px) {
.confirmPage{padding:60px 16px}
.mainHeading{font-size:32px}
.descText{font-size:16px}
.actionButtons{flex-direction:column;align-items:stretch}
.primaryBtn,.secondaryBtn{justify-content:center;width:100%}
.infoSection{padding:32px 24px}
.stepsGrid{grid-template-columns:1fr;gap:28px}
.successIcon{width:100px;height:100px}
}
@media (max-width: 480px) {
.mainHeading{font-size:28px}
.stepItem{padding:0 0 0 48px}
.stepNumber{width:36px;height:36px;font-size:18px}
.contactInfo{padding:20px}
.contactList{gap:10px}
}