*{box-sizing:inherit;margin:0;padding:0}
html{box-sizing:border-box}
body{font-family:'Archivo',sans-serif;line-height:1.6;color:#2a2a2a;background:#fafafa;overflow-x:hidden}
.mainHeader{background:linear-gradient(135deg,#480B19 0%,#5d0e21 100%);padding:32px 0 0;box-shadow:0 4px 24px #480b191f}
.header-container{max-width:1536px;margin:0 auto;padding:0 24px}
.topRow{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid #f4f17726}
.logoWrapper{display:flex;align-items:center}
.logoWrapper img{height:92px;width:92px;object-fit:contain;background:#ffffff14;padding:8px;border-radius:12px;box-shadow:0 2px 16px #0003}
.companyNameText{font-family:'Alegreya',serif;font-size:38px;font-weight:700;color:#F4F177;letter-spacing:.5px;text-shadow:0 2px 8px #0000004d}
.bottomNavRow{padding:20px 0}
.primaryNav{display:flex;gap:48px;list-style:none;align-items:center;justify-content:center}
.primaryNav li{position:relative}
.primaryNav a{color:#fff;text-decoration:none;font-size:16px;font-weight:400;padding:8px 16px;display:block;border-radius:8px;transition:background .3s ease,color .3s ease}
.primaryNav a:hover{background:#f4f1771f;color:#F4F177}
.primaryNav .hasSubmenu{cursor:pointer}
.primaryNav .hasSubmenu:hover .subNav{opacity:1;visibility:visible;transform:translateY(0)}
.subNav{position:absolute;top:100%;left:0;background:#fff;list-style:none;min-width:220px;padding:12px 0;border-radius:12px;box-shadow:0 8px 32px #480b1929;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:100}
.subNav:hover{opacity:1;visibility:visible;transform:translateY(0)}
.subNav a{color:#480B19;padding:10px 20px;font-size:15px;border-radius:0}
.subNav a:hover{background:#f4f1772e;color:#480B19}
.siteFooter{background:linear-gradient(180deg,#2a2a2a 0%,#1a1a1a 100%);padding:72px 0 32px;margin-top:96px}
.footer-container{max-width:1536px;margin:0 auto;padding:0 24px}
.footerTopLayer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;margin-bottom:56px;padding-bottom:48px;border-bottom:1px solid #f4f1771f}
.footerLogoSection{display:flex;flex-direction:column;gap:16px}
.footerLogoSection img{height:84px;width:84px;object-fit:contain;background:#ffffff0f;padding:12px;border-radius:50%}
.footerBrandName{font-family:'Alegreya',serif;font-size:28px;font-weight:700;color:#F4F177}
.footerNavSection h3{color:#F4F177;font-size:18px;margin-bottom:20px;font-weight:700}
.footerNavMenu{list-style:none;display:flex;flex-direction:column;gap:12px}
.footerNavMenu a{color:#e0e0e0;text-decoration:none;font-size:15px;padding:8px 20px;display:inline-block;background:#f4f1770a;border-radius:50px;transition:background .3s ease,color .3s ease}
.footerNavMenu a:hover{background:#f4f17726;color:#F4F177}
.footerContactSection h3{color:#F4F177;font-size:18px;margin-bottom:20px;font-weight:700}
.contactDetails{display:flex;flex-direction:column;gap:14px}
.contactDetails p{color:#e0e0e0;font-size:15px;display:flex;align-items:center;gap:10px;padding:10px 18px;background:#f4f1770a;border-radius:50px}
.contactDetails i{color:#F4F177;font-size:18px}
.footerBottomBar{text-align:center;padding-top:28px}
.copyrightText{color:#999;font-size:14px}
.cookieConsentModal{position:fixed;top:24px;right:24px;background:#fff;width:420px;max-width:calc(100vw - 48px);padding:32px;border-radius:16px;box-shadow:0 12px 48px #480b193d;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-30px);transition:opacity .4s ease,transform .4s ease,visibility .4s ease}
.cookieConsentModal.showModal{opacity:1;visibility:visible;transform:translateY(0)}
.cookieConsentModal h3{font-family:'Alegreya',serif;font-size:22px;color:#480B19;margin-bottom:16px;font-weight:700}
.cookieConsentModal p{color:#4a4a4a;font-size:15px;line-height:1.6;margin-bottom:24px}
.cookieCategories{margin-bottom:24px}
.categoryItem{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e8e8e8}
.categoryItem:last-child{border-bottom:none}
.categoryLabel{font-size:14px;color:#2a2a2a;font-weight:600}
.categoryToggle{position:relative;width:48px;height:24px;background:#ccc;border-radius:50px;cursor:pointer;transition:background .3s ease}
.categoryToggle.active{background:#480B19}
.categoryToggle.disabled{opacity:.5;cursor:not-allowed}
.categoryToggle::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s ease}
.categoryToggle.active::after{transform:translateX(24px)}
.cookieActions{display:flex;gap:12px;flex-wrap:wrap}
.cookieActions button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease}
.acceptButton{background:#480B19;color:#fff}
.acceptButton:hover{background:#5d0e21;transform:translateY(-2px)}
.declineButton{background:#f0f0f0;color:#480B19}
.declineButton:hover{background:#e0e0e0;transform:translateY(-2px)}
.policyLink{display:block;text-align:center;margin-top:16px;color:#480B19;font-size:13px;text-decoration:underline}
.policyLink:hover{color:#5d0e21}
.cookieManageIcon{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#480B19;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #480b194d;z-index:9998;transition:background .3s ease,transform .2s ease}
.cookieManageIcon.visible{display:flex}
.cookieManageIcon:hover{background:#5d0e21;transform:scale(1.08)}
.cookieManageIcon i{font-size:24px}
@media (max-width: 968px) {
.topRow{flex-direction:column;gap:20px;text-align:center}
.companyNameText{font-size:28px}
.primaryNav{flex-direction:column;gap:8px;align-items:stretch}
.primaryNav a{text-align:center}
.subNav{position:static;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transform:none;box-shadow:none;background:#ffffff14;margin-top:8px}
.primaryNav .hasSubmenu:hover .subNav,.subNav:hover{opacity:1;visibility:visible;max-height:500px;padding:12px 0}
.subNav a{color:#fff}
.subNav a:hover{background:#f4f17726;color:#F4F177}
.footerTopLayer{grid-template-columns:1fr;gap:36px}
.cookieConsentModal{width:90%;right:5%;padding:24px}
}
@media (max-width: 640px) {
.logoWrapper img{height:64px;width:64px}
.companyNameText{font-size:22px}
.cookieActions{flex-direction:column}
.cookieActions button{width:100%}
}
.agreement-block{max-width:1536px;margin:0 auto;padding:80px 24px 120px;background:#FFF}
@media (min-width: 768px) {
.agreement-block{padding:100px 48px 140px}
}
@media (min-width: 1024px) {
.agreement-block{padding:120px 80px 160px}
}
.agreement-block h1{font-size:36px;line-height:1.2;font-weight:700;color:#480B19;margin:0 0 16px;letter-spacing:-.02em}
@media (min-width: 768px) {
.agreement-block h1{font-size:48px;margin-bottom:24px}
}
@media (min-width: 1024px) {
.agreement-block h1{font-size:56px;margin-bottom:32px}
}
.agreement-block h2{font-size:28px;line-height:1.3;font-weight:700;color:#480B19;margin:56px 0 20px;letter-spacing:-.01em}
@media (min-width: 768px) {
.agreement-block h2{font-size:36px;margin-top:72px;margin-bottom:24px}
}
@media (min-width: 1024px) {
.agreement-block h2{font-size:40px;margin-top:88px;margin-bottom:28px}
}
.agreement-block h3{font-size:22px;line-height:1.4;font-weight:600;color:#480B19;margin:40px 0 16px}
@media (min-width: 768px) {
.agreement-block h3{font-size:28px;margin-top:48px;margin-bottom:20px}
}
@media (min-width: 1024px) {
.agreement-block h3{font-size:32px;margin-top:56px;margin-bottom:24px}
}
.agreement-block h4{font-size:18px;line-height:1.4;font-weight:600;color:#480B19;margin:32px 0 12px}
@media (min-width: 768px) {
.agreement-block h4{font-size:22px;margin-top:40px;margin-bottom:16px}
}
@media (min-width: 1024px) {
.agreement-block h4{font-size:24px;margin-top:48px;margin-bottom:20px}
}
.agreement-block h5{font-size:16px;line-height:1.5;font-weight:600;color:#480B19;margin:28px 0 12px}
@media (min-width: 768px) {
.agreement-block h5{font-size:18px;margin-top:32px;margin-bottom:16px}
}
.agreement-block h6{font-size:15px;line-height:1.5;font-weight:600;color:#480B19;margin:24px 0 12px}
@media (min-width: 768px) {
.agreement-block h6{font-size:16px;margin-top:28px}
}
.agreement-block p{font-size:16px;line-height:1.75;color:#2d2d2d;margin:0 0 20px;max-width:800px}
@media (min-width: 768px) {
.agreement-block p{font-size:17px;line-height:1.8;margin-bottom:24px}
}
@media (min-width: 1024px) {
.agreement-block p{font-size:18px;line-height:1.85;margin-bottom:28px}
}
.agreement-block strong,.agreement-block b{font-weight:700;color:#480B19}
.agreement-block em,.agreement-block i{font-style:italic;color:#2d2d2d}
.agreement-block hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#480b1926 50%,transparent 100%);margin:48px 0;opacity:.6}
@media (min-width: 768px) {
.agreement-block hr{margin:64px 0}
}
@media (min-width: 1024px) {
.agreement-block hr{margin:80px 0}
}
.agreement-block table{width:100%;border-collapse:collapse;margin:32px 0;background:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #480b1914}
@media (min-width: 768px) {
.agreement-block table{margin:40px 0}
}
@media (min-width: 1024px) {
.agreement-block table{margin:48px 0}
}
.agreement-block thead{background:linear-gradient(135deg,#480B19 0%,#5a0d20 100%)}
.agreement-block tbody{background:#FFF}
.agreement-block tr{border-bottom:1px solid #480b1914;transition:background .25s ease}
.agreement-block tbody tr:hover{background:#f4f17714}
.agreement-block tbody tr:last-child{border-bottom:none}
.agreement-block th{font-size:14px;line-height:1.5;font-weight:700;color:#FFF;text-align:left;padding:16px 20px;letter-spacing:.02em;text-transform:uppercase}
@media (min-width: 768px) {
.agreement-block th{font-size:15px;padding:20px 24px}
}
@media (min-width: 1024px) {
.agreement-block th{font-size:16px;padding:24px 28px}
}
.agreement-block td{font-size:15px;line-height:1.6;color:#2d2d2d;padding:16px 20px}
@media (min-width: 768px) {
.agreement-block td{font-size:16px;padding:20px 24px}
}
@media (min-width: 1024px) {
.agreement-block td{font-size:17px;padding:24px 28px}
}
.agreement-block tbody td{vertical-align:top}
.agreement-block thead th:first-child,.agreement-block tbody td:first-child{padding-left:24px}
.agreement-block thead th:last-child,.agreement-block tbody td:last-child{padding-right:24px}
@media (min-width: 768px) {
.agreement-block thead th:first-child,.agreement-block tbody td:first-child{padding-left:32px}
.agreement-block thead th:last-child,.agreement-block tbody td:last-child{padding-right:32px}
}
@media (min-width: 1024px) {
.agreement-block thead th:first-child,.agreement-block tbody td:first-child{padding-left:40px}
.agreement-block thead th:last-child,.agreement-block tbody td:last-child{padding-right:40px}
}
.pageIntro{background:linear-gradient(165deg,#FFF 0%,#F4F177 45%,#480B19 100%);padding:80px 24px 90px;position:relative;overflow:hidden}
.pageIntro .contentWrap{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pageIntro .textColumn h1{font-size:52px;line-height:1.1;color:#480B19;margin:0 0 16px;font-weight:700}
.pageIntro .textColumn h2{font-size:28px;line-height:1.3;color:#480B19;margin:0 0 32px;font-weight:400;opacity:.85}
.pageIntro .textColumn p{font-size:18px;line-height:1.7;color:#480B19;margin:0;opacity:.8}
.pageIntro .imageColumn{position:relative}
.pageIntro .imageColumn img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 24px 48px #480b1933}
.pageIntro .decorativeDots{position:absolute;top:-20px;right:-20px;width:120px;height:120px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pageIntro .decorativeDots span{width:8px;height:8px;background:#F4F177;border-radius:50%;opacity:.6}
.missionSection{background:#FFF;padding:100px 24px}
.missionSection .innerContainer{max-width:1536px;margin:0 auto;display:flex;flex-direction:row;gap:80px;align-items:flex-start}
.missionSection .visualBlock{flex:0 0 420px;position:relative}
.missionSection .visualBlock img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #480b191f}
.missionSection .contentBlock{flex:1}
.missionSection .contentBlock h3{font-size:42px;line-height:1.2;color:#480B19;margin:0 0 40px;font-weight:600;position:relative;padding-left:24px}
.missionSection .contentBlock h3::before{content:'';position:absolute;left:0;top:8px;width:6px;height:70%;background:linear-gradient(180deg,#480B19 0%,#F4F177 100%);border-radius:3px}
.missionSection .contentBlock .textGroup{display:flex;flex-direction:column;gap:28px}
.missionSection .contentBlock p{font-size:17px;line-height:1.8;color:#480B19;margin:0;opacity:.85}
.valuesGrid{background:linear-gradient(135deg,#F4F177 0%,#FFF 60%);padding:90px 24px}
.valuesGrid .gridContainer{max-width:1536px;margin:0 auto}
.valuesGrid .sectionHeader{text-align:center;margin-bottom:70px}
.valuesGrid .sectionHeader h3{font-size:46px;line-height:1.2;color:#480B19;margin:0 0 20px;font-weight:700}
.valuesGrid .sectionHeader p{font-size:19px;line-height:1.6;color:#480B19;margin:0 auto;max-width:720px;opacity:.8}
.valuesGrid .itemsLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesGrid .valueCard{background:#FFF;padding:48px 36px;border-radius:14px;box-shadow:0 12px 32px #480b1914;transition:all .3s ease;position:relative;overflow:hidden}
.valuesGrid .valueCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#480B19 0%,#F4F177 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.valuesGrid .valueCard:hover::before{transform:scaleX(1)}
.valuesGrid .valueCard:hover{transform:translateY(-8px);box-shadow:0 20px 48px #480b1926}
.valuesGrid .valueCard .iconHolder{width:56px;height:56px;background:linear-gradient(135deg,#480B19 0%,#F4F177 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.valuesGrid .valueCard .iconHolder i{font-size:28px;color:#FFF}
.valuesGrid .valueCard h4{font-size:24px;line-height:1.3;color:#480B19;margin:0 0 16px;font-weight:600}
.valuesGrid .valueCard p{font-size:16px;line-height:1.7;color:#480B19;margin:0;opacity:.8}
.approachTimeline{background:#FFF;padding:100px 24px;position:relative}
.approachTimeline .wrapperBox{max-width:1536px;margin:0 auto}
.approachTimeline .topHeader{text-align:center;margin-bottom:80px}
.approachTimeline .topHeader h3{font-size:44px;line-height:1.2;color:#480B19;margin:0 0 18px;font-weight:700}
.approachTimeline .topHeader p{font-size:18px;line-height:1.6;color:#480B19;margin:0 auto;max-width:680px;opacity:.8}
.approachTimeline .stepsFlow{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}
.approachTimeline .stepsFlow::before{content:'';position:absolute;top:40px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#480B19 0%,#F4F177 50%,#480B19 100%);z-index:0}
.approachTimeline .processStep{position:relative;z-index:1}
.approachTimeline .processStep .stepNumber{width:80px;height:80px;background:#FFF;border:4px solid #480B19;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;font-weight:700;color:#480B19;box-shadow:0 8px 24px #480b191f;transition:all .3s ease}
.approachTimeline .processStep:hover .stepNumber{background:linear-gradient(135deg,#480B19 0%,#F4F177 100%);color:#FFF;border-color:#F4F177;transform:scale(1.1)}
.approachTimeline .processStep h5{font-size:22px;line-height:1.3;color:#480B19;margin:0 0 14px;text-align:center;font-weight:600}
.approachTimeline .processStep p{font-size:16px;line-height:1.6;color:#480B19;margin:0;text-align:center;opacity:.8}
.teamShowcase{background:linear-gradient(145deg,#480B19 0%,#FFF 100%);padding:90px 24px}
.teamShowcase .mainWrap{max-width:1536px;margin:0 auto}
.teamShowcase .headingArea{margin-bottom:60px}
.teamShowcase .headingArea h3{font-size:48px;line-height:1.2;color:#480B19;margin:0 0 16px;font-weight:700}
.teamShowcase .headingArea p{font-size:18px;line-height:1.7;color:#480B19;margin:0;max-width:780px;opacity:.85}
.teamShowcase .profilesArea{display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:start}
.teamShowcase .profileCard{background:#FFF;padding:40px;border-radius:16px;box-shadow:0 16px 40px #480b1926}
.teamShowcase .profileCard img{width:100%;height:340px;object-fit:cover;border-radius:12px;margin-bottom:28px}
.teamShowcase .profileCard h4{font-size:26px;line-height:1.3;color:#480B19;margin:0 0 8px;font-weight:600}
.teamShowcase .profileCard .roleLabel{font-size:17px;line-height:1.4;color:#480B19;margin:0 0 20px;opacity:.7;font-weight:500}
.teamShowcase .profileCard p{font-size:16px;line-height:1.7;color:#480B19;margin:0;opacity:.8}
.teamShowcase .detailsPanel{display:flex;flex-direction:column;gap:36px}
.teamShowcase .infoBlock{background:#FFF;padding:36px 40px;border-radius:14px;box-shadow:0 12px 32px #480b191a;border-left:5px solid #F4F177}
.teamShowcase .infoBlock h5{font-size:22px;line-height:1.3;color:#480B19;margin:0 0 16px;font-weight:600}
.teamShowcase .infoBlock p{font-size:16px;line-height:1.7;color:#480B19;margin:0;opacity:.85}
.teamShowcase .galleryRow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.teamShowcase .galleryRow img{width:100%;height:240px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #480b191f;transition:all .3s ease}
.teamShowcase .galleryRow img:hover{transform:scale(1.05);box-shadow:0 16px 40px #480b1933}
@media (max-width: 1200px) {
.pageIntro .contentWrap{grid-template-columns:1fr;gap:48px}
.pageIntro .textColumn h1{font-size:44px}
.missionSection .innerContainer{flex-direction:column;gap:48px}
.missionSection .visualBlock{flex:0 0 auto;width:100%}
.valuesGrid .itemsLayout{grid-template-columns:repeat(2,1fr)}
.approachTimeline .stepsFlow{grid-template-columns:repeat(2,1fr)}
.approachTimeline .stepsFlow::before{display:none}
.teamShowcase .profilesArea{grid-template-columns:1fr}
.teamShowcase .galleryRow{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.pageIntro{padding:60px 20px 70px}
.pageIntro .textColumn h1{font-size:36px}
.pageIntro .textColumn h2{font-size:22px}
.pageIntro .imageColumn img{height:320px}
.missionSection{padding:70px 20px}
.missionSection .contentBlock h3{font-size:32px}
.valuesGrid{padding:70px 20px}
.valuesGrid .sectionHeader h3{font-size:36px}
.valuesGrid .itemsLayout{grid-template-columns:1fr;gap:28px}
.approachTimeline{padding:70px 20px}
.approachTimeline .topHeader h3{font-size:34px}
.approachTimeline .stepsFlow{grid-template-columns:1fr;gap:40px}
.teamShowcase{padding:70px 20px}
.teamShowcase .headingArea h3{font-size:36px}
.teamShowcase .galleryRow{grid-template-columns:1fr}
}
.titleContainer{max-width:1536px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:40% 1fr;gap:64px;align-items:center;position:relative}
.titleContainer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#480b1905 1px,transparent 1px),linear-gradient(90deg,#480b1905 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.4}
.titleImage-wrap{position:relative;z-index:2}
.titleImage-wrap img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #480b1926}
.titleContent{position:relative;z-index:2}
.titleContent h1{font-size:52px;line-height:1.2;color:#480B19;margin-bottom:24px;font-weight:700}
.titleContent .leadText{font-size:19px;line-height:1.7;color:#2a2a2a;margin-bottom:0}
@media (max-width: 1024px) {
.titleContainer{grid-template-columns:1fr;gap:48px;padding:60px 20px}
.titleContent h1{font-size:42px}
.titleImage-wrap img{height:420px}
}
@media (max-width: 768px) {
.titleContainer{padding:40px 16px}
.titleContent h1{font-size:36px}
.titleImage-wrap img{height:320px}
.titleContent .leadText{font-size:17px}
}
.expectationsBlock{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);padding:96px 0}
.expectationsBlock .blockContainer{max-width:1536px;margin:0 auto;padding:0 24px}
.expectationsBlock h2{font-size:42px;color:#480B19;text-align:center;margin-bottom:56px;font-weight:700}
.expectationsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.expectCard{background:#fff;padding:40px;border-radius:14px;box-shadow:0 6px 24px #480b1914;transition:all .3s ease;position:relative}
.expectCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#480B19 0%,#F4F177 100%);border-radius:14px 0 0 14px;opacity:0;transition:opacity .3s ease}
.expectCard:hover{transform:translateY(-6px);box-shadow:0 12px 40px #480b1924}
.expectCard:hover::before{opacity:1}
.expectCard h3{font-size:24px;color:#480B19;margin-bottom:16px;font-weight:600}
.expectCard .cardText{font-size:16px;line-height:1.6;color:#4a4a4a;margin-bottom:0}
@media (max-width: 1024px) {
.expectationsGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.expectationsBlock{padding:72px 0}
.expectationsBlock h2{font-size:36px;margin-bottom:44px}
}
@media (max-width: 768px) {
.expectationsGrid{grid-template-columns:1fr;gap:24px}
.expectationsBlock{padding:56px 0}
.expectationsBlock h2{font-size:32px}
.expectCard{padding:32px}
}
.preparationSteps{padding:96px 0;background:#fff}
.preparationSteps .stepsContainer{max-width:1536px;margin:0 auto;padding:0 24px}
.preparationSteps h2{font-size:42px;color:#480B19;margin-bottom:64px;font-weight:700}
.stepsLayout{display:grid;grid-template-columns:1fr 450px;gap:80px;align-items:start}
.stepsList{display:flex;flex-direction:column;gap:48px}
.stepItem{display:flex;gap:24px;align-items:flex-start}
.stepNumber{min-width:56px;height:56px;background:linear-gradient(135deg,#480B19 0%,#7a1428 100%);color:#F4F177;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;box-shadow:0 4px 16px #480b1933}
.stepContent h3{font-size:22px;color:#480B19;margin-bottom:12px;font-weight:600}
.stepContent .stepDesc{font-size:16px;line-height:1.6;color:#4a4a4a;margin-bottom:0}
.stepsImage img{width:100%;height:600px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #480b191f;position:sticky;top:100px}
@media (max-width: 1024px) {
.stepsLayout{grid-template-columns:1fr;gap:56px}
.stepsImage img{position:relative;top:0;height:480px}
.preparationSteps{padding:72px 0}
.preparationSteps h2{font-size:36px;margin-bottom:48px}
}
@media (max-width: 768px) {
.preparationSteps{padding:56px 0}
.preparationSteps h2{font-size:32px}
.stepsList{gap:36px}
.stepNumber{min-width:48px;height:48px;font-size:20px}
.stepsImage img{height:360px}
}
.checklist-section{background:linear-gradient(124deg,#480B19 0%,#7a1428 48%,#5a0e1c 100%);padding:96px 0;position:relative}
.checklist-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#F4F177 50%,transparent 100%)}
.checklist-section .checklistContainer{max-width:1536px;margin:0 auto;padding:0 24px}
.checklist-section h2{font-size:42px;color:#F4F177;margin-bottom:56px;font-weight:700;text-align:center}
.checklistGrid{display:flex;flex-direction:column;gap:20px;max-width:960px;margin:0 auto}
.checklistItem{background:#ffffff0d;padding:24px 32px;border-radius:10px;display:flex;align-items:center;gap:24px;border:1px solid #f4f17726;transition:all .3s ease}
.checklistItem:hover{background:#ffffff17;border-color:#f4f17759;transform:translateX(8px)}
.checklistItem::before{content:'✓';font-size:28px;color:#F4F177;font-weight:700;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f4f1771f;border-radius:50%}
.checklistItem .itemText{font-size:18px;line-height:1.5;color:#fff;margin-bottom:0}
@media (max-width: 768px) {
.checklist-section{padding:72px 0}
.checklist-section h2{font-size:32px;margin-bottom:44px}
.checklistItem{padding:20px 24px;gap:16px}
.checklistItem .itemText{font-size:16px}
}
.ctaFinale{padding:120px 0;background:#fff;text-align:center}
.ctaFinale .ctaContainer{max-width:1536px;margin:0 auto;padding:0 24px}
.ctaContent-wrapper{max-width:840px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}
.ctaImageDisplay{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.ctaImageDisplay img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:4px solid #F4F177;box-shadow:0 8px 24px #480b1926}
.ctaContent-wrapper h2{font-size:46px;color:#480B19;margin-bottom:20px;font-weight:700}
.ctaContent-wrapper .ctaMessage{font-size:20px;line-height:1.6;color:#3a3a3a;margin-bottom:0}
.ctaButton{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#480B19 0%,#6a0f20 100%);color:#F4F177;padding:18px 48px;border-radius:12px;font-size:18px;font-weight:600;text-decoration:none;box-shadow:0 8px 24px #480b1940;transition:all .3s ease;margin-top:16px}
.ctaButton:hover{transform:translateY(-3px);box-shadow:0 12px 36px #480b1959;background:linear-gradient(135deg,#5a0e1c 0%,#7a1428 100%)}
@media (max-width: 768px) {
.ctaFinale{padding:80px 0}
.ctaContent-wrapper h2{font-size:36px}
.ctaContent-wrapper .ctaMessage{font-size:18px}
.ctaImageDisplay img{width:140px;height:140px}
.ctaButton{padding:16px 40px;font-size:17px}
}
.topBanner{background:linear-gradient(127deg,#480B19 0%,#6B1228 100%);padding:96px 24px 104px;position:relative;overflow:hidden}
.topBanner::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f4f17714 0%,transparent 70%);border-radius:50%}
.bannerWrapper{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.bannerContent-main h1{font-size:52px;line-height:1.15;color:#FFF;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}
.bannerContent-main p{font-size:19px;line-height:1.6;color:#ffffffe0;margin:0 0 32px}
.bannerCtaGroup{display:flex;gap:16px;flex-wrap:wrap}
.primaryBtn{background:#F4F177;color:#480B19;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 16px #f4f1773d}
.primaryBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f4f1775c;background:#F6F38A}
.secondaryBtn{background:transparent;color:#FFF;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;border:2px solid #ffffff4d;transition:all .3s ease}
.secondaryBtn:hover{border-color:#F4F177;background:#f4f1771a}
.bannerImg-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 24px 48px #0000004d}
.bannerImg-container img{width:100%;height:480px;object-fit:cover;display:block;filter:brightness(1.05) saturate(1.1)}
.flexibilitySection{padding:96px 24px;background:#FAFAFA}
.flexContainer{max-width:1536px;margin:0 auto}
.flexHeader h2{font-size:42px;line-height:1.2;color:#480B19;margin:0 0 16px;font-weight:700}
.flexHeader p{font-size:18px;line-height:1.65;color:#555;margin:0 0 56px;max-width:840px}
.flexGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.flexCard{background:#FFF;padding:40px 32px;border-radius:14px;border:1px solid #E8E8E8;transition:all .35s ease;position:relative}
.flexCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#480B19 0%,#F4F177 100%);transition:height .35s ease;border-radius:14px 0 0 14px}
.flexCard:hover{box-shadow:0 12px 32px #480b191f;transform:translateY(-4px)}
.flexCard:hover::before{height:100%}
.flexCard h3{font-size:22px;color:#480B19;margin:0 0 16px;font-weight:600}
.flexCard p{font-size:16px;line-height:1.7;color:#666;margin:0}
.guaranteeArea{padding:88px 24px;background:linear-gradient(135deg,#480B19 0%,#5D0F20 100%);position:relative}
.guaranteeArea::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#f4f1774d 50%,transparent 100%)}
.guaranteeBox{max-width:1536px;margin:0 auto;display:flex;gap:72px;align-items:center}
.guaranteeVisual{flex:1;position:relative}
.guaranteeVisual img{width:100%;height:440px;object-fit:cover;border-radius:16px;box-shadow:0 16px 48px #0006}
.guaranteeText{flex:1}
.guaranteeText h2{font-size:40px;line-height:1.25;color:#FFF;margin:0 0 24px;font-weight:700}
.guaranteeText p{font-size:17px;line-height:1.7;color:#ffffffd9;margin:0 0 20px}
.guaranteeList{margin:32px 0 0;padding:0;list-style:none}
.guaranteeList li{font-size:16px;color:#ffffffe6;margin:0 0 16px;padding-left:32px;position:relative;line-height:1.6}
.guaranteeList li::before{content:'✓';position:absolute;left:0;color:#F4F177;font-size:20px;font-weight:700}
.developmentZone{padding:96px 24px;background:#FFF}
.devContent{max-width:1536px;margin:0 auto}
.devIntro{text-align:center;margin-bottom:64px}
.devIntro h2{font-size:44px;line-height:1.2;color:#480B19;margin:0 0 20px;font-weight:700}
.devIntro p{font-size:18px;line-height:1.65;color:#555;margin:0 auto;max-width:760px}
.pathwayDisplay{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pathItem{background:#FAFAFA;padding:32px 24px;border-radius:12px;text-align:center;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.pathItem::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#480B19 0%,#F4F177 100%);transform:scaleX(0);transition:transform .3s ease}
.pathItem:hover{background:#FFF;border-color:#F4F177;box-shadow:0 8px 24px #480b1914}
.pathItem:hover::before{transform:scaleX(1)}
.pathNumber{font-size:48px;font-weight:700;color:#480B19;opacity:.15;margin:0 0 12px;line-height:1}
.pathItem h4{font-size:20px;color:#480B19;margin:0 0 12px;font-weight:600}
.pathItem p{font-size:15px;line-height:1.6;color:#666;margin:0}
.interactionBlock{padding:88px 24px;background:#F8F8F8}
.interactionWrap{max-width:1536px;margin:0 auto}
.interactionWrap h2{font-size:42px;line-height:1.2;color:#480B19;margin:0 0 48px;font-weight:700;text-align:center}
.formatGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.formatCard{display:flex;gap:24px;background:#FFF;padding:36px;border-radius:14px;box-shadow:0 4px 16px #0000000a;transition:all .3s ease}
.formatCard:hover{box-shadow:0 12px 32px #480b191a;transform:translateY(-3px)}
.formatIcon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#480B19 0%,#6B1228 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.formatIcon i{font-size:32px;color:#F4F177}
.formatDetails h3{font-size:22px;color:#480B19;margin:0 0 12px;font-weight:600}
.formatDetails p{font-size:16px;line-height:1.7;color:#666;margin:0}
.scheduleSection{padding:96px 24px;background:#FFF}
.scheduleLayout{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.scheduleInfo h2{font-size:44px;line-height:1.2;color:#480B19;margin:0 0 24px;font-weight:700}
.scheduleInfo p{font-size:17px;line-height:1.7;color:#555;margin:0 0 32px}
.timeOptions{display:flex;flex-direction:column;gap:16px}
.timeOption{padding:20px 24px;background:#FAFAFA;border-radius:10px;border-left:4px solid #480B19;transition:all .3s ease}
.timeOption:hover{background:#F4F177;border-left-color:#480B19;transform:translateX(8px)}
.timeOption h4{font-size:18px;color:#480B19;margin:0 0 8px;font-weight:600}
.timeOption p{font-size:15px;line-height:1.6;color:#666;margin:0}
.scheduleVisual img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #480b1926}
.feedbackZone{padding:88px 24px;background:linear-gradient(135deg,#F8F8F8 0%,#FFF 100%)}
.feedbackContainer{max-width:1536px;margin:0 auto}
.feedbackHeader{text-align:center;margin-bottom:56px}
.feedbackHeader h2{font-size:42px;line-height:1.2;color:#480B19;margin:0 0 20px;font-weight:700}
.feedbackHeader p{font-size:18px;line-height:1.65;color:#555;margin:0 auto;max-width:720px}
.testimonialGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.testimonialCard{background:#FFF;padding:40px;border-radius:14px;box-shadow:0 4px 20px #0000000f;position:relative;transition:all .3s ease}
.testimonialCard:hover{box-shadow:0 12px 36px #480b191f}
.testimonialCard::before{content:'"';position:absolute;top:24px;left:32px;font-size:72px;color:#F4F177;opacity:.4;font-family:Georgia,serif;line-height:1}
.testimonialText{font-size:16px;line-height:1.75;color:#555;margin:0 0 24px;position:relative;z-index:2}
.testimonialAuthor{display:flex;align-items:center;gap:16px}
.authorImg{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #F4F177}
.authorInfo h5{font-size:17px;color:#480B19;margin:0 0 4px;font-weight:600}
.authorInfo p{font-size:14px;color:#888;margin:0}
.testimonialLarge{grid-column:1 / -1;background:linear-gradient(135deg,#480B19 0%,#5D0F20 100%);color:#FFF}
.testimonialLarge::before{color:#F4F177;opacity:.2}
.testimonialLarge .testimonialText{color:#ffffffe6;font-size:18px}
.testimonialLarge .authorInfo h5{color:#F4F177}
.testimonialLarge .authorInfo p{color:#ffffffb3}
@media (max-width: 1200px) {
.bannerWrapper{grid-template-columns:1fr;gap:48px}
.flexGrid{grid-template-columns:repeat(2,1fr)}
.pathwayDisplay{grid-template-columns:repeat(2,1fr)}
.scheduleLayout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.topBanner{padding:64px 20px 72px}
.bannerContent-main h1{font-size:36px}
.bannerCtaGroup{flex-direction:column}
.primaryBtn,.secondaryBtn{width:100%;text-align:center}
.bannerImg-container img{height:320px}
.flexibilitySection,.developmentZone,.scheduleSection{padding:64px 20px}
.flexHeader h2,.devIntro h2,.feedbackHeader h2{font-size:32px}
.flexGrid{grid-template-columns:1fr;gap:24px}
.guaranteeArea{padding:64px 20px}
.guaranteeBox{flex-direction:column;gap:40px}
.guaranteeText h2{font-size:32px}
.pathwayDisplay{grid-template-columns:1fr}
.formatGrid{grid-template-columns:1fr;gap:24px}
.scheduleVisual img{height:360px}
.testimonialGrid{grid-template-columns:1fr}
.testimonialLarge{grid-column:auto}
}
.contact-hero{padding:120px 24px 80px;background:linear-gradient(162deg,#480B19 0%,#8B1530 45%,#F4F177 100%);position:relative;overflow:hidden}
.contact-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f4f17726 0%,transparent 70%);border-radius:50%}
.heroContent-wrapper{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.heroText-box{max-width:680px}
.heroText-box h1{font-size:3.2rem;color:#FFF;margin:0 0 24px;line-height:1.15;font-weight:700}
.heroText-box .supportText{font-size:1.125rem;color:#ffffffeb;line-height:1.65;margin:0}
.infoGrid-section{padding:100px 24px;background:#FAFAFA}
.infoGrid-container{max-width:1536px;margin:0 auto}
.infoGrid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.infoCard-item{background:#FFF;padding:40px 32px;border-radius:12px;box-shadow:0 4px 16px #480b190f;transition:all .3s ease}
.infoCard-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #480b191f}
.infoCard-item .iconCircle{width:56px;height:56px;background:linear-gradient(135deg,#480B19 0%,#6B0E1F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.infoCard-item .iconCircle i{font-size:1.5rem;color:#F4F177}
.infoCard-item h3{font-size:1.25rem;color:#480B19;margin:0 0 12px;font-weight:600}
.infoCard-item .detailText{font-size:1rem;color:#4A4A4A;line-height:1.6;margin:0 0 8px}
.infoCard-item a{color:#480B19;text-decoration:none;font-weight:500;transition:color .3s ease}
.infoCard-item a:hover{color:#6B0E1F}
.formSection-wrapper{padding:100px 24px;background:#FFF}
.formSection-container{max-width:1200px;margin:0 auto}
.formIntro-header{text-align:center;margin-bottom:60px}
.formIntro-header h2{font-size:2.5rem;color:#480B19;margin:0 0 16px;font-weight:700}
.formIntro-header .subheadingText{font-size:1.125rem;color:#666;line-height:1.6;max-width:640px;margin:0 auto}
.formGrid-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.formSidebar-content{background:linear-gradient(145deg,#480B19 0%,#6B0E1F 100%);padding:48px 40px;border-radius:16px;color:#FFF}
.formSidebar-content h3{font-size:1.5rem;margin:0 0 24px;font-weight:600}
.formSidebar-content .benefitList{list-style:none;padding:0;margin:0}
.formSidebar-content .benefitList li{padding:16px 0;border-bottom:1px solid #f4f17733;display:flex;align-items:center;font-size:1rem;line-height:1.5}
.formSidebar-content .benefitList li:last-child{border-bottom:none}
.formSidebar-content .benefitList li::before{content:'';width:8px;height:8px;background:#F4F177;border-radius:50%;margin-right:16px;flex-shrink:0}
.contactForm-box{background:#FAFAFA;padding:48px 40px;border-radius:16px}
.formField-group{margin-bottom:28px}
.formField-group label{display:block;font-size:.95rem;color:#480B19;margin-bottom:8px;font-weight:500}
.formField-group input,.formField-group select,.formField-group textarea{width:100%;padding:14px 18px;border:2px solid #E0E0E0;border-radius:10px;font-size:1rem;background:#FFF;transition:all .3s ease;box-sizing:border-box}
.formField-group input:focus,.formField-group select:focus,.formField-group textarea:focus{outline:none;border-color:#480B19;box-shadow:0 0 0 3px #480b191a}
.formField-group textarea{resize:vertical;min-height:120px}
.nameFields-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.privacyCheckbox-wrapper{margin:32px 0 28px}
.privacyCheckbox-wrapper input[type="checkbox"]{width:auto;margin-right:10px;cursor:pointer}
.privacyCheckbox-wrapper label{font-size:.9rem;color:#666;line-height:1.5;cursor:pointer;display:flex;align-items:start}
.privacyCheckbox-wrapper a{color:#480B19;text-decoration:underline}
.submitBtn-container{margin-top:32px}
.submitBtn-container button{background:linear-gradient(135deg,#480B19 0%,#6B0E1F 100%);color:#FFF;border:none;padding:16px 48px;font-size:1.05rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #480b1933}
.submitBtn-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #480b194d}
.hoursSection-block{padding:90px 24px;background:linear-gradient(178deg,#480B19 0%,#F4F177 100%)}
.hoursSection-container{max-width:1100px;margin:0 auto;text-align:center}
.hoursSection-container h2{font-size:2.2rem;color:#FFF;margin:0 0 20px;font-weight:700}
.hoursSection-container .descText{font-size:1.125rem;color:#ffffffe6;margin:0 0 44px;line-height:1.6}
.hoursGrid-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.hourCard-item{background:#ffffff26;backdrop-filter:blur(10px);padding:32px 24px;border-radius:12px;border:1px solid #fff3}
.hourCard-item h4{font-size:1.15rem;color:#FFF;margin:0 0 12px;font-weight:600}
.hourCard-item .timeText{font-size:1rem;color:#ffffffd9;line-height:1.5;margin:0}
.mapAlternative-section{padding:100px 24px;background:#FFF}
.mapAlternative-container{max-width:1200px;margin:0 auto}
.addressDisplay-box{background:linear-gradient(135deg,#FAFAFA 0%,#F5F5F5 100%);padding:60px 50px;border-radius:16px;text-align:center;border:2px solid #E8E8E8}
.addressDisplay-box h2{font-size:2rem;color:#480B19;margin:0 0 32px;font-weight:700}
.locationDetails-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:40px}
.locationDetail-item{padding:24px;background:#FFF;border-radius:10px;box-shadow:0 2px 10px #480b190d}
.locationDetail-item .detailIcon{width:48px;height:48px;background:linear-gradient(135deg,#480B19 0%,#6B0E1F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.locationDetail-item .detailIcon i{font-size:1.3rem;color:#F4F177}
.locationDetail-item h4{font-size:1.1rem;color:#480B19;margin:0 0 8px;font-weight:600}
.locationDetail-item .infoText{font-size:.95rem;color:#666;line-height:1.5;margin:0}
.addressText-large{font-size:1.3rem;color:#480B19;margin:0;font-weight:600;line-height:1.6}
@media (max-width: 1024px) {
.formGrid-layout{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.contact-hero{padding:80px 20px 60px}
.heroText-box h1{font-size:2.2rem}
.formIntro-header h2{font-size:2rem}
.nameFields-row{grid-template-columns:1fr}
.contactForm-box{padding:32px 24px}
.formSidebar-content{padding:32px 24px}
.hoursSection-container h2{font-size:1.8rem}
}
@media (max-width: 480px) {
.heroText-box h1{font-size:1.8rem}
.formIntro-header h2{font-size:1.6rem}
.infoGrid-layout{grid-template-columns:1fr}
.addressDisplay-box{padding:40px 24px}
}
.programHeader{background:linear-gradient(135deg,#480B19 0%,#2d0610 100%);padding:80px 20px;position:relative;overflow:hidden}
.programHeader::before{content:'';position:absolute;top:50%;left:50%;width:400px;height:400px;background:radial-gradient(circle,#f4f1771a 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}
.header-container{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.headerText h1{font-size:48px;line-height:1.2;color:#FFF;margin:0 0 40px;font-weight:700}
.headerText .dotSeparator{display:flex;gap:8px;margin:40px 0;opacity:.6}
.headerText .dotSeparator span{width:6px;height:6px;background:#F4F177;border-radius:50%}
.headerText p{font-size:18px;line-height:1.7;color:#ffffffd9;margin:0}
.headerImage{position:relative}
.headerImage img{width:100%;height:420px;object-fit:cover;border-radius:12px;opacity:.7;filter:grayscale(20%)}
.curriculumLayout{padding:100px 20px;background:#FFF}
.curriculum-wrapper{max-width:1536px;margin:0 auto}
.curriculumLayout h2{font-size:36px;color:#480B19;margin:0 0 50px;text-align:center}
.moduleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.moduleCard{background:linear-gradient(145deg,#f9f9f9 0%,#fff 100%);padding:40px 30px;border-radius:10px;box-shadow:0 4px 20px #480b1914;transition:all .3s ease;position:relative}
.moduleCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #480b1926}
.moduleCard h3{font-size:22px;color:#480B19;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.moduleCard h3::before{content:'';width:8px;height:8px;background:#F4F177;border-radius:50%;flex-shrink:0}
.moduleCard p{font-size:16px;line-height:1.6;color:#333;margin:0 0 20px}
.moduleCard ul{list-style:none;padding:0;margin:0}
.moduleCard ul li{font-size:15px;line-height:1.8;color:#555;padding-left:20px;position:relative;margin-bottom:8px}
.moduleCard ul li::before{content:'→';position:absolute;left:0;color:#F4F177;font-weight:700}
.learningPath{background:linear-gradient(180deg,#fafafa 0%,#fff 100%);padding:90px 20px}
.path-container{max-width:1536px;margin:0 auto}
.pathIntro{max-width:800px;margin:0 auto 60px;text-align:center}
.pathIntro h2{font-size:38px;color:#480B19;margin:0 0 24px}
.pathIntro p{font-size:17px;line-height:1.7;color:#444;margin:0}
.pathTimeline{position:relative;padding:40px 0}
.pathTimeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#480B19 0%,#F4F177 100%);transform:translateX(-50%)}
.timelineItem{display:grid;grid-template-columns:1fr 80px 1fr;gap:40px;margin-bottom:50px;position:relative}
.timelineItem:nth-child(even) .itemLeft{grid-column:3;text-align:left}
.timelineItem:nth-child(even) .itemRight{grid-column:1;text-align:right}
.timelineItem:nth-child(even) .itemCenter{grid-column:2}
.itemLeft,.itemRight{padding:30px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #480b191a}
.itemLeft h4,.itemRight h4{font-size:20px;color:#480B19;margin:0 0 16px}
.itemLeft p,.itemRight p{font-size:15px;line-height:1.7;color:#555;margin:0}
.itemCenter{display:flex;align-items:center;justify-content:center}
.phaseMarker{width:50px;height:50px;background:#F4F177;border:4px solid #480B19;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#480B19;font-size:18px;z-index:2;position:relative}
.instructorSection{padding:100px 20px;background:#fff}
.instructor-wrapper{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:80px;align-items:start}
.instructorGallery{display:flex;flex-direction:column;gap:20px}
.instructorGallery img{width:100%;height:200px;object-fit:cover;border-radius:10px;box-shadow:0 8px 24px #480b191f}
.instructorContent h2{font-size:40px;color:#480B19;margin:0 0 30px;position:relative;padding-bottom:20px}
.instructorContent h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#F4F177 0%,transparent 100%)}
.instructorContent p{font-size:17px;line-height:1.8;color:#333;margin:0 0 24px}
.instructorBio{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);padding:35px;border-radius:12px;border-left:5px solid #F4F177;margin-top:30px}
.instructorBio h5{font-size:18px;color:#480B19;margin:0 0 16px}
.instructorBio p{font-size:16px;line-height:1.7;color:#555;margin:0}
.enrollmentBlock{background:linear-gradient(135deg,#480B19 0%,#6b1127 100%);padding:90px 20px;position:relative;overflow:hidden}
.enrollmentBlock::after{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#f4f17726 0%,transparent 70%);pointer-events:none}
.enrollment-container{max-width:1536px;margin:0 auto;text-align:center;position:relative;z-index:2}
.enrollment-container h2{font-size:42px;color:#FFF;margin:0 0 20px}
.enrollment-container p{font-size:18px;line-height:1.7;color:#ffffffe6;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto}
.enrollActions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.enrollActions a{padding:18px 45px;font-size:17px;font-weight:600;border-radius:10px;text-decoration:none;transition:all .3s ease;display:inline-block;cursor:pointer;box-shadow:0 6px 20px #00000026}
.enrollActions a:first-child{background:#F4F177;color:#480B19}
.enrollActions a:first-child:hover{background:#fffaa0;transform:translateY(-3px);box-shadow:0 10px 28px #f4f17766}
.enrollActions a:last-child{background:transparent;color:#FFF;border:2px solid #FFF}
.enrollActions a:last-child:hover{background:#ffffff1a;transform:translateY(-3px)}
@media (max-width: 1024px) {
.header-container{grid-template-columns:1fr;gap:40px}
.headerText h1{font-size:38px}
.moduleGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.pathTimeline::before{left:20px}
.timelineItem{grid-template-columns:60px 1fr;gap:20px}
.timelineItem:nth-child(even) .itemLeft{grid-column:2;text-align:left}
.timelineItem:nth-child(even) .itemRight{grid-column:2;text-align:left}
.itemLeft,.itemRight{grid-column:2}
.itemCenter{grid-column:1}
.instructor-wrapper{grid-template-columns:1fr;gap:50px}
.instructorGallery{flex-direction:row}
.instructorGallery img{height:180px}
}
@media (max-width: 768px) {
.programHeader{padding:60px 20px}
.headerText h1{font-size:32px;margin-bottom:30px}
.headerText p{font-size:16px}
.headerImage img{height:320px}
.curriculumLayout{padding:70px 20px}
.moduleGrid{grid-template-columns:1fr}
.learningPath{padding:70px 20px}
.pathIntro h2{font-size:30px}
.instructorSection{padding:70px 20px}
.instructorContent h2{font-size:32px}
.instructorGallery{flex-direction:column}
.instructorGallery img{height:220px}
.enrollmentBlock{padding:70px 20px}
.enrollment-container h2{font-size:34px}
.enrollActions{flex-direction:column;align-items:stretch}
.enrollActions a{width:100%;text-align:center}
}
.successConfirm{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(158deg,#fafafa 0%,#f5f5f5 100%);padding:60px 24px;position:relative;overflow:hidden}
.successConfirm::before{content:'';position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,#f4f1771f 0%,transparent 70%);border-radius:50%}
.successConfirm::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,#480b190f 0%,transparent 70%);border-radius:50%}
.confirmationWrap{max-width:720px;width:100%;background:#fff;border-radius:12px;padding:72px 56px;box-shadow:0 8px 28px #480b1914 0 2px 8px #480b190a;text-align:center;position:relative;z-index:2}
.statusIcon{width:88px;height:88px;margin:0 auto 32px;background:linear-gradient(135deg,#480B19 0%,#6B1228 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.statusIcon::before{content:'';position:absolute;width:104px;height:104px;border:2px solid #f4f1774d;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.statusIcon svg{width:44px;height:44px;fill:#F4F177}
.confirmationWrap h1{font-size:36px;line-height:1.25;color:#480B19;margin:0 0 20px;font-weight:700}
.confirmMessage{font-size:17px;line-height:1.65;color:#4a4a4a;margin:0 0 40px;max-width:520px;margin-left:auto;margin-right:auto}
.nextStepsArea{background:linear-gradient(124deg,#480b1908 0%,#f4f17714 100%);border-radius:10px;padding:36px 40px;margin:40px 0 32px;border-left:4px solid #480B19}
.nextStepsArea h2{font-size:22px;color:#480B19;margin:0 0 16px;font-weight:600;text-align:left}
.stepsList{list-style:none;padding:0;margin:0;text-align:left}
.stepsList li{font-size:16px;line-height:1.7;color:#3d3d3d;margin:0 0 14px;padding-left:32px;position:relative}
.stepsList li:last-child{margin-bottom:0}
.stepsList li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:linear-gradient(135deg,#480B19 0%,#6B1228 100%);border-radius:50%}
.stepsList li::after{content:'';position:absolute;left:6px;top:12px;width:6px;height:6px;background:#F4F177;border-radius:50%}
.actionButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.mainBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#480B19 0%,#6B1228 100%);color:#fff;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #480b1933}
.mainBtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #480b1947}
.secondaryBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#480B19;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;border:2px solid #480B19;transition:all .3s ease}
.secondaryBtn:hover{background:#480b190d;border-color:#6B1228}
.contactInfo{margin-top:48px;padding-top:32px;border-top:1px solid #480b191f}
.contactInfo p{font-size:15px;line-height:1.6;color:#666;margin:0 0 12px}
.contactDetails{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.contactDetails a{display:inline-flex;align-items:center;gap:8px;color:#480B19;text-decoration:none;font-size:15px;font-weight:500;transition:opacity .25s ease}
.contactDetails a:hover{opacity:.7}
.contactDetails svg{width:18px;height:18px;fill:#480B19}
@media (max-width: 768px) {
.successConfirm{padding:40px 20px;min-height:75vh}
.confirmationWrap{padding:48px 32px}
.confirmationWrap h1{font-size:28px}
.confirmMessage{font-size:16px}
.nextStepsArea{padding:28px 24px}
.nextStepsArea h2{font-size:20px}
.actionButtons{flex-direction:column}
.mainBtn,.secondaryBtn{width:100%;justify-content:center}
.contactDetails{flex-direction:column;gap:12px}
}
@media (max-width: 480px) {
.confirmationWrap{padding:36px 24px}
.statusIcon{width:72px;height:72px}
.statusIcon svg{width:36px;height:36px}
.statusIcon::before{width:88px;height:88px}
.confirmationWrap h1{font-size:24px}
.stepsList li{padding-left:28px;font-size:15px}
}