*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#2d2d2d;background:#fafafa;overflow-x:hidden}
.headerWrap{background:linear-gradient(135deg,#f5f5f5 0%,#fff 50%,#f8f8f8 100%);padding:24px 0;box-shadow:0 4px 12px #6e1d2214}
.headerWrap .topRow{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:flex-start}
.headerWrap .logoHolder{background:#ffffffe6;padding:12px;border-radius:20px;box-shadow:0 3px 8px #563f1e1f}
.headerWrap .siteLogo{height:85px;width:85px;display:block}
.headerWrap .middleRow{max-width:1200px;margin:0 auto;padding:18px 20px 18px 140px;display:flex;justify-content:center}
.headerWrap .brandName{text-align:center}
.headerWrap .brandName h1{font-size:2rem;font-weight:700;color:#6E1D22;margin-bottom:6px;letter-spacing:.5px}
.headerWrap .taglineText{font-size:.95rem;color:#563F1E;font-weight:400}
.headerWrap .bottomRow{max-width:1200px;margin:0 auto;padding:0 20px 0 210px;display:flex;justify-content:flex-end}
.headerWrap .mainNav{background:linear-gradient(120deg,#b4a04c26 0%,#6e1d221a 100%);padding:14px 28px;border-radius:24px}
.headerWrap .navList{list-style:none;display:flex;gap:36px;align-items:center}
.headerWrap .navLink{text-decoration:none;color:#563F1E;font-weight:600;font-size:1.05rem;padding:8px 16px;border-radius:16px;transition:background .25s ease,color .25s ease;display:block}
.headerWrap .navLink:hover{background:#6e1d2214;color:#6E1D22}
@media (max-width: 1024px) {
.headerWrap .middleRow{padding-left:80px}
.headerWrap .bottomRow{padding-left:120px}
.headerWrap .navList{gap:24px}
}
@media (max-width: 768px) {
.headerWrap .topRow,.headerWrap .middleRow,.headerWrap .bottomRow{padding-left:20px;justify-content:flex-start}
.headerWrap .brandName{text-align:left}
.headerWrap .brandName h1{font-size:1.6rem}
.headerWrap .taglineText{font-size:.88rem}
.headerWrap .mainNav{padding:12px 20px}
.headerWrap .navList{flex-direction:column;gap:12px;align-items:flex-start}
.headerWrap .navLink{width:100%;padding:10px 14px}
}
@media (max-width: 480px) {
.headerWrap .siteLogo{height:65px;width:65px}
.headerWrap .brandName h1{font-size:1.4rem}
}
.footerWrap{background:linear-gradient(155deg,#e8e8e8 0%,#f2f2f2 100%);margin-top:60px;position:relative}
.footerWrap .waveSection{position:relative;width:100%;overflow:hidden;line-height:0}
.footerWrap .waveDivider{display:block;width:100%;height:80px;fill:#6E1D22;opacity:.15}
.footerWrap .footerContent{max-width:1200px;margin:0 auto;padding:50px 20px 30px}
.footerWrap .geographyInfo{margin-bottom:36px}
.footerWrap .geographyInfo h3{font-size:1.5rem;color:#6E1D22;margin-bottom:14px;font-weight:700}
.footerWrap .geographyInfo p{font-size:1rem;color:#563F1E;line-height:1.7;max-width:800px}
.footerWrap .contactBlock{display:flex;flex-wrap:wrap;gap:28px;margin-bottom:32px}
.footerWrap .contactItem{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#563F1E}
.footerWrap .contactItem i{color:#B4A04C;font-size:1.2rem}
.footerWrap .footerNav{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.footerWrap .footerLink{text-decoration:none;color:#563F1E;font-weight:600;padding:6px 12px;border-radius:12px;transition:background .25s ease}
.footerWrap .footerLink:hover{background:#b4a04c26}
.footerWrap .copyrightText{border-top:2px solid #6e1d221f;padding-top:20px;text-align:center}
.footerWrap .copyrightText p{font-size:.9rem;color:#563F1E}
@media (max-width: 768px) {
.footerWrap .contactBlock{flex-direction:column;gap:16px}
.footerWrap .footerNav{flex-direction:column;gap:12px}
.footerWrap .geographyInfo h3{font-size:1.3rem}
}
.cookiePopup{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(100%);width:420px;max-width:90vw;background:linear-gradient(125deg,#fff 0%,#f9f9f9 100%);border-radius:28px 0 0 28px;box-shadow:-6px 8px 24px #6e1d222e;z-index:9999;transition:transform .4s cubic-bezier(0.4,0,0.2,1);display:none}
.cookiePopup.showPopup{transform:translateY(-50%) translateX(0)}
.cookiePopup .cookieContent{padding:32px 28px}
.cookiePopup .cookieTitle{font-size:1.4rem;color:#6E1D22;margin-bottom:12px;font-weight:700}
.cookiePopup .cookieDesc{font-size:.92rem;color:#563F1E;margin-bottom:24px;line-height:1.6}
.cookiePopup .cookieCategories{margin-bottom:26px}
.cookiePopup .categoryItem{margin-bottom:18px;padding:14px;background:#b4a04c14;border-radius:16px}
.cookiePopup .categoryLabel{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#2d2d2d;margin-bottom:6px}
.cookiePopup .categoryCheck{width:20px;height:20px;cursor:pointer}
.cookiePopup .categoryDesc{font-size:.85rem;color:#563F1E;margin-left:30px;line-height:1.5}
.cookiePopup .policyLink{color:#B4A04C;text-decoration:underline}
.cookiePopup .policyLink:hover{color:#6E1D22}
.cookiePopup .cookieActions{display:flex;flex-direction:column;gap:12px}
.cookiePopup .cookieBtn{width:100%;padding:12px 20px;border:none;border-radius:18px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:'Montserrat',sans-serif}
.cookiePopup .acceptBtn{background:linear-gradient(120deg,#6E1D22 0%,#8a2329 100%);color:#fff;box-shadow:0 4px 12px #6e1d2240}
.cookiePopup .acceptBtn:hover{background:linear-gradient(120deg,#8a2329 0%,#6E1D22 100%);box-shadow:0 6px 16px #6e1d2259}
.cookiePopup .declineBtn{background:linear-gradient(120deg,#B4A04C 0%,#c9b563 100%);color:#2d2d2d;box-shadow:0 4px 12px #b4a04c40}
.cookiePopup .declineBtn:hover{background:linear-gradient(120deg,#c9b563 0%,#B4A04C 100%);box-shadow:0 6px 16px #b4a04c59}
.cookiePopup .optOutBtn{background:linear-gradient(120deg,#563F1E 0%,#6d4f26 100%);color:#fff;box-shadow:0 4px 12px #563f1e40}
.cookiePopup .optOutBtn:hover{background:linear-gradient(120deg,#6d4f26 0%,#563F1E 100%);box-shadow:0 6px 16px #563f1e59}
@media (max-width: 480px) {
.cookiePopup{width:95vw;right:2.5vw;border-radius:24px;transform:translateY(-50%) scale(0.8);opacity:0}
.cookiePopup.showPopup{transform:translateY(-50%) scale(1);opacity:1}
.cookiePopup .cookieContent{padding:24px 20px}
.cookiePopup .cookieTitle{font-size:1.2rem}
.cookiePopup .cookieDesc{font-size:.88rem}
}
.policy-inner{max-width:1200px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#fff 0%,#f8f6f4 100%);border-radius:24px;box-shadow:0 8px 20px #6e1d2214}
.policy-inner h1{font-size:48px;line-height:1.2;color:#6E1D22;margin:0 0 40px;font-weight:700;padding-bottom:20px;border-bottom:3px solid #B4A04C}
.policy-inner h2{font-size:36px;line-height:1.3;color:#563F1E;margin:60px 0 24px;font-weight:600}
.policy-inner h3{font-size:28px;line-height:1.4;color:#6E1D22;margin:40px 0 20px;font-weight:600}
.policy-inner h4{font-size:22px;line-height:1.4;color:#563F1E;margin:32px 0 16px;font-weight:600}
.policy-inner h5{font-size:18px;line-height:1.5;color:#6E1D22;margin:24px 0 12px;font-weight:600}
.policy-inner h6{font-size:16px;line-height:1.5;color:#563F1E;margin:20px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.policy-inner p{font-size:17px;line-height:1.8;color:#2d2d2d;margin:0 0 20px}
.policy-inner ul{list-style:none;padding:0;margin:0 0 24px}
.policy-inner ul li{font-size:17px;line-height:1.8;color:#2d2d2d;margin:0 0 12px;padding-left:32px;position:relative}
.policy-inner ul li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:linear-gradient(135deg,#B4A04C 0%,#6E1D22 100%);border-radius:50%}
.policy-inner ol{padding:0;margin:0 0 24px;counter-reset:policy-counter;list-style:none}
.policy-inner ol li{font-size:17px;line-height:1.8;color:#2d2d2d;margin:0 0 12px;padding-left:40px;position:relative;counter-increment:policy-counter}
.policy-inner ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;font-weight:600;color:#6E1D22;font-size:16px}
.policy-inner ul ul,.policy-inner ol ul,.policy-inner ul ol,.policy-inner ol ol{margin:12px 0 12px 20px}
.policy-inner em,.policy-inner i{font-style:italic;color:#563F1E}
.policy-inner strong{font-weight:600;color:#6E1D22}
.policy-inner a{color:#6E1D22;text-decoration:none;border-bottom:2px solid #B4A04C;transition:all .3s ease;font-weight:500}
.policy-inner a:hover{color:#B4A04C;border-bottom-color:#6E1D22}
.policy-inner table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #6e1d221a}
.policy-inner thead{background:linear-gradient(135deg,#6E1D22 0%,#563F1E 100%)}
.policy-inner thead tr th{padding:16px 20px;text-align:left;font-size:16px;font-weight:600;color:#fff;border-bottom:2px solid #B4A04C}
.policy-inner tbody{background:#fff}
.policy-inner tbody tr{transition:background .3s ease}
.policy-inner tbody tr:nth-child(even){background:#f9f8f7}
.policy-inner tbody tr:hover{background:#f5f3f0}
.policy-inner tbody tr td{padding:14px 20px;font-size:16px;line-height:1.6;color:#2d2d2d;border-bottom:1px solid #e8e6e3}
.policy-inner tbody tr:last-child td{border-bottom:none}
.policy-inner th{font-weight:600}
@media (max-width: 1024px) {
.policy-inner{padding:60px 24px;border-radius:20px}
.policy-inner h1{font-size:38px;margin-bottom:32px}
.policy-inner h2{font-size:30px;margin:48px 0 20px}
.policy-inner h3{font-size:24px;margin:36px 0 16px}
.policy-inner h4{font-size:20px}
.policy-inner table{font-size:15px}
.policy-inner thead tr th{padding:12px 16px;font-size:15px}
.policy-inner tbody tr td{padding:12px 16px;font-size:15px}
}
@media (max-width: 640px) {
.policy-inner{padding:40px 16px;border-radius:16px}
.policy-inner h1{font-size:32px;margin-bottom:24px;padding-bottom:16px}
.policy-inner h2{font-size:26px;margin:36px 0 16px}
.policy-inner h3{font-size:22px;margin:28px 0 14px}
.policy-inner h4{font-size:19px;margin:24px 0 12px}
.policy-inner h5{font-size:17px}
.policy-inner h6{font-size:15px}
.policy-inner p{font-size:16px;line-height:1.7}
.policy-inner ul li,.policy-inner ol li{font-size:16px;line-height:1.7;padding-left:28px}
.policy-inner ol li{padding-left:36px}
.policy-inner table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px -16px;border-radius:0}
.policy-inner thead tr th,.policy-inner tbody tr td{padding:10px 12px;font-size:14px;white-space:nowrap}
}
.titleFrame{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(142deg,#6E1D22 0%,#563F1E 100%);overflow:hidden;margin-bottom:80px}
.titleFrame::before{content:'';position:absolute;width:380px;height:380px;background:#b4a04c1f;border-radius:50%;top:-120px;left:-80px;z-index:1}
.titleFrame::after{content:'';position:absolute;width:280px;height:280px;background:#b4a04c14;border-radius:50%;bottom:-90px;right:120px;z-index:1}
.titleFrame .imgHolder{position:absolute;right:0;top:0;bottom:0;width:55%;z-index:2}
.titleFrame .imgHolder::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#6e1d22b3 100%);z-index:2}
.titleFrame .imgHolder img{width:100%;height:100%;object-fit:cover}
.titleFrame .contentWrap{position:relative;z-index:3;max-width:1200px;width:100%;margin:0 auto;padding:60px 20px}
.titleFrame .textColumn{max-width:520px;color:#fff}
.titleFrame .textColumn h1{font-size:3rem;line-height:1.2;margin:0 0 24px;font-weight:700}
.titleFrame .textColumn .leadText{font-size:1.15rem;line-height:1.7;margin-bottom:32px;color:#ffffffeb}
.titleFrame .buttonGroup{display:flex;gap:16px;flex-wrap:wrap}
.titleFrame .primaryBtn{display:inline-block;padding:16px 36px;background:#B4A04C;color:#fff;text-decoration:none;border-radius:24px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #b4a04c4d}
.titleFrame .primaryBtn:hover{background:#c5b160;transform:translateY(-2px);box-shadow:0 8px 24px #b4a04c66}
.titleFrame .secondaryBtn{display:inline-block;padding:16px 36px;background:transparent;color:#fff;text-decoration:none;border-radius:24px;font-weight:600;border:2px solid #fff6;transition:all .3s ease}
.titleFrame .secondaryBtn:hover{border-color:#fff;background:#ffffff1a}
.feedbackZone{max-width:1200px;margin:0 auto 90px;padding:0 20px}
.feedbackZone .sectionLabel{text-align:center;margin-bottom:56px}
.feedbackZone .sectionLabel h2{font-size:2.4rem;color:#6E1D22;margin:0 0 16px;position:relative;display:inline-block}
.feedbackZone .sectionLabel h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#B4A04C,#563F1E);border-radius:2px}
.feedbackZone .sectionLabel p{font-size:1.05rem;color:#555;margin:0;max-width:640px;margin:0 auto;line-height:1.6}
.feedbackZone .optionsLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.feedbackZone .optionCard{background:#fff;border-radius:20px;padding:36px 28px;box-shadow:0 4px 16px #6e1d2214;transition:all .35s ease;border:1px solid #6e1d220f}
.feedbackZone .optionCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #6e1d2224}
.feedbackZone .optionCard .iconBox{width:64px;height:64px;background:linear-gradient(135deg,#B4A04C,#c5b160);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 12px #b4a04c40}
.feedbackZone .optionCard .iconBox i{font-size:28px;color:#fff}
.feedbackZone .optionCard h3{font-size:1.4rem;color:#6E1D22;margin:0 0 12px}
.feedbackZone .optionCard p{font-size:.98rem;color:#666;line-height:1.7;margin:0 0 20px}
.feedbackZone .optionCard .linkAction{color:#563F1E;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .3s ease}
.feedbackZone .optionCard .linkAction:hover{gap:10px}
.feedbackZone .optionCard .linkAction i{font-size:14px}
.opportunitiesBlock{background:linear-gradient(156deg,#f9f6f0 0%,#fdfbf7 100%);padding:80px 20px;margin-bottom:90px}
.opportunitiesBlock .innerBox{max-width:1200px;margin:0 auto}
.opportunitiesBlock .topRow{display:flex;gap:48px;align-items:flex-start;margin-bottom:56px}
.opportunitiesBlock .topRow .textSide{flex:1}
.opportunitiesBlock .topRow .textSide h2{font-size:2.2rem;color:#6E1D22;margin:0 0 20px;line-height:1.3}
.opportunitiesBlock .topRow .textSide p{font-size:1.05rem;color:#555;line-height:1.7;margin:0}
.opportunitiesBlock .topRow .imageSide{flex:1;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #6e1d221f}
.opportunitiesBlock .topRow .imageSide img{width:100%;height:340px;object-fit:cover}
.opportunitiesBlock .itemsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.opportunitiesBlock .toolItem{background:#fff;border-radius:18px;padding:32px;display:flex;gap:20px;box-shadow:0 4px 14px #563f1e12;transition:all .3s ease}
.opportunitiesBlock .toolItem:hover{box-shadow:0 8px 20px #563f1e24}
.opportunitiesBlock .toolItem .numberTag{width:48px;height:48px;background:linear-gradient(135deg,#563F1E,#6E1D22);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}
.opportunitiesBlock .toolItem .itemContent h4{font-size:1.25rem;color:#6E1D22;margin:0 0 10px}
.opportunitiesBlock .toolItem .itemContent p{font-size:.95rem;color:#666;line-height:1.6;margin:0}
.learningToolsArea{max-width:1200px;margin:0 auto 90px;padding:0 20px}
.learningToolsArea .headerRow{text-align:center;margin-bottom:48px}
.learningToolsArea .headerRow h2{font-size:2.3rem;color:#6E1D22;margin:0 0 16px}
.learningToolsArea .headerRow .subtitle{font-size:1.08rem;color:#555;margin:0;line-height:1.6}
.learningToolsArea .toolsDisplay{display:flex;gap:32px;align-items:center}
.learningToolsArea .toolsDisplay .imgColumn{flex:1;border-radius:24px;overflow:hidden;box-shadow:0 10px 32px #6e1d221f}
.learningToolsArea .toolsDisplay .imgColumn img{width:100%;height:400px;object-fit:cover}
.learningToolsArea .toolsDisplay .accessList{flex:1}
.learningToolsArea .accessItem{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 3px 12px #b4a04c1a;border-left:4px solid #B4A04C;transition:all .3s ease}
.learningToolsArea .accessItem:hover{transform:translateX(6px);box-shadow:0 6px 18px #b4a04c2e}
.learningToolsArea .accessItem h4{font-size:1.2rem;color:#563F1E;margin:0 0 10px;display:flex;align-items:center;gap:10px}
.learningToolsArea .accessItem h4 i{color:#B4A04C;font-size:20px}
.learningToolsArea .accessItem p{font-size:.96rem;color:#666;line-height:1.6;margin:0}
.progressSection{background:linear-gradient(168deg,#6E1D22 0%,#563F1E 100%);padding:80px 20px;color:#fff;position:relative;overflow:hidden}
.progressSection::before{content:'';position:absolute;width:420px;height:420px;background:#b4a04c1a;border-radius:50%;top:-140px;right:-100px}
.progressSection .contentContainer{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.progressSection .topIntro{text-align:center;margin-bottom:56px}
.progressSection .topIntro h2{font-size:2.4rem;margin:0 0 18px}
.progressSection .topIntro p{font-size:1.1rem;margin:0;opacity:.9;line-height:1.7}
.progressSection .metricsWrap{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.progressSection .metricBox{background:#ffffff14;border-radius:20px;padding:36px 24px;text-align:center;backdrop-filter:blur(10px);border:1px solid #ffffff1f;transition:all .35s ease}
.progressSection .metricBox:hover{background:#ffffff24;transform:translateY(-4px)}
.progressSection .metricBox .iconCircle{width:72px;height:72px;background:linear-gradient(135deg,#B4A04C,#c5b160);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 6px 18px #b4a04c4d}
.progressSection .metricBox .iconCircle i{font-size:32px;color:#fff}
.progressSection .metricBox .statNumber{font-size:2.6rem;font-weight:700;margin:0 0 8px;color:#B4A04C}
.progressSection .metricBox .statLabel{font-size:1.05rem;margin:0;opacity:.92}
.credibilityZone{max-width:1200px;margin:90px auto;padding:0 20px}
.credibilityZone .introHeader{text-align:center;margin-bottom:52px}
.credibilityZone .introHeader h2{font-size:2.3rem;color:#6E1D22;margin:0 0 16px}
.credibilityZone .introHeader p{font-size:1.06rem;color:#555;margin:0;line-height:1.6}
.credibilityZone .splitLayout{display:flex;gap:40px;align-items:stretch}
.credibilityZone .splitLayout .visualColumn{flex:1;display:flex;flex-direction:column;gap:24px}
.credibilityZone .splitLayout .visualColumn .imageBox{border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #563f1e1f;flex:1}
.credibilityZone .splitLayout .visualColumn .imageBox img{width:100%;height:100%;min-height:280px;object-fit:cover}
.credibilityZone .splitLayout .detailsColumn{flex:1;display:flex;flex-direction:column;gap:20px}
.credibilityZone .evidenceCard{background:linear-gradient(135deg,#fff,#f9f6f0);border-radius:18px;padding:28px;box-shadow:0 4px 16px #6e1d2214;border:1px solid #b4a04c26}
.credibilityZone .evidenceCard h4{font-size:1.3rem;color:#6E1D22;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.credibilityZone .evidenceCard h4 i{color:#B4A04C;font-size:22px}
.credibilityZone .evidenceCard p{font-size:.97rem;color:#666;line-height:1.7;margin:0 0 16px}
.credibilityZone .evidenceCard .dataHighlight{display:inline-block;background:#b4a04c26;color:#563F1E;padding:6px 16px;border-radius:12px;font-weight:600;font-size:.92rem}
@media (max-width: 1024px) {
.titleFrame{min-height:460px}
.titleFrame .imgHolder{width:50%}
.titleFrame .textColumn h1{font-size:2.4rem}
.feedbackZone .optionsLayout{grid-template-columns:repeat(2,1fr)}
.opportunitiesBlock .topRow{flex-direction:column}
.opportunitiesBlock .itemsGrid{grid-template-columns:1fr}
.learningToolsArea .toolsDisplay{flex-direction:column}
.progressSection .metricsWrap{grid-template-columns:repeat(2,1fr)}
.credibilityZone .splitLayout{flex-direction:column}
}
@media (max-width: 640px) {
.titleFrame{min-height:540px}
.titleFrame .imgHolder{width:100%;opacity:.3}
.titleFrame .textColumn{max-width:100%}
.titleFrame .textColumn h1{font-size:2rem}
.titleFrame .buttonGroup{flex-direction:column}
.titleFrame .primaryBtn,.titleFrame .secondaryBtn{text-align:center}
.feedbackZone .sectionLabel h2{font-size:2rem}
.feedbackZone .optionsLayout{grid-template-columns:1fr}
.opportunitiesBlock{padding:60px 20px}
.opportunitiesBlock .topRow .textSide h2{font-size:1.8rem}
.learningToolsArea .headerRow h2{font-size:1.9rem}
.learningToolsArea .toolsDisplay .imgColumn img{height:280px}
.progressSection{padding:60px 20px}
.progressSection .topIntro h2{font-size:2rem}
.progressSection .metricsWrap{grid-template-columns:1fr;gap:20px}
.credibilityZone .introHeader h2{font-size:1.9rem}
}
.topBanner{position:relative;background:linear-gradient(127deg,#6E1D22 0%,#B4A04C 55%,#563F1E 100%);padding:80px 20px;overflow:hidden}
.topBanner .contentWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:200px 1fr 200px;gap:40px;align-items:center}
.topBanner .sideShape{width:100%;height:280px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(180deg,#6e1d22e6 0%,transparent 30%,transparent 70%,#563f1ed9 100%),linear-gradient(45deg,#B4A04C 0%,#6E1D22 100%)}
.topBanner .sideShape::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:#ffffff14;border-radius:50%}
.topBanner .textHolder{text-align:center;color:#fff;padding:0 20px}
.topBanner .textHolder h1{font-size:2.8rem;margin:0 0 16px;font-weight:700;line-height:1.2}
.topBanner .textHolder .sublineText{font-size:1.3rem;font-weight:500;margin:0 0 12px;opacity:.95}
.topBanner .textHolder .detailLine{font-size:1.1rem;font-weight:400;margin:0;opacity:.88}
.topBanner .floatDecor{position:absolute;width:60px;height:60px;border:3px solid #ffffff26;border-radius:50%;top:30px;right:80px}
.topBanner .floatDecor:nth-child(2){width:40px;height:40px;top:auto;bottom:50px;right:auto;left:100px;border-radius:16px}
.contactMainSection{background:#fafafa;padding:90px 20px}
.contactMainSection .innerBox{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.contactDetails{background:#fff;padding:50px 40px;border-radius:28px;box-shadow:0 8px 24px #6e1d221f}
.contactDetails h2{font-size:2rem;color:#6E1D22;margin:0 0 30px;font-weight:700;position:relative;padding-bottom:16px}
.contactDetails h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#B4A04C 0%,#563F1E 100%);border-radius:2px}
.infoBlock{margin:0 0 32px}
.infoBlock:last-child{margin-bottom:0}
.infoBlock h3{font-size:1.1rem;color:#563F1E;margin:0 0 10px;font-weight:600;display:flex;align-items:center;gap:10px}
.infoBlock h3 i{color:#B4A04C;font-size:1.3rem}
.infoBlock p{margin:0;font-size:1rem;color:#333;line-height:1.6}
.infoBlock a{color:#6E1D22;text-decoration:none;transition:color .3s ease}
.infoBlock a:hover{color:#B4A04C}
.formContainer{background:linear-gradient(135deg,#fff 0%,#f9f9f9 100%);padding:50px 45px;border-radius:28px;box-shadow:0 12px 32px #563f1e26;border:2px solid #b4a04c33}
.formContainer h2{font-size:2rem;color:#6E1D22;margin:0 0 12px;font-weight:700}
.formContainer .introText{font-size:1rem;color:#555;margin:0 0 36px;line-height:1.5}
.formGroup{margin:0 0 24px}
.formGroup label{display:block;font-size:.95rem;color:#563F1E;margin:0 0 8px;font-weight:600}
.formGroup input[type="text"],.formGroup input[type="email"],.formGroup input[type="tel"]{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:18px;font-size:1rem;color:#333;transition:border-color .3s ease,box-shadow .3s ease;background:#fff;box-sizing:border-box}
.formGroup input[type="text"]:focus,.formGroup input[type="email"]:focus,.formGroup input[type="tel"]:focus{outline:none;border-color:#B4A04C;box-shadow:0 0 0 3px #b4a04c26}
.priorityGroup{margin:0 0 24px}
.priorityGroup label{display:block;font-size:.95rem;color:#563F1E;margin:0 0 12px;font-weight:600}
.priorityOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.priorityOptions input[type="radio"]{display:none}
.priorityOptions label{display:block;padding:12px 16px;border:2px solid #e0e0e0;border-radius:16px;text-align:center;font-size:.95rem;color:#555;cursor:pointer;transition:all .3s ease;background:#fff;font-weight:500}
.priorityOptions input[type="radio"]:checked + label{border-color:#6E1D22;background:linear-gradient(135deg,#6E1D22 0%,#B4A04C 100%);color:#fff;box-shadow:0 4px 12px #6e1d2240}
.priorityOptions label:hover{border-color:#B4A04C;transform:translateY(-2px)}
.privacyCheck{margin:0 0 28px;display:flex;align-items:start;gap:10px}
.privacyCheck input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacyCheck label{font-size:.9rem;color:#555;line-height:1.5;cursor:pointer}
.privacyCheck a{color:#6E1D22;text-decoration:underline;transition:color .3s ease}
.privacyCheck a:hover{color:#B4A04C}
.submitBtn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#6E1D22 0%,#563F1E 100%);color:#fff;border:none;border-radius:20px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #6e1d224d}
.submitBtn:hover{background:linear-gradient(135deg,#B4A04C 0%,#6E1D22 100%);transform:translateY(-3px);box-shadow:0 10px 26px #b4a04c66}
.submitBtn:active{transform:translateY(-1px)}
@media (max-width: 1024px) {
.topBanner .contentWrap{grid-template-columns:150px 1fr 150px;gap:30px}
.topBanner .sideShape{height:240px}
.topBanner .textHolder h1{font-size:2.3rem}
.topBanner .textHolder .sublineText{font-size:1.15rem}
.contactMainSection .innerBox{gap:50px}
}
@media (max-width: 640px) {
.topBanner{padding:60px 20px}
.topBanner .contentWrap{grid-template-columns:1fr;gap:24px}
.topBanner .sideShape{display:none}
.topBanner .textHolder h1{font-size:1.9rem}
.topBanner .textHolder .sublineText{font-size:1.05rem}
.topBanner .textHolder .detailLine{font-size:1rem}
.topBanner .floatDecor{width:50px;height:50px;right:30px}
.topBanner .floatDecor:nth-child(2){width:35px;height:35px;left:30px}
.contactMainSection{padding:60px 20px}
.contactMainSection .innerBox{grid-template-columns:1fr;gap:40px}
.contactDetails{padding:40px 30px}
.contactDetails h2{font-size:1.7rem}
.formContainer{padding:40px 30px}
.formContainer h2{font-size:1.7rem}
.priorityOptions{grid-template-columns:1fr}
}
.titleArea{position:relative;max-width:1200px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.titleArea .textBlock{position:relative;z-index:2}
.titleArea .mainHead{font-size:2.8rem;line-height:1.2;color:#6E1D22;margin:0 0 30px;font-weight:700}
.titleArea .thesisList{margin:0;padding:0;list-style:none}
.titleArea .thesisList li{font-size:1.1rem;line-height:1.7;color:#563F1E;margin-bottom:18px;position:relative;padding-left:30px}
.titleArea .thesisList li::before{content:'';position:absolute;left:0;top:10px;width:12px;height:2px;background:linear-gradient(135deg,#B4A04C 0%,#6E1D22 100%)}
.titleArea .visualPart{position:relative}
.titleArea .visualPart::before{content:'';position:absolute;top:-30px;left:-30px;width:200px;height:200px;background:linear-gradient(65deg,#6e1d2214 0%,#b4a04c14 100%);border-radius:24px;z-index:0}
.titleArea .visualPart::after{content:'';position:absolute;bottom:-40px;right:-40px;width:160px;height:160px;border:2px solid #b4a04c40;border-radius:20px;z-index:0}
.titleArea .displayImg{position:relative;z-index:1;width:100%;height:400px;object-fit:cover;border-radius:20px;filter:brightness(0.92) saturate(0.9);box-shadow:0 12px 40px #6e1d2226}
.storySegment{max-width:1200px;margin:100px auto;padding:0 20px}
.storySegment .sectionLabel{font-size:2.2rem;line-height:1.3;color:#6E1D22;margin:0 0 40px;text-align:center;font-weight:600}
.storySegment .contentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.storySegment .storyBox{background:linear-gradient(160deg,#6e1d220a 0%,#b4a04c0a 100%);padding:40px 30px;border-radius:28px;border:1px solid #563f1e1f;transition:all .3s ease}
.storySegment .storyBox:hover{transform:translateY(-6px);box-shadow:0 16px 35px #b4a04c2e}
.storySegment .boxTitle{font-size:1.4rem;color:#563F1E;margin:0 0 20px;font-weight:600;position:relative;padding-bottom:15px}
.storySegment .boxTitle::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,#B4A04C 0%,transparent 100%)}
.storySegment .boxText{font-size:1.05rem;line-height:1.65;color:#333;margin:0}
.valueDisplay{position:relative;max-width:100%;margin:120px 0;padding:100px 20px;background:linear-gradient(115deg,#6E1D22 0%,#563F1E 100%);overflow:hidden}
.valueDisplay::before{content:'';position:absolute;top:0;right:0;width:600px;height:600px;background:radial-gradient(circle,#b4a04c26 0%,transparent 70%);border-radius:50%;z-index:0}
.valueDisplay .innerHolder{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.valueDisplay .headline{font-size:2.5rem;color:#fff;text-align:center;margin:0 0 70px;font-weight:700}
.valueDisplay .trackGroup{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.valueDisplay .trackItem{background:#ffffff14;padding:45px 35px;border-radius:24px;border:1px solid #b4a04c33;backdrop-filter:blur(10px)}
.valueDisplay .itemHead{font-size:1.6rem;color:#B4A04C;margin:0 0 25px;font-weight:600}
.valueDisplay .description{font-size:1.1rem;line-height:1.7;color:#ffffffe6;margin:0 0 30px}
.valueDisplay .metricBar{position:relative;height:8px;background:#ffffff26;border-radius:16px;overflow:hidden}
.valueDisplay .fillLevel{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#B4A04C 0%,#fff 100%);border-radius:16px;transition:width 1.5s ease-out}
.valueDisplay .trackItem:nth-child(1) .fillLevel{width:87%}
.valueDisplay .trackItem:nth-child(2) .fillLevel{width:92%}
.valueDisplay .trackItem:nth-child(3) .fillLevel{width:78%}
.valueDisplay .trackItem:nth-child(4) .fillLevel{width:84%}
.focusSection{max-width:1200px;margin:100px auto;padding:0 20px}
.focusSection .contentWrapper{display:grid;grid-template-columns:400px 1fr;gap:70px;align-items:start}
.focusSection .imageColumn{position:sticky;top:40px}
.focusSection .featuredImage{width:100%;height:500px;object-fit:cover;border-radius:24px;box-shadow:0 14px 42px #563f1e33 0 6px 16px #6e1d221f}
.focusSection .textColumn{padding-top:20px}
.focusSection .primaryTitle{font-size:2.3rem;color:#6E1D22;margin:0 0 35px;font-weight:600;line-height:1.25}
.focusSection .primaryPara{font-size:1.1rem;line-height:1.75;color:#333;margin:0 0 30px}
.focusSection .secondaryTitle{font-size:1.5rem;color:#563F1E;margin:50px 0 25px;font-weight:600;position:relative;display:inline-block}
.focusSection .secondaryTitle::before{content:'';position:absolute;left:-25px;top:50%;transform:translateY(-50%);width:4px;height:80%;background:linear-gradient(180deg,#B4A04C 0%,#6E1D22 100%);border-radius:8px}
.focusSection .bulletContainer{margin:0;padding:0;list-style:none}
.focusSection .bulletContainer li{font-size:1.05rem;line-height:1.7;color:#444;margin-bottom:20px;padding-left:35px;position:relative}
.focusSection .bulletContainer li::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:linear-gradient(135deg,#B4A04C 0%,#6E1D22 100%);border-radius:50%;box-shadow:0 3px 8px #6e1d2240}
@media (max-width: 1024px) {
.titleArea{grid-template-columns:1fr;gap:50px;padding:60px 20px}
.titleArea .mainHead{font-size:2.3rem}
.titleArea .displayImg{height:350px}
.storySegment .contentGrid{grid-template-columns:1fr;gap:30px}
.valueDisplay .trackGroup{grid-template-columns:1fr;gap:30px}
.focusSection .contentWrapper{grid-template-columns:1fr;gap:50px}
.focusSection .imageColumn{position:relative;top:0}
.focusSection .featuredImage{height:400px}
}
@media (max-width: 640px) {
.titleArea{padding:40px 15px}
.titleArea .mainHead{font-size:1.9rem}
.titleArea .thesisList li{font-size:1rem}
.titleArea .displayImg{height:280px}
.titleArea .visualPart::before{width:120px;height:120px;top:-15px;left:-15px}
.titleArea .visualPart::after{width:100px;height:100px;bottom:-20px;right:-20px}
.storySegment{margin:60px auto}
.storySegment .sectionLabel{font-size:1.8rem;margin-bottom:30px}
.storySegment .storyBox{padding:30px 20px}
.valueDisplay{padding:60px 15px;margin:80px 0}
.valueDisplay .headline{font-size:1.9rem;margin-bottom:50px}
.valueDisplay .trackItem{padding:30px 20px}
.valueDisplay .itemHead{font-size:1.3rem}
.focusSection{margin:60px auto}
.focusSection .primaryTitle{font-size:1.8rem}
.focusSection .featuredImage{height:300px}
.focusSection .secondaryTitle{font-size:1.3rem;margin-top:40px}
}
.successContainer{max-width:1200px;margin:0 auto;padding:0 20px}
.heroSuccess{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px;border-radius:28px;background:linear-gradient(142deg,#6e1d2226 0%,#b4a04c1f 50%,#563f1e26 100%)}
.heroSuccess::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,#6e1d2208 35px,#6e1d2208 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,#b4a04c08 35px,#b4a04c08 70px);opacity:.4}
.heroContentBox{position:relative;z-index:2;text-align:center;padding:60px 40px;max-width:680px}
.successIcon{width:92px;height:92px;margin:0 auto 32px;background:linear-gradient(135deg,#6E1D22 0%,#B4A04C 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6e1d2240}
.successIcon svg{width:48px;height:48px;fill:#fff}
.heroContentBox h1{font-size:2.8rem;line-height:1.2;color:#6E1D22;margin-bottom:24px;font-weight:700}
.heroContentBox p{font-size:1.15rem;line-height:1.7;color:#563F1E;margin-bottom:0}
.infoBlocksGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:80px}
.infoCard{background:#fff;border-radius:24px;padding:40px 32px;box-shadow:0 4px 16px #6e1d2214;border:2px solid #b4a04c26;position:relative;overflow:hidden}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6E1D22 0%,#B4A04C 50%,#563F1E 100%)}
.infoCard h3{font-size:1.5rem;color:#6E1D22;margin-bottom:16px;font-weight:600}
.infoCard p{font-size:1rem;line-height:1.65;color:#563F1E;margin-bottom:24px}
.detailsList{list-style:none;padding:0;margin:0}
.detailsList li{padding:12px 0;border-bottom:1px solid #b4a04c33;display:flex;align-items:center;font-size:.95rem;color:#563F1E}
.detailsList li:last-child{border-bottom:none}
.detailsList li::before{content:'';width:8px;height:8px;background:#B4A04C;border-radius:50%;margin-right:12px;flex-shrink:0}
.actionSection{background:linear-gradient(165deg,#6E1D22 0%,#563F1E 100%);border-radius:32px;padding:60px 40px;text-align:center;position:relative;overflow:hidden;margin-bottom:60px}
.actionSection::after{content:'';position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#b4a04c26 0%,transparent 70%);border-radius:50%}
.actionSection::before{content:'';position:absolute;top:-50px;left:-50px;width:200px;height:200px;background:radial-gradient(circle,#b4a04c26 0%,transparent 70%);border-radius:50%}
.actionContent{position:relative;z-index:2;max-width:720px;margin:0 auto}
.actionContent h2{font-size:2.2rem;color:#fff;margin-bottom:20px;font-weight:700}
.actionContent p{font-size:1.1rem;line-height:1.7;color:#ffffffe6;margin-bottom:36px}
.buttonHolder{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn--primary{display:inline-block;padding:16px 40px;background:#B4A04C;color:#fff;text-decoration:none;border-radius:20px;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 6px 20px #b4a04c59;border:none;cursor:pointer;position:relative;z-index:10}
.btn--primary:hover{background:#a08f43;transform:translateY(-2px);box-shadow:0 8px 24px #b4a04c73}
.btn--secondary{display:inline-block;padding:16px 40px;background:transparent;color:#fff;text-decoration:none;border-radius:20px;font-weight:600;font-size:1.05rem;transition:all .3s ease;border:2px solid #fff6;cursor:pointer;position:relative;z-index:10}
.btn--secondary:hover{background:#ffffff1a;border-color:#ffffffb3}
.contactInfoBlock{background:#f9f9f9;border-radius:24px;padding:48px 40px;border-left:6px solid #B4A04C;margin-bottom:60px}
.contactInfoBlock h3{font-size:1.8rem;color:#6E1D22;margin-bottom:28px;font-weight:600}
.contactGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.contactItem{display:flex;align-items:flex-start;gap:16px}
.contactIcon{width:44px;height:44px;background:linear-gradient(135deg,#6E1D22 0%,#B4A04C 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #6e1d2233}
.contactIcon i{font-size:1.3rem;color:#fff}
.contactDetails h4{font-size:1.05rem;color:#6E1D22;margin-bottom:6px;font-weight:600}
.contactDetails p{font-size:.95rem;color:#563F1E;margin:0;line-height:1.5}
.contactDetails a{color:#563F1E;text-decoration:none;transition:color .3s ease}
.contactDetails a:hover{color:#6E1D22}
@media (max-width: 1024px) {
.heroSuccess{min-height:400px;margin-bottom:60px}
.heroContentBox h1{font-size:2.3rem}
.heroContentBox p{font-size:1.05rem}
.actionSection{padding:50px 32px;margin-bottom:50px}
.actionContent h2{font-size:1.9rem}
}
@media (max-width: 640px) {
.successContainer{padding:0 16px}
.heroSuccess{min-height:360px;margin-bottom:50px;border-radius:20px}
.heroContentBox{padding:40px 24px}
.heroContentBox h1{font-size:1.9rem;margin-bottom:20px}
.heroContentBox p{font-size:1rem}
.successIcon{width:76px;height:76px;margin-bottom:24px}
.successIcon svg{width:40px;height:40px}
.infoBlocksGrid{grid-template-columns:1fr;gap:24px;margin-bottom:50px}
.infoCard{padding:32px 24px;border-radius:20px}
.infoCard h3{font-size:1.3rem}
.actionSection{padding:40px 24px;border-radius:24px;margin-bottom:40px}
.actionContent h2{font-size:1.6rem;margin-bottom:16px}
.actionContent p{font-size:1rem;margin-bottom:28px}
.buttonHolder{flex-direction:column;gap:16px}
.btn--primary,.btn--secondary{width:100%;padding:14px 32px}
.contactInfoBlock{padding:36px 24px;border-radius:20px;margin-bottom:40px}
.contactInfoBlock h3{font-size:1.5rem;margin-bottom:24px}
.contactGrid{grid-template-columns:1fr;gap:24px}
}