*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Source Sans Pro',sans-serif;background:#F1F0EC;color:#24221D;line-height:1.6}
.headerWrap{max-width:1320px;margin:0 auto;padding:28px 20px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.brandFlow{display:flex;align-items:center;gap:18px}
.logoFrame{width:95px;height:95px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F1F0EC 0%,#fff 100%);border-radius:28px;box-shadow:0 6px 20px #24221d1f;padding:12px}
.logoFrame .brandMark{width:100%;height:100%;object-fit:contain}
.flowConnect{width:22px;height:2px;background:linear-gradient(90deg,#917065 0%,#9170654d 100%);display:block}
.companyTitle{font-size:26px;font-weight:700;color:#24221D;letter-spacing:-.5px}
.taglineText{font-size:15px;color:#917065;font-weight:400}
.mainNav{display:flex;align-items:center;gap:32px}
.mainNav .navLink{color:#24221D;text-decoration:none;font-size:16px;font-weight:400;padding:10px 16px;border-radius:24px;transition:background .25s ease,color .25s ease}
.mainNav .navLink:hover{background:#9170651a;color:#917065}
.navDropdown{position:relative}
.navDropdown:hover .subMenuBox{opacity:1;visibility:visible;transform:translateY(0)}
.subMenuBox{position:absolute;top:100%;left:0;background:#fff;border-radius:20px;box-shadow:0 12px 32px #24221d26;padding:12px 0;min-width:240px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:100}
.subMenuBox .subLink{display:block;padding:12px 24px;color:#24221D;text-decoration:none;font-size:15px;transition:background .2s ease}
.subMenuBox .subLink:hover{background:#91706514}
.footerWrap{background:linear-gradient(135deg,#24221D 0%,#3a3832 100%);color:#F1F0EC;padding:60px 20px 30px}
.footerGrid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;padding-bottom:40px;border-bottom:1px solid #f1f0ec33}
.footerHeading{font-size:20px;font-weight:700;margin-bottom:18px;color:#F1F0EC}
.footerAddress{font-size:15px;line-height:1.7;margin-bottom:14px;color:#f1f0ecd9}
.footerContact{margin-bottom:18px}
.footerContact .contactLink{color:#917065;text-decoration:none;font-size:15px;transition:color .2s ease}
.footerContact .contactLink:hover{color:#F1F0EC}
.socialLinks{display:flex;gap:16px;margin-top:16px}
.socialLink{color:#917065;text-decoration:none;font-size:14px;padding:8px 16px;border:1px solid #917065;border-radius:20px;transition:background .25s ease,color .25s ease}
.socialLink:hover{background:#917065;color:#24221D}
.footerNav{display:flex;flex-direction:column;gap:12px}
.footerNav .footerLink{color:#f1f0ecd9;text-decoration:none;font-size:15px;transition:color .2s ease}
.footerNav .footerLink:hover{color:#F1F0EC}
.copyrightBar{max-width:1320px;margin:0 auto;padding-top:24px;text-align:center}
.copyrightText{font-size:14px;color:#f1f0eca6}
.cookieBox{position:fixed;top:24px;right:24px;background:#fff;border-radius:24px;box-shadow:0 16px 48px #24221d33;padding:28px;max-width:420px;z-index:10000;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}
.cookieBox.visible{opacity:1;visibility:visible}
.consentTitle{font-size:20px;font-weight:700;color:#24221D;margin-bottom:12px}
.consentDesc{font-size:14px;color:#24221D;line-height:1.6;margin-bottom:20px}
.consentOptions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.optionLabel{display:flex;align-items:center;gap:10px;font-size:14px;color:#24221D;cursor:pointer}
.optionCheck{width:18px;height:18px;cursor:pointer}
.optOutSection{padding-top:12px;border-top:1px solid #91706533;margin-bottom:20px}
.consentActions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.consentBtn{padding:12px 16px;border:none;border-radius:0;font-size:14px;font-weight:700;cursor:pointer;transition:background .25s ease,color .25s ease;font-family:'Source Sans Pro',sans-serif}
.acceptBtn{background:#917065;color:#fff}
.acceptBtn:hover{background:#7d5f54}
.declineBtn{background:#F1F0EC;color:#24221D}
.declineBtn:hover{background:#e0dfd8}
.saveBtn{background:#24221D;color:#F1F0EC}
.saveBtn:hover{background:#3a3832}
.prefBtn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#917065;color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 8px 24px #91706559;transition:background .25s ease,transform .25s ease;z-index:9999;display:none}
.prefBtn:hover{background:#7d5f54;transform:scale(1.08)}
.prefBtn.visible{display:block}
@media (max-width: 968px) {
.headerWrap{flex-direction:column;align-items:flex-start;gap:24px}
.brandFlow{flex-direction:column;align-items:flex-start;gap:12px}
.flowConnect{width:2px;height:18px;background:linear-gradient(180deg,#917065 0%,#9170654d 100%)}
.mainNav{flex-direction:column;align-items:flex-start;width:100%;gap:8px}
.mainNav .navLink{width:100%;display:block}
.subMenuBox{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding-left:20px;margin-top:8px}
.cookieBox{right:12px;left:12px;max-width:none}
.consentActions{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.logoFrame{width:75px;height:75px}
.companyTitle{font-size:22px}
.taglineText{font-size:13px}
.footerGrid{grid-template-columns:1fr;gap:32px}
}
.agreement-text{max-width:1320px;margin:0 auto;padding:80px 24px;background:#FFF}
.agreement-text h1{font-size:48px;font-weight:700;color:#24221D;margin:0 0 32px;line-height:1.2;letter-spacing:-.02em}
.agreement-text h2{font-size:36px;font-weight:600;color:#24221D;margin:64px 0 24px;line-height:1.3;letter-spacing:-.01em}
.agreement-text h3{font-size:28px;font-weight:600;color:#917065;margin:48px 0 20px;line-height:1.4}
.agreement-text h4{font-size:22px;font-weight:600;color:#24221D;margin:40px 0 16px;line-height:1.4}
.agreement-text h5{font-size:18px;font-weight:600;color:#917065;margin:32px 0 12px;line-height:1.5}
.agreement-text h6{font-size:16px;font-weight:600;color:#24221D;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}
.agreement-text p{font-size:17px;line-height:1.75;color:#24221D;margin:0 0 20px;max-width:75ch}
.agreement-text em,.agreement-text i{font-style:italic;color:#917065}
.agreement-text a{color:#917065;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .3s ease}
.agreement-text a:hover{color:#24221D;text-decoration-thickness:2px}
.agreement-text a:focus{outline:3px solid #917065;outline-offset:4px;border-radius:4px}
.agreement-text table{width:100%;margin:32px 0 48px;border-collapse:separate;border-spacing:0;background:#F1F0EC;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #24221d14}
.agreement-text thead{background:linear-gradient(135deg,#24221D,#917065)}
.agreement-text thead tr th{padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#FFF;letter-spacing:.03em;border-bottom:3px solid #917065}
.agreement-text tbody{background:#FFF}
.agreement-text tbody tr{border-bottom:1px solid #F1F0EC;transition:background .2s ease}
.agreement-text tbody tr:hover{background:#F1F0EC}
.agreement-text tbody tr:last-child{border-bottom:none}
.agreement-text tbody tr td{padding:18px 24px;font-size:16px;line-height:1.6;color:#24221D;vertical-align:top}
.agreement-text th{font-weight:600}
.agreement-text td{font-weight:400}
.agreement-text hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#917065,transparent);margin:64px 0;opacity:.4}
.agreement-text div{margin:24px 0}
@media (max-width: 1024px) {
.agreement-text{padding:64px 20px}
.agreement-text h1{font-size:40px}
.agreement-text h2{font-size:32px;margin:56px 0 20px}
.agreement-text h3{font-size:24px}
.agreement-text h4{font-size:20px}
}
@media (max-width: 768px) {
.agreement-text{padding:48px 16px}
.agreement-text h1{font-size:32px;margin:0 0 24px}
.agreement-text h2{font-size:26px;margin:48px 0 16px}
.agreement-text h3{font-size:22px;margin:40px 0 16px}
.agreement-text h4{font-size:19px;margin:32px 0 12px}
.agreement-text h5{font-size:17px}
.agreement-text h6{font-size:15px}
.agreement-text p{font-size:16px;line-height:1.7}
.agreement-text table{margin:24px 0 32px;border-radius:16px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.agreement-text thead tr th{padding:16px;font-size:14px;white-space:nowrap}
.agreement-text tbody tr td{padding:14px 16px;font-size:14px}
.agreement-text hr{margin:48px 0}
}
@media (max-width: 480px) {
.agreement-text{padding:40px 16px}
.agreement-text h1{font-size:28px}
.agreement-text h2{font-size:24px;margin:40px 0 16px}
.agreement-text h3{font-size:20px}
.agreement-text p{font-size:15px;margin:0 0 16px}
.agreement-text thead tr th,.agreement-text tbody tr td{padding:12px;font-size:13px}
}
.titleBox{position:relative;max-width:1320px;margin:80px auto;padding:0 20px;overflow:hidden}
.titleBox .imageFrame{position:relative;width:100%;max-width:850px;margin:0 auto 60px;transform:rotate(-2.3deg);border-radius:32px;overflow:hidden;box-shadow:0 16px 48px #24221d26}
.titleBox .imageFrame img{width:100%;height:auto;display:block;object-fit:cover}
.titleBox .imageFrame::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#91706566,transparent);animation:slideGlow 8s infinite;z-index:2}
@keyframes slideGlow {
0%,100%{left:-100%}
50%{left:100%}
}
.titleBox .headingWrap{text-align:center;max-width:920px;margin:0 auto;position:relative}
.titleBox .headingWrap h1{font-size:3.2rem;line-height:1.15;color:#24221D;font-weight:700;margin:0 0 24px}
.titleBox .headingWrap p{font-size:1.25rem;line-height:1.6;color:#917065;margin:0}
.titleBox .shapeDecor{position:absolute;width:120px;height:120px;border:3px solid #F1F0EC;border-radius:50%;top:-60px;right:10%;opacity:.6}
.titleBox .shapeDecor.alt{width:80px;height:80px;border-radius:24px;top:auto;bottom:-40px;right:auto;left:5%;background:linear-gradient(135deg,#917065,#24221D);border:none}
.prepBox{max-width:1320px;margin:120px auto 100px;padding:0 20px}
.prepBox .gridLayout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.prepBox .contentSide h2{font-size:2.4rem;color:#24221D;margin:0 0 32px;line-height:1.3;font-weight:600}
.prepBox .contentSide h2::before{content:'';display:block;width:60px;height:5px;background:linear-gradient(90deg,#917065,#24221D);margin-bottom:20px;border-radius:8px}
.prepBox .textBlock{margin-bottom:28px}
.prepBox .textBlock p{font-size:1.05rem;line-height:1.7;color:#24221D;margin:0 0 16px}
.prepBox .textBlock p:last-child{margin-bottom:0}
.prepBox .checklistWrap{margin-top:40px}
.prepBox .checkItem{display:flex;align-items:start;margin-bottom:20px;padding:18px;background:#F1F0EC;border-radius:20px;transition:all .3s ease}
.prepBox .checkItem:hover{transform:translateX(8px);box-shadow:0 8px 24px #91706526}
.prepBox .checkItem::before{content:'✓';flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#917065,#24221D);color:#F1F0EC;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;font-weight:700;font-size:1.1rem}
.prepBox .checkItem span{font-size:1.05rem;line-height:1.6;color:#24221D;padding-top:4px}
.prepBox .visualSide{position:relative}
.prepBox .visualSide .imageHolder{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #24221d33}
.prepBox .visualSide .imageHolder img{width:100%;height:auto;display:block;object-fit:cover}
.prepBox .statCard{position:absolute;bottom:-30px;right:-30px;background:linear-gradient(135deg,#24221D,#917065);padding:32px 40px;border-radius:24px;box-shadow:0 16px 48px #24221d40;z-index:10}
.prepBox .statCard .numberDisplay{font-size:3rem;font-weight:700;color:#F1F0EC;line-height:1;margin-bottom:8px}
.prepBox .statCard .labelText{font-size:.95rem;color:#F1F0EC;opacity:.9;line-height:1.4}
.pathwaySection{max-width:1320px;margin:140px auto 120px;padding:0 20px}
.pathwaySection h2{font-size:2.6rem;color:#24221D;text-align:center;margin:0 0 70px;font-weight:600}
.pathwaySection .stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}
.pathwaySection .stepsGrid::before{content:'';position:absolute;top:60px;left:16.666%;right:16.666%;height:3px;background:linear-gradient(90deg,#917065,#24221D,#917065);z-index:0}
.pathwaySection .stepCard{position:relative;z-index:5}
.pathwaySection .stepCard .numberBadge{width:120px;height:120px;margin:0 auto 28px;background:linear-gradient(135deg,#F1F0EC,#917065);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#24221D;box-shadow:0 12px 32px #91706533;position:relative}
.pathwaySection .stepCard .numberBadge::after{content:'';position:absolute;inset:-8px;border:2px dashed #917065;border-radius:50%;opacity:.3}
.pathwaySection .stepCard h3{font-size:1.35rem;color:#24221D;text-align:center;margin:0 0 16px;font-weight:600}
.pathwaySection .stepCard p{font-size:1rem;line-height:1.65;color:#24221D;text-align:center;margin:0}
@media (max-width: 1024px) {
.titleBox .headingWrap h1{font-size:2.6rem}
.prepBox .gridLayout{grid-template-columns:1fr;gap:60px}
.prepBox .statCard{position:static;margin-top:30px}
.pathwaySection .stepsGrid{grid-template-columns:1fr;gap:50px}
.pathwaySection .stepsGrid::before{display:none}
}
@media (max-width: 768px) {
.titleBox{margin:60px auto}
.titleBox .imageFrame{transform:rotate(-1.5deg);margin-bottom:40px}
.titleBox .headingWrap h1{font-size:2.2rem}
.titleBox .headingWrap p{font-size:1.1rem}
.titleBox .shapeDecor{width:80px;height:80px}
.prepBox{margin:80px auto 60px}
.prepBox .contentSide h2{font-size:2rem}
.prepBox .checkItem{padding:14px}
.pathwaySection{margin:100px auto 80px}
.pathwaySection h2{font-size:2.2rem;margin-bottom:50px}
.pathwaySection .stepCard .numberBadge{width:100px;height:100px;font-size:2.5rem}
}
.pageTitleStage{background:linear-gradient(135deg,#F1F0EC 0%,#f8f7f3 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.pageTitleStage::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#9170650f 0%,transparent 70%);border-radius:50%}
.titleStageInner{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.titleContentLayer{flex:1}
.mainTitleDisplay{font-size:52px;font-weight:700;color:#24221D;line-height:1.2;margin:0 0 24px;letter-spacing:-.5px}
.titleSupportText{font-size:19px;line-height:1.6;color:#5a5751;margin:0;max-width:540px}
.visualAnchorFrame{flex:0 0 480px;position:relative}
.filmTextureMask{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #24221d26}
.anchorVisual{display:block;width:100%;height:320px;object-fit:cover}
.flareOverlay{position:absolute;width:180px;height:180px;background:radial-gradient(circle,#ffffff80 0%,transparent 60%);border-radius:50%;top:20px;right:30px;pointer-events:none;animation:flareGlow 4s ease-in-out infinite}
.flareAlt{width:120px;height:120px;bottom:40px;left:30px;top:auto;right:auto;background:radial-gradient(circle,#9170654d 0%,transparent 70%);animation-delay:2s;animation-duration:5s}
@keyframes flareGlow {
0%,100%{opacity:.6;transform:scale(1)}
50%{opacity:.9;transform:scale(1.1)}
}
.guidanceCanvas{background:#fff;padding:100px 20px}
.canvasWrapper{max-width:1320px;margin:0 auto}
.strategyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px}
.strategyCard{background:linear-gradient(135deg,#fafaf9 0%,#F1F0EC 100%);padding:36px;border-radius:28px;border:1px solid #9170651f;transition:all .3s ease}
.strategyCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #24221d1f;border-color:#91706540}
.cardIconBox{width:72px;height:72px;background:linear-gradient(135deg,#9170651a 0%,#9170650d 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.strategyIcon{display:block}
.cardLabel{font-size:22px;font-weight:600;color:#24221D;margin:0 0 16px;line-height:1.3}
.cardDescription{font-size:16px;line-height:1.7;color:#5a5751;margin:0}
.expertPerspective{background:linear-gradient(135deg,#24221D 0%,#3d3a33 100%);border-radius:36px;padding:60px;display:flex;gap:48px;margin-bottom:80px;box-shadow:0 24px 60px #24221d33}
.expertProfile{flex:0 0 280px;display:flex;flex-direction:column;align-items:center;text-align:center}
.profileFrame{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #9170654d;margin-bottom:20px}
.profileDetails{width:100%}
.profileName{font-size:20px;font-weight:600;color:#F1F0EC;margin:0 0 8px}
.profileRole{font-size:15px;color:#917065;margin:0}
.perspectiveContent{flex:1}
.perspectiveTitle{font-size:28px;font-weight:600;color:#F1F0EC;margin:0 0 24px;line-height:1.3}
.perspectiveText{font-size:17px;line-height:1.8;color:#f1f0ecd9;margin:0 0 20px}
.perspectiveText:last-child{margin-bottom:0}
.technicalChecklist{background:#fafaf9;padding:56px;border-radius:32px;border:2px solid #9170651a;margin-bottom:80px}
.checklistHeader{font-size:26px;font-weight:600;color:#24221D;margin:0 0 36px}
.checklistFrame{display:flex;flex-direction:column;gap:20px}
.checkToggle{display:none}
.checkItem{display:flex;align-items:flex-start;gap:16px;cursor:pointer;padding:20px;background:#fff;border-radius:16px;border:2px solid transparent;transition:all .3s ease}
.checkItem:hover{background:linear-gradient(135deg,#fff 0%,#fafaf9 100%);border-color:#91706533}
.checkMark{flex:0 0 28px;width:28px;height:28px;border:2px solid #917065;border-radius:8px;position:relative;transition:all .3s ease}
.checkToggle:checked + .checkItem .checkMark{background:linear-gradient(135deg,#917065 0%,#a67f72 100%);border-color:#917065}
.checkToggle:checked + .checkItem .checkMark::after{content:'';position:absolute;left:8px;top:4px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.checkText{flex:1;font-size:16px;line-height:1.6;color:#24221D;padding-top:2px}
.actionCallout{background:linear-gradient(135deg,#91706514 0%,#9170650a 100%);padding:56px;border-radius:32px;text-align:center;border:2px solid #91706526}
.calloutTitle{font-size:32px;font-weight:700;color:#24221D;margin:0 0 20px}
.calloutMessage{font-size:18px;line-height:1.7;color:#5a5751;margin:0 0 36px;max-width:680px;margin-left:auto;margin-right:auto}
.calloutButton{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#917065 0%,#a67f72 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:0 12px 32px #9170654d;transition:all .3s ease;position:relative;z-index:10}
.calloutButton:hover{transform:translateY(-3px);box-shadow:0 16px 42px #91706566}
@media (max-width: 1024px) {
.titleStageInner{flex-direction:column;gap:48px}
.visualAnchorFrame{flex:0 0 auto;max-width:480px;width:100%}
.strategyGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.expertPerspective{flex-direction:column;gap:36px;padding:48px}
.expertProfile{flex:0 0 auto}
}
@media (max-width: 768px) {
.pageTitleStage{padding:60px 20px 80px}
.mainTitleDisplay{font-size:36px}
.titleSupportText{font-size:17px}
.strategyGrid{grid-template-columns:1fr;gap:20px;margin-bottom:60px}
.strategyCard{padding:28px}
.expertPerspective{padding:36px;margin-bottom:60px}
.perspectiveTitle{font-size:24px}
.perspectiveText{font-size:16px}
.technicalChecklist{padding:36px;margin-bottom:60px}
.checklistHeader{font-size:22px}
.actionCallout{padding:40px 28px}
.calloutTitle{font-size:26px}
.calloutMessage{font-size:16px}
.calloutButton{padding:16px 36px;font-size:16px}
}
@media (max-width: 480px) {
.mainTitleDisplay{font-size:30px}
.cardLabel{font-size:20px}
.checkItem{padding:16px}
}
.titleZone{background:linear-gradient(135deg,#F1F0EC 0%,#fff 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.titleZone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#91706514 0%,transparent 70%);border-radius:50%}
.heroWrapper{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center;position:relative;z-index:1}
.heroContentBlock{display:flex;flex-direction:column;gap:24px}
.primaryHeading{font-size:54px;line-height:1.15;color:#24221D;font-weight:700;margin:0;letter-spacing:-.02em}
.heroDescription{font-size:19px;line-height:1.6;color:#5a5650;margin:0}
.heroActions{display:flex;gap:16px;margin-top:12px}
.mainCta{background:linear-gradient(135deg,#917065 0%,#24221D 100%);color:#F1F0EC;padding:16px 36px;border-radius:28px;text-decoration:none;font-weight:600;font-size:17px;transition:all .3s ease;box-shadow:0 8px 20px #24221d26}
.mainCta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #24221d40}
.secondaryCta{background:#F1F0EC;color:#24221D;padding:16px 36px;border-radius:28px;text-decoration:none;font-weight:600;font-size:17px;border:2px solid #917065;transition:all .3s ease}
.secondaryCta:hover{background:#917065;color:#F1F0EC;transform:translateY(-2px)}
.heroVisualArea{position:relative}
.heroImage{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 20px 60px #24221d33;filter:contrast(1.05) saturate(1.1);mix-blend-mode:multiply;opacity:.92}
.motivationBlock{background:#fff;padding:100px 20px}
.sectionContainer{max-width:1320px;margin:0 auto}
.contentLayout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:80px}
.textColumn{display:flex;flex-direction:column;gap:20px}
.sectionTitle{font-size:42px;line-height:1.25;color:#24221D;font-weight:700;margin:0;position:relative;padding-bottom:16px}
.sectionTitle::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#917065 0%,transparent 100%);border-radius:2px}
.bodyText{font-size:17px;line-height:1.7;color:#5a5650;margin:0}
.visualColumn{position:relative}
.contentVisual{width:100%;height:420px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #9170652e}
.progressTrack{background:linear-gradient(135deg,#F1F0EC 0%,#fff 100%);padding:50px;border-radius:32px;box-shadow:0 12px 36px #24221d14}
.trackHeader{margin-bottom:40px}
.trackTitle{font-size:32px;line-height:1.3;color:#24221D;font-weight:700;margin:0}
.stagesGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.stageCard{background:#fff;padding:32px;border-radius:24px;box-shadow:0 6px 24px #24221d0f;transition:all .3s ease}
.stageCard:hover{transform:translateY(-4px);box-shadow:0 12px 36px #91706526}
.stageNumber{font-size:28px;font-weight:700;color:#917065;margin-bottom:12px}
.stageLabel{font-size:22px;font-weight:600;color:#24221D;margin:0 0 8px}
.stageDetail{font-size:15px;line-height:1.6;color:#7a756d;margin:0 0 20px}
.progressBar{height:8px;background:#e8e6e0;border-radius:4px;overflow:hidden}
.progressFill{height:100%;background:linear-gradient(90deg,#917065 0%,#24221D 100%);border-radius:4px;transition:width .6s ease}
.supportSection{background:linear-gradient(180deg,#24221D 0%,#3d3a34 100%);padding:100px 20px;position:relative}
.supportSection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#917065 50%,transparent 100%)}
.wideContainer{max-width:1320px;margin:0 auto}
.centeredHeading{font-size:46px;line-height:1.25;color:#F1F0EC;font-weight:700;text-align:center;margin:0 0 70px}
.supportGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.supportItem{background:#f1f0ec0d;padding:42px 36px;border-radius:28px;border:1px solid #91706533;transition:all .3s ease}
.supportItem:hover{background:#f1f0ec14;border-color:#91706566;transform:translateY(-6px)}
.iconCircle{width:64px;height:64px;background:#91706526;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.supportHeading{font-size:24px;font-weight:600;color:#F1F0EC;margin:0 0 14px}
.supportText{font-size:16px;line-height:1.7;color:#c9c5bc;margin:0}
.expertiseArea{background:#fff;padding:100px 20px}
.expertLayout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.expertContent{display:flex;flex-direction:column;gap:24px}
.expertTitle{font-size:44px;line-height:1.25;color:#24221D;font-weight:700;margin:0}
.expertText{font-size:17px;line-height:1.7;color:#5a5650;margin:0}
.statsDisplay{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}
.statBox{background:linear-gradient(135deg,#F1F0EC 0%,#fff 100%);padding:28px 20px;border-radius:20px;text-align:center;box-shadow:0 8px 24px #24221d14}
.statValue{font-size:36px;font-weight:700;color:#917065;margin-bottom:8px}
.statLabel{font-size:14px;line-height:1.5;color:#7a756d}
.expertVisual{position:relative}
.expertImage{width:100%;height:500px;object-fit:cover;border-radius:32px;box-shadow:0 20px 60px #91706533}
.certificationZone{background:linear-gradient(135deg,#F1F0EC 0%,#fff 100%);padding:100px 20px}
.certHeader{text-align:center;max-width:800px;margin:0 auto 60px}
.certMainTitle{font-size:48px;line-height:1.25;color:#24221D;font-weight:700;margin:0 0 16px}
.certIntro{font-size:18px;line-height:1.6;color:#5a5650;margin:0}
.certContent{display:grid;grid-template-columns:1.1fr 0.9fr;gap:70px;align-items:start}
.certTextSide{display:flex;flex-direction:column;gap:36px}
.certBlock{display:flex;flex-direction:column;gap:12px}
.certSubtitle{font-size:26px;font-weight:600;color:#24221D;margin:0;position:relative;padding-left:20px}
.certSubtitle::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#917065;border-radius:50%}
.certDescription{font-size:16px;line-height:1.7;color:#5a5650;margin:0;padding-left:20px}
.credibilityMarkers{display:flex;flex-direction:column;gap:16px;margin-top:12px;padding:28px;background:#fff;border-radius:20px;box-shadow:0 6px 20px #24221d0f}
.markerItem{display:flex;align-items:center;gap:16px}
.markerText{font-size:16px;color:#24221D;font-weight:500}
.certVisualSide{position:relative}
.certImage{width:100%;height:520px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #9170652e}
.testimonialsBlock{background:#fff;padding:100px 20px}
.testimonialsHeading{font-size:46px;line-height:1.25;color:#24221D;font-weight:700;text-align:center;margin:0 0 60px}
.testimonialCards{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.testimonialCard{background:linear-gradient(135deg,#F1F0EC 0%,#fff 100%);padding:42px;border-radius:28px;box-shadow:0 12px 36px #24221d1a;display:flex;flex-direction:column;gap:32px;transition:all .3s ease}
.testimonialCard:hover{transform:translateY(-6px);box-shadow:0 20px 50px #9170652e}
.testimonialContent{position:relative;padding-left:24px}
.testimonialContent::before{content:'"';position:absolute;left:0;top:-8px;font-size:56px;font-weight:700;color:#917065;opacity:.3;line-height:1}
.testimonialQuote{font-size:17px;line-height:1.7;color:#5a5650;margin:0;font-style:italic}
.testimonialAuthor{display:flex;align-items:center;gap:20px}
.authorPhoto{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 4px 16px #24221d1f}
.authorInfo{display:flex;flex-direction:column;gap:4px}
.authorName{font-size:18px;font-weight:600;color:#24221D}
.authorRole{font-size:15px;color:#7a756d}
@media (max-width: 1024px) {
.heroWrapper{grid-template-columns:1fr;gap:50px}
.primaryHeading{font-size:44px}
.contentLayout{grid-template-columns:1fr;gap:50px}
.stagesGrid{grid-template-columns:1fr}
.supportGrid{grid-template-columns:1fr;gap:32px}
.expertLayout{grid-template-columns:1fr;gap:50px}
.certContent{grid-template-columns:1fr;gap:50px}
.testimonialCards{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleZone{padding:60px 20px 80px}
.primaryHeading{font-size:36px}
.heroDescription{font-size:17px}
.heroActions{flex-direction:column}
.mainCta,.secondaryCta{width:100%;text-align:center}
.heroImage{height:360px}
.sectionTitle{font-size:34px}
.progressTrack{padding:32px 24px}
.trackTitle{font-size:28px}
.centeredHeading{font-size:36px;margin-bottom:50px}
.supportItem{padding:32px 24px}
.expertTitle{font-size:36px}
.statsDisplay{grid-template-columns:1fr}
.expertImage{height:380px}
.certMainTitle{font-size:38px}
.certSubtitle{font-size:22px}
.certImage{height:400px}
.testimonialsHeading{font-size:36px}
.testimonialCard{padding:32px 24px}
}
.contactFrame{max-width:1320px;margin:80px auto 0;padding:0 24px}
.contactIntroBlock{display:flex;gap:56px;align-items:center;margin-bottom:96px;flex-wrap:wrap}
.contactIntroBlock .imageHolder{flex:0 0 420px;position:relative}
.contactIntroBlock .imageHolder::before{content:'';position:absolute;top:-16px;right:-16px;width:100%;height:100%;background:linear-gradient(135deg,#917065,#24221D);border-radius:32px;z-index:1;opacity:.12}
.contactIntroBlock .imageHolder::after{content:'';position:absolute;bottom:-24px;left:40px;width:180px;height:4px;background:repeating-linear-gradient(to right,#917065 0px,#917065 8px,transparent 8px,transparent 16px);z-index:3}
.contactIntroBlock .imageHolder img{width:100%;height:480px;object-fit:cover;border-radius:32px;position:relative;z-index:2;filter:saturate(0.7);box-shadow:0 16px 48px #24221d26}
.contactIntroBlock .textContent{flex:1;min-width:320px}
.contactIntroBlock .textContent h1{font-size:48px;font-weight:700;color:#24221D;margin:0 0 24px;line-height:1.2}
.contactIntroBlock .textContent .descList{list-style:none;padding:0;margin:0}
.contactIntroBlock .textContent .descList li{font-size:17px;color:#24221D;line-height:1.7;margin-bottom:16px;padding-left:28px;position:relative}
.contactIntroBlock .textContent .descList li::before{content:'';position:absolute;left:0;top:10px;width:12px;height:12px;background:linear-gradient(135deg,#917065,#24221D);border-radius:50%}
.formSectionWrapper{max-width:1320px;margin:0 auto 96px;padding:0 24px}
.multiStepForm{background:#F1F0EC;border-radius:36px;padding:72px 64px;box-shadow:0 8px 32px #9170651f}
.formHeadline{text-align:center;margin-bottom:56px}
.formHeadline h2{font-size:36px;font-weight:700;color:#24221D;margin:0 0 16px}
.formHeadline p{font-size:16px;color:#917065;margin:0}
.stepIndicatorRow{display:flex;justify-content:center;gap:32px;margin-bottom:48px;position:relative}
.stepIndicatorRow::before{content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%);width:320px;height:2px;background:linear-gradient(to right,#917065,#24221D);opacity:.2;z-index:1}
.stepDot{width:42px;height:42px;border-radius:50%;background:#fff;border:3px solid #917065;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#917065;position:relative;z-index:2;transition:all .3s ease}
.stepDot.complete{background:linear-gradient(135deg,#917065,#24221D);border-color:#24221D;color:#fff}
.formFieldBox{margin-bottom:32px}
.formFieldBox label{display:block;font-size:15px;font-weight:600;color:#24221D;margin-bottom:12px}
.formFieldBox input[type="text"],.formFieldBox input[type="email"],.formFieldBox textarea{width:100%;padding:18px 24px;border:2px solid #91706533;border-radius:24px;font-size:16px;color:#24221D;background:#fff;transition:all .3s ease;box-sizing:border-box}
.formFieldBox input[type="text"]:focus,.formFieldBox input[type="email"]:focus,.formFieldBox textarea:focus{outline:none;border-color:#917065;box-shadow:0 4px 16px #91706526}
.formFieldBox textarea{min-height:140px;resize:vertical}
.privacyCheckWrapper{margin:32px 0;display:flex;align-items:flex-start;gap:12px}
.privacyCheckWrapper input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#917065}
.privacyCheckWrapper label{font-size:14px;color:#24221D;line-height:1.6;cursor:pointer}
.privacyCheckWrapper label a{color:#917065;text-decoration:none;font-weight:600;transition:color .3s ease}
.privacyCheckWrapper label a:hover{color:#24221D;text-decoration:underline}
.submitButton{width:100%;padding:20px 48px;background:linear-gradient(135deg,#917065,#24221D);color:#fff;border:none;border-radius:28px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #9170654d}
.submitButton:hover{transform:translateY(-2px);box-shadow:0 12px 32px #91706566}
.submitButton:active{transform:translateY(0)}
.directContactBox{max-width:1320px;margin:0 auto 96px;padding:0 24px}
.contactMethodsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.methodCard{background:#fff;border-radius:32px;padding:40px 32px;text-align:center;box-shadow:0 8px 24px #24221d14;transition:all .3s ease;position:relative;overflow:hidden}
.methodCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,#917065,#24221D);transform:scaleX(0);transition:transform .3s ease}
.methodCard:hover::before{transform:scaleX(1)}
.methodCard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #91706526}
.methodCard .iconCircle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#91706526,#24221d1a);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.methodCard .iconCircle svg{width:36px;height:36px;fill:#917065}
.methodCard h3{font-size:22px;font-weight:700;color:#24221D;margin:0 0 12px}
.methodCard p{font-size:15px;color:#917065;margin:0 0 20px;line-height:1.6}
.methodCard a{display:inline-block;color:#917065;text-decoration:none;font-weight:600;font-size:15px;transition:color .3s ease}
.methodCard a:hover{color:#24221D}
.locationDisplay{max-width:1320px;margin:0 auto 96px;padding:0 24px}
.addressCard{background:linear-gradient(135deg,#F1F0EC,white);border-radius:36px;padding:56px 48px;display:flex;gap:48px;align-items:center;box-shadow:0 12px 40px #9170651a;flex-wrap:wrap}
.addressCard .imageSlot{flex:0 0 380px;position:relative}
.addressCard .imageSlot img{width:100%;height:320px;object-fit:cover;border-radius:28px;filter:saturate(0.8);box-shadow:0 8px 24px #24221d1f}
.addressCard .textSlot{flex:1;min-width:280px}
.addressCard .textSlot h2{font-size:32px;font-weight:700;color:#24221D;margin:0 0 24px;position:relative;padding-left:24px}
.addressCard .textSlot h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:48px;background:linear-gradient(to bottom,#917065,#24221D);border-radius:4px}
.addressCard .textSlot .infoRow{margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}
.addressCard .textSlot .infoRow svg{width:20px;height:20px;fill:#917065;flex-shrink:0;margin-top:2px}
.addressCard .textSlot .infoRow p{font-size:16px;color:#24221D;margin:0;line-height:1.6}
@media (max-width: 1024px) {
.contactIntroBlock{gap:40px}
.contactIntroBlock .imageHolder{flex:0 0 360px}
.contactIntroBlock .imageHolder img{height:400px}
.multiStepForm{padding:56px 48px}
}
@media (max-width: 768px) {
.contactFrame{margin:48px auto 0;padding:0 20px}
.contactIntroBlock{flex-direction:column;margin-bottom:64px}
.contactIntroBlock .imageHolder{flex:1 1 100%;max-width:100%}
.contactIntroBlock .imageHolder img{height:340px}
.contactIntroBlock .textContent h1{font-size:36px}
.multiStepForm{padding:40px 28px;border-radius:28px}
.formHeadline h2{font-size:28px}
.stepIndicatorRow{gap:20px}
.stepIndicatorRow::before{width:200px}
.stepDot{width:36px;height:36px;font-size:14px}
.contactMethodsGrid{grid-template-columns:1fr}
.addressCard{flex-direction:column;padding:40px 28px}
.addressCard .imageSlot{flex:1 1 100%;max-width:100%}
.addressCard .imageSlot img{height:280px}
.addressCard .textSlot h2{font-size:26px}
}
@media (max-width: 480px) {
.contactIntroBlock .textContent h1{font-size:28px}
.contactIntroBlock .imageHolder img{height:280px}
.formHeadline h2{font-size:24px}
.submitButton{font-size:16px;padding:18px 36px}
}
.learningStage{max-width:1320px;margin:60px auto;padding:0 24px}
.programIntro{background:linear-gradient(135deg,#F1F0EC 0%,#fff 100%);border-radius:32px;padding:80px 60px;margin-bottom:100px;position:relative;overflow:hidden}
.programIntro::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#91706514 0%,transparent 70%);border-radius:50%}
.programIntro .introGrid{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;position:relative;z-index:2}
.programIntro .textContent h1{font-size:48px;color:#24221D;margin:0 0 24px;line-height:1.2}
.programIntro .textContent h1 .highlightPhrase{color:#917065;position:relative;display:inline-block}
.programIntro .textContent h1 .highlightPhrase::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#917065 0%,transparent 100%)}
.programIntro .textContent p{font-size:18px;color:#24221D;line-height:1.7;margin:0 0 16px;opacity:.85}
.programIntro .visualFrame{position:relative}
.programIntro .visualFrame img{width:100%;height:460px;object-fit:cover;border-radius:24px;box-shadow:0 20px 60px #24221d26}
.programIntro .visualFrame::before{content:'';position:absolute;top:-16px;left:-16px;width:120px;height:120px;border:3px solid #917065;border-radius:24px;z-index:-1}
.programIntro .visualFrame::after{content:'';position:absolute;bottom:-16px;right:-16px;width:80px;height:80px;background:linear-gradient(135deg,#917065 0%,#24221D 100%);border-radius:50%;z-index:-1}
.pathwayGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:100px}
.pathCard{background:#fff;border-radius:28px;padding:48px 36px;box-shadow:0 12px 40px #24221d14;transition:all .4s ease;border:2px solid transparent}
.pathCard:hover{transform:translateY(-8px);box-shadow:0 24px 60px #9170652e;border-color:#917065}
.pathCard .cardIcon{width:64px;height:64px;background:linear-gradient(135deg,#917065 0%,#24221D 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.pathCard .cardIcon svg{width:32px;height:32px;fill:#F1F0EC}
.pathCard h3{font-size:24px;color:#24221D;margin:0 0 16px;line-height:1.3}
.pathCard p{font-size:16px;color:#24221D;line-height:1.6;margin:0 0 12px;opacity:.75}
.pathCard .durationTag{display:inline-block;background:#F1F0EC;color:#917065;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-top:12px}
.experienceSection{background:linear-gradient(180deg,#24221D 0%,#917065 100%);border-radius:36px;padding:80px 60px;position:relative;overflow:hidden}
.experienceSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,#f1f0ec08 0%,transparent 50%),radial-gradient(circle at 80% 70%,#f1f0ec0d 0%,transparent 50%)}
.experienceSection .sectionHeader{text-align:center;margin-bottom:60px;position:relative;z-index:2}
.experienceSection .sectionHeader h2{font-size:42px;color:#F1F0EC;margin:0 0 20px;line-height:1.2}
.experienceSection .sectionHeader p{font-size:18px;color:#F1F0EC;opacity:.85;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.testimonialLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;position:relative;z-index:2}
.voiceCard{background:#ffffff14;backdrop-filter:blur(10px);border-radius:24px;padding:40px;border:1px solid #f1f0ec26;transition:all .3s ease}
.voiceCard:hover{background:#ffffff1f;transform:translateY(-4px)}
.voiceCard .profileArea{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.voiceCard .profileArea img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #f1f0ec33}
.voiceCard .profileArea .nameBox h4{font-size:20px;color:#F1F0EC;margin:0 0 6px}
.voiceCard .profileArea .nameBox p{font-size:14px;color:#F1F0EC;opacity:.7;margin:0}
.voiceCard .quoteText{font-size:16px;color:#F1F0EC;line-height:1.7;margin:0;opacity:.9;font-style:italic}
.voiceCard .ratingStars{margin-top:20px;display:flex;gap:6px}
.voiceCard .ratingStars svg{width:18px;height:18px;fill:#F1F0EC}
.actionBar{text-align:center;margin-top:60px;position:relative;z-index:2}
.actionBar .primaryBtn{display:inline-block;background:#F1F0EC;color:#24221D;padding:18px 48px;border-radius:28px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #f1f0ec33}
.actionBar .primaryBtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f1f0ec4d;background:#fff}
@media (max-width: 1024px) {
.programIntro .introGrid{grid-template-columns:1fr;gap:40px}
.programIntro .visualFrame img{height:380px}
.pathwayGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.testimonialLayout{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.learningStage{margin:40px auto;padding:0 20px}
.programIntro{padding:60px 32px;margin-bottom:60px}
.programIntro .textContent h1{font-size:36px}
.programIntro .visualFrame img{height:320px}
.pathwayGrid{grid-template-columns:1fr;gap:24px;margin-bottom:60px}
.pathCard{padding:36px 28px}
.experienceSection{padding:60px 32px}
.experienceSection .sectionHeader h2{font-size:32px}
.voiceCard{padding:32px 24px}
.actionBar .primaryBtn{padding:16px 40px;font-size:16px}
}
@media (max-width: 480px) {
.programIntro .textContent h1{font-size:28px}
.programIntro .visualFrame img{height:280px}
.experienceSection .sectionHeader h2{font-size:28px}
.voiceCard .profileArea{flex-direction:column;text-align:center}
}
.confirmWrapper{max-width:1320px;margin:0 auto;padding:80px 20px}
.messageStage{background:linear-gradient(135deg,#F1F0EC 0%,#91706514 100%);border-radius:32px;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 16px 48px #24221d0f}
.messageStage::before{content:'';position:absolute;top:-40px;right:-40px;width:280px;height:280px;background:radial-gradient(circle,#9170651f 0%,transparent 70%);border-radius:50%}
.messageStage::after{content:'';position:absolute;bottom:-60px;left:-60px;width:340px;height:340px;background:radial-gradient(circle,#24221d0a 0%,transparent 70%);border-radius:50%}
.confirmContent{position:relative;z-index:2;text-align:center;max-width:720px;margin:0 auto}
.iconCircle{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#24221D 0%,#917065 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #24221d26;position:relative}
.iconCircle::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid #91706533}
.checkIcon{width:48px;height:48px;fill:none;stroke:#F1F0EC;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.confirmHeading{font-size:42px;font-weight:700;color:#24221D;margin:0 0 20px;line-height:1.2}
.confirmHeading .accent{background:linear-gradient(135deg,#917065 0%,#24221D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.confirmText{font-size:18px;line-height:1.6;color:#24221dbf;margin:0 0 36px}
.navActions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btnPrimary{padding:16px 36px;background:linear-gradient(135deg,#24221D 0%,#917065 100%);color:#F1F0EC;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 8px 24px #24221d26;border:none}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #24221d38}
.btnSecondary{padding:16px 36px;background:transparent;color:#24221D;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;border:2px solid #24221d26}
.btnSecondary:hover{border-color:#917065;color:#917065;transform:translateY(-2px)}
.detailSection{max-width:1320px;margin:80px auto 0;padding:0 20px}
.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.infoCard{background:#F1F0EC;border-radius:24px;padding:40px 32px;position:relative;transition:all .4s ease;border:2px solid transparent}
.infoCard:hover{border-color:#9170654d;transform:translateY(-4px);box-shadow:0 16px 40px #24221d14}
.infoCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#24221D 0%,#917065 100%);border-radius:24px 24px 0 0}
.cardIcon{width:56px;height:56px;margin-bottom:24px;background:linear-gradient(135deg,#24221d14 0%,#91706514 100%);border-radius:16px;display:flex;align-items:center;justify-content:center}
.cardIcon svg{width:28px;height:28px;fill:none;stroke:#917065;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cardTitle{font-size:22px;font-weight:700;color:#24221D;margin:0 0 12px}
.cardDetail{font-size:15px;line-height:1.6;color:#24221db3;margin:0}
.contactLink{color:#917065;text-decoration:none;font-weight:600;transition:color .3s ease}
.contactLink:hover{color:#24221D}
@media (max-width: 992px) {
.confirmWrapper{padding:60px 20px}
.messageStage{padding:50px 30px}
.confirmHeading{font-size:36px}
.infoGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.confirmWrapper{padding:40px 16px}
.messageStage{padding:40px 24px;border-radius:24px}
.iconCircle{width:80px;height:80px;margin-bottom:24px}
.checkIcon{width:40px;height:40px}
.confirmHeading{font-size:28px;margin-bottom:16px}
.confirmText{font-size:16px;margin-bottom:28px}
.navActions{flex-direction:column;gap:12px}
.btnPrimary,.btnSecondary{width:100%;justify-content:center;padding:14px 28px}
.infoGrid{grid-template-columns:1fr;gap:16px}
.infoCard{padding:32px 24px}
.cardTitle{font-size:20px}
.detailSection{margin-top:60px}
}
@media (max-width: 480px) {
.messageStage::before,.messageStage::after{display:none}
.confirmHeading{font-size:24px}
.confirmText{font-size:15px}
}