@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;1,400;0,500;1,500;0,700;1,700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Roboto Mono',monospace;background:#fafafa;color:#1a1a1a;line-height:1.6}
.siteheader{background:linear-gradient(195deg,#A0B5C5 0%,#d4dfe7 100%);padding:0;box-shadow:0 4px 16px #00000014}
.brandrowbox{background:#ffffff4d;padding:32px 24px;text-align:center;border-bottom:2px solid #862f121a}
.brandrowbox .containermax{max-width:1536px;margin:0 auto}
.companyname{font-size:56px;font-weight:700;color:#862F12;letter-spacing:-1px;margin-bottom:8px;text-shadow:2px 2px 8px #0000001a}
.taglinetext{font-size:18px;color:#2d2d2d;font-weight:400;letter-spacing:.5px}
.navrowbox{padding:20px 24px}
.navrowbox .containermax{max-width:1536px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.logowrapper{flex-shrink:0}
.logowrapper img{height:85px;width:85px;display:block;background:#ffffffe6;padding:8px;border-radius:24px;box-shadow:0 4px 12px #0000001f}
.mainnavlist{display:flex;list-style:none;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.mainnavlist li a{display:block;padding:14px 24px;color:#1a1a1a;text-decoration:none;font-weight:500;font-size:15px;border-radius:20px;background:#fff9;transition:background .3s ease,color .3s ease}
.mainnavlist li a:hover{background:#862F12;color:#fff}
.sitefooter{background:linear-gradient(15deg,#2d2d2d 0%,#1a1a1a 100%);color:#e0e0e0;padding:48px 24px 24px;margin-top:80px}
.footertoparea{max-width:1536px;margin:0 auto 32px;padding-bottom:32px;border-bottom:1px solid #a0b5c533}
.footernavlist{display:flex;list-style:none;gap:24px;flex-wrap:wrap;justify-content:center}
.footernavlist li a{color:#e0e0e0;text-decoration:none;font-size:14px;transition:color .3s ease}
.footernavlist li a:hover{color:#FECBCF}
.footerbottomarea{max-width:1536px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.copyrighttext{font-size:13px;color:#a0a0a0}
.contactinfobox{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}
.contactinfobox a{color:#a0a0a0;text-decoration:none;transition:color .3s ease}
.contactinfobox a:hover{color:#FECBCF}
.cookiepopupcard{position:fixed;bottom:24px;right:24px;max-width:420px;background:#fff;border-radius:24px;padding:28px;box-shadow:0 12px 32px #0000002e;display:none;z-index:9999;border:2px solid #A0B5C5}
.cookiepopupcard.showcard{display:block}
.cookieheadline{font-size:18px;font-weight:700;color:#862F12;margin-bottom:12px}
.cookiemessage{font-size:14px;color:#2d2d2d;margin-bottom:20px;line-height:1.5}
.cookiebuttonrow{display:flex;gap:12px}
.cookiebuttonrow button{flex:1;padding:12px 20px;border:none;border-radius:16px;font-family:'Roboto Mono',monospace;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s ease,transform .2s ease}
.cookiebuttonrow button:hover{transform:translateY(-1px)}
.acceptbutton{background:#862F12;color:#fff}
.acceptbutton:hover{background:#6b2510}
.declinebutton{background:#e0e0e0;color:#2d2d2d}
.declinebutton:hover{background:#d0d0d0}
@media (max-width: 768px) {
.companyname{font-size:36px}
.taglinetext{font-size:15px}
.navrowbox .containermax{flex-direction:column;gap:20px}
.mainnavlist{justify-content:center}
.mainnavlist li a{padding:12px 18px;font-size:14px}
.footerbottomarea{flex-direction:column;text-align:center}
.cookiepopupcard{right:16px;left:16px;bottom:16px;max-width:none}
}
@media (max-width: 480px) {
.companyname{font-size:28px}
.logowrapper img{height:65px;width:65px}
.mainnavlist{flex-direction:column;width:100%}
.mainnavlist li{width:100%}
.mainnavlist li a{text-align:center}
.cookiebuttonrow{flex-direction:column}
}
.legal-text-ws7{max-width:1536px;margin:0 auto;padding:80px 24px;background:#fff}
@media (min-width: 768px) {
.legal-text-ws7{padding:120px 48px}
}
@media (min-width: 1024px) {
.legal-text-ws7{padding:140px 80px}
}
.legal-text-ws7 h1{font-size:42px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 48px;letter-spacing:-.02em}
@media (min-width: 768px) {
.legal-text-ws7 h1{font-size:56px;margin-bottom:64px}
}
.legal-text-ws7 h2{font-size:32px;font-weight:600;line-height:1.3;color:#2a2a2a;margin:64px 0 24px;letter-spacing:-.01em}
@media (min-width: 768px) {
.legal-text-ws7 h2{font-size:38px;margin-top:80px;margin-bottom:32px}
}
.legal-text-ws7 h3{font-size:24px;font-weight:600;line-height:1.4;color:#3a3a3a;margin:48px 0 20px}
@media (min-width: 768px) {
.legal-text-ws7 h3{font-size:28px;margin-top:56px;margin-bottom:24px}
}
.legal-text-ws7 h4{font-size:20px;font-weight:600;line-height:1.5;color:#4a4a4a;margin:40px 0 16px}
@media (min-width: 768px) {
.legal-text-ws7 h4{font-size:22px;margin-top:48px;margin-bottom:20px}
}
.legal-text-ws7 h5{font-size:18px;font-weight:600;line-height:1.5;color:#5a5a5a;margin:32px 0 14px}
.legal-text-ws7 h6{font-size:16px;font-weight:600;line-height:1.6;color:#6a6a6a;margin:28px 0 12px;text-transform:uppercase;letter-spacing:.05em}
.legal-text-ws7 p{font-size:17px;line-height:1.8;color:#404040;margin:0 0 24px}
@media (min-width: 768px) {
.legal-text-ws7 p{font-size:18px;line-height:1.9;margin-bottom:28px}
}
.legal-text-ws7 strong,.legal-text-ws7 b{font-weight:600;color:#2a2a2a}
.legal-text-ws7 em,.legal-text-ws7 i{font-style:italic;color:#505050}
.legal-text-ws7 ul,.legal-text-ws7 ol{margin:0 0 32px;padding-left:28px}
@media (min-width: 768px) {
.legal-text-ws7 ul,.legal-text-ws7 ol{padding-left:32px;margin-bottom:40px}
}
.legal-text-ws7 ul{list-style-type:disc}
.legal-text-ws7 ol{list-style-type:decimal}
.legal-text-ws7 ul ul,.legal-text-ws7 ol ol,.legal-text-ws7 ul ol,.legal-text-ws7 ol ul{margin-top:12px;margin-bottom:12px}
.legal-text-ws7 li{font-size:17px;line-height:1.8;color:#404040;margin-bottom:12px;padding-left:8px}
@media (min-width: 768px) {
.legal-text-ws7 li{font-size:18px;line-height:1.9;margin-bottom:14px}
}
.legal-text-ws7 li strong{color:#2a2a2a}
.legal-text-ws7 table{width:100%;border-collapse:collapse;margin:40px 0;font-size:16px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000014}
@media (min-width: 768px) {
.legal-text-ws7 table{font-size:17px;margin:56px 0}
}
.legal-text-ws7 thead{background:linear-gradient(135deg,#A0B5C5 0%,#8aa0b0 100%)}
.legal-text-ws7 thead tr{border:none}
.legal-text-ws7 thead th{padding:20px 16px;text-align:left;font-weight:600;color:#fff;font-size:16px;letter-spacing:.02em;border:none}
@media (min-width: 768px) {
.legal-text-ws7 thead th{padding:24px 20px;font-size:17px}
}
.legal-text-ws7 tbody tr{border-bottom:1px solid #e8e8e8;transition:background .3s ease}
.legal-text-ws7 tbody tr:last-child{border-bottom:none}
.legal-text-ws7 tbody tr:hover{background:#f9fafb}
.legal-text-ws7 tbody td{padding:18px 16px;color:#404040;line-height:1.7;vertical-align:top}
@media (min-width: 768px) {
.legal-text-ws7 tbody td{padding:22px 20px}
}
.legal-text-ws7 td strong,.legal-text-ws7 th strong{font-weight:600;color:inherit}
.legal-text-ws7 hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#A0B5C5 20%,#862F12 50%,#A0B5C5 80%,transparent 100%);margin:64px 0;opacity:.3}
@media (min-width: 768px) {
.legal-text-ws7 hr{margin:80px 0}
}
.legal-text-ws7 a{color:#862F12;text-decoration:underline;text-decoration-color:#862f124d;text-underline-offset:3px;transition:all .3s ease}
.legal-text-ws7 a:hover{color:#6b2410;text-decoration-color:#862f12b3}
@media (max-width: 767px) {
.legal-text-ws7 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal-text-ws7 thead th,.legal-text-ws7 tbody td{white-space:nowrap;min-width:120px}
}
.heroaboutblock{max-width:1536px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.heroaboutblock .textcontainer h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.heroaboutblock .textcontainer .subheadline{font-size:20px;line-height:1.6;color:#4a4a4a;margin:0 0 32px}
.heroaboutblock .textcontainer .descriptiontext{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0 0 16px}
.heroaboutblock .imagecontainerblock{position:relative;width:100%;height:520px}
.heroaboutblock .imagecontainerblock img{width:100%;height:100%;object-fit:cover;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);border-radius:24px}
.heroaboutblock .decorshape{position:absolute;width:180px;height:180px;background:linear-gradient(135deg,#A0B5C5 0%,#FECBCF 100%);border-radius:50%;top:-32px;right:-32px;opacity:.3;animation:floatshape 6s ease-in-out infinite;z-index:-1}
@keyframes floatshape {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-20px) rotate(180deg)}
}
.storyjourney{background:linear-gradient(195deg,#A0B5C5 0%,#f8f9fa 50%,#FECBCF 100%);padding:96px 24px;position:relative;overflow:hidden}
.storyjourney::before{content:'';position:absolute;width:400px;height:400px;background:#862f1214;border-radius:50%;top:-100px;left:-100px}
.storyjourney .contentbox{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:start}
.storyjourney .textcol h2{font-size:40px;line-height:1.3;color:#1a1a1a;margin:0 0 32px;font-weight:700;position:relative;padding-left:20px}
.storyjourney .textcol h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#862F12 0%,#A0B5C5 100%);border-radius:8px}
.storyjourney .textcol .paragraph{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 24px}
.storyjourney .imagegrid{display:grid;gap:20px}
.storyjourney .imagegrid img{width:100%;height:280px;object-fit:cover;border-radius:20px;box-shadow:0 12px 32px #0000001f;transition:transform .4s ease,box-shadow .4s ease}
.storyjourney .imagegrid img:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0000002e}
.valuesection{max-width:1536px;margin:0 auto;padding:96px 24px}
.valuesection .titlearea{text-align:center;margin-bottom:72px}
.valuesection .titlearea h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.valuesection .titlearea .subtitle{font-size:18px;line-height:1.6;color:#5a5a5a;max-width:720px;margin:0 auto}
.valuesection .gridvalues{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesection .valuecardbox{background:#fff;border-radius:24px;padding:48px 32px;box-shadow:0 8px 24px #00000014;transition:all .3s ease;position:relative;overflow:hidden}
.valuesection .valuecardbox::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#A0B5C5 0%,#862F12 100%);transform:scaleX(0);transition:transform .4s ease}
.valuesection .valuecardbox:hover::before{transform:scaleX(1)}
.valuesection .valuecardbox:hover{transform:translateY(-12px);box-shadow:0 16px 48px #00000024}
.valuesection .valuecardbox .iconwrap{width:72px;height:72px;background:linear-gradient(135deg,#FECBCF 0%,#A0B5C5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:32px;color:#862F12}
.valuesection .valuecardbox h3{font-size:24px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.valuesection .valuecardbox .desctext{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0}
.teampresence{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);padding:96px 24px}
.teampresence .wrapperinner{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:center}
.teampresence .imagearea{position:relative}
.teampresence .imagearea img{width:100%;height:480px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #0000001f}
.teampresence .imagearea .shapedecor{position:absolute;width:200px;height:200px;background:linear-gradient(225deg,#862F12 0%,#FECBCF 100%);border-radius:28px;bottom:-24px;right:-24px;opacity:.2;transform:rotate(12deg);z-index:-1}
.teampresence .contentarea h2{font-size:40px;line-height:1.3;color:#1a1a1a;margin:0 0 28px;font-weight:700}
.teampresence .contentarea .paragraph{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 24px}
.teampresence .contentarea .highlight{background:linear-gradient(135deg,#FECBCF 0%,#A0B5C5 100%);padding:32px;border-radius:20px;margin-top:32px}
.teampresence .contentarea .highlight .statsnumber{font-size:48px;line-height:1;color:#862F12;font-weight:700;margin:0 0 12px}
.teampresence .contentarea .highlight .statslabel{font-size:18px;line-height:1.4;color:#1a1a1a;margin:0;font-weight:500}
.commitment{max-width:1536px;margin:0 auto;padding:96px 24px}
.commitment .headercommit{text-align:center;margin-bottom:64px}
.commitment .headercommit h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.commitment .headercommit h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#A0B5C5 0%,#862F12 50%,#FECBCF 100%);border-radius:8px}
.commitment .headercommit .subtextcommit{font-size:18px;line-height:1.6;color:#5a5a5a;max-width:800px;margin:24px auto 0}
.commitment .layoutcommit{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.commitment .columncommit{display:flex;flex-direction:column;gap:32px}
.commitment .itemcommit{background:#fff;border-left:5px solid #A0B5C5;padding:32px 28px;border-radius:16px;box-shadow:0 6px 20px #00000014;transition:all .3s ease}
.commitment .itemcommit:nth-child(2){border-left-color:#862F12}
.commitment .itemcommit:nth-child(3){border-left-color:#FECBCF}
.commitment .itemcommit:hover{transform:translateX(8px);box-shadow:0 12px 32px #00000024}
.commitment .itemcommit h4{font-size:22px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.commitment .itemcommit .textcommit{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0}
.commitment .imagegroupcommit{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}
.commitment .imagegroupcommit img{width:100%;height:320px;object-fit:cover;border-radius:20px;box-shadow:0 10px 28px #0000001a}
@media (max-width: 1024px) {
.heroaboutblock{grid-template-columns:1fr;gap:48px;padding:64px 24px}
.heroaboutblock .textcontainer h1{font-size:38px}
.heroaboutblock .imagecontainerblock{height:400px}
.storyjourney .contentbox{grid-template-columns:1fr;gap:56px}
.valuesection .gridvalues{grid-template-columns:1fr;gap:32px}
.teampresence .wrapperinner{grid-template-columns:1fr;gap:48px}
.commitment .layoutcommit{grid-template-columns:1fr;gap:32px}
.commitment .imagegroupcommit{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroaboutblock{padding:48px 20px}
.heroaboutblock .textcontainer h1{font-size:32px}
.heroaboutblock .textcontainer .subheadline{font-size:18px}
.heroaboutblock .imagecontainerblock{height:320px}
.storyjourney{padding:72px 20px}
.storyjourney .textcol h2{font-size:32px}
.valuesection{padding:72px 20px}
.valuesection .titlearea h2{font-size:34px}
.teampresence{padding:72px 20px}
.teampresence .contentarea h2{font-size:32px}
.teampresence .imagearea img{height:360px}
.commitment{padding:72px 20px}
.commitment .headercommit h2{font-size:34px}
}
.titlezone{position:relative;width:100%;max-width:1536px;margin:0 auto;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:28px;margin-top:40px;margin-bottom:60px}
.titlezone .bgimage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;animation:slowzoom 20s ease-in-out infinite alternate}
@keyframes slowzoom {
0%{transform:scale(1)}
100%{transform:scale(1.08)}
}
.titlezone .textoverlay{position:relative;z-index:2;background:#fffffff0;padding:48px 56px;border-radius:24px;max-width:720px;margin:0 20px;box-shadow:0 12px 48px #00000026}
.titlezone .textoverlay .manifesto{font-size:18px;line-height:1.7;color:#2a2a2a;text-align:center}
.titlezone .textoverlay .manifesto .highlight{color:#862F12;font-weight:600}
.titlezone .decorline{width:80px;height:3px;background:linear-gradient(90deg,#A0B5C5 0%,#862F12 100%);margin:28px auto;border-radius:3px}
.supportarea{width:100%;max-width:1536px;margin:0 auto 80px;padding:0 20px}
.supportarea .sectionhead{text-align:center;margin-bottom:48px}
.supportarea .sectionhead h2{font-size:38px;color:#2a2a2a;margin:0 0 16px;font-weight:700}
.supportarea .sectionhead .subtitle{font-size:17px;color:#555;line-height:1.6}
.supportarea .supportgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.supportarea .supportcard{background:linear-gradient(135deg,#FECBCF 0%,#f8f9fa 100%);padding:40px 32px;border-radius:20px;box-shadow:0 8px 24px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.supportarea .supportcard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001f}
.supportarea .supportcard .cardicon{font-size:42px;color:#862F12;margin-bottom:20px}
.supportarea .supportcard h3{font-size:24px;color:#2a2a2a;margin:0 0 14px;font-weight:600}
.supportarea .supportcard .carddesc{font-size:16px;color:#444;line-height:1.6;margin-bottom:24px}
.supportarea .supportcard .cardfeatures{list-style:none;padding:0;margin:0}
.supportarea .supportcard .cardfeatures li{padding:8px 0;font-size:15px;color:#555;position:relative;padding-left:24px}
.supportarea .supportcard .cardfeatures li::before{content:'→';position:absolute;left:0;color:#862F12;font-weight:700}
.inspirezone{width:100%;background:linear-gradient(165deg,#A0B5C5 0%,#f8f9fa 100%);padding:80px 20px;margin-bottom:80px}
.inspirezone .innerwrap{max-width:1536px;margin:0 auto}
.inspirezone .zoneheader{text-align:center;margin-bottom:56px}
.inspirezone .zoneheader h2{font-size:36px;color:#2a2a2a;margin:0 0 18px;font-weight:700}
.inspirezone .zoneheader .intro{font-size:17px;color:#444;line-height:1.7;max-width:780px;margin:0 auto}
.inspirezone .pathgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.inspirezone .pathbox{background:#fff;border-radius:24px;padding:36px;box-shadow:0 6px 20px #00000012;position:relative;overflow:hidden}
.inspirezone .pathbox::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#862F12 0%,#FECBCF 100%)}
.inspirezone .pathbox .pathnum{font-size:48px;font-weight:700;color:#a0b5c54d;margin:0 0 16px;line-height:1}
.inspirezone .pathbox h4{font-size:22px;color:#2a2a2a;margin:0 0 14px;font-weight:600}
.inspirezone .pathbox .pathtext{font-size:16px;color:#555;line-height:1.7;margin-bottom:20px}
.inspirezone .pathbox .pathimage{width:100%;height:200px;object-fit:cover;border-radius:16px;margin-top:20px}
.businessarea{width:100%;max-width:1536px;margin:0 auto 80px;padding:0 20px}
.businessarea .areaheader{margin-bottom:52px}
.businessarea .areaheader h2{font-size:38px;color:#2a2a2a;margin:0 0 20px;font-weight:700}
.businessarea .areaheader .leadtext{font-size:18px;color:#555;line-height:1.7;max-width:860px}
.businessarea .programlayout{display:flex;gap:48px;align-items:flex-start}
.businessarea .programvisual{flex:0 0 480px}
.businessarea .programvisual img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 32px #0000001a}
.businessarea .programdetails{flex:1}
.businessarea .programlist{display:flex;flex-direction:column;gap:28px}
.businessarea .programitem{background:linear-gradient(135deg,#f8f9fa 0%,#FECBCF 30%);padding:32px;border-radius:20px;border-left:5px solid #862F12;transition:transform .3s ease,box-shadow .3s ease}
.businessarea .programitem:hover{transform:translateX(8px);box-shadow:0 8px 28px #0000001a}
.businessarea .programitem h4{font-size:22px;color:#2a2a2a;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:12px}
.businessarea .programitem h4::before{content:'';width:32px;height:32px;background:#862F12;border-radius:8px;flex-shrink:0}
.businessarea .programitem .itemdesc{font-size:16px;color:#444;line-height:1.6;margin-bottom:16px}
.businessarea .programitem .itembenefits{display:flex;flex-wrap:wrap;gap:12px}
.businessarea .programitem .benefit{background:#fff;padding:8px 16px;border-radius:12px;font-size:14px;color:#555;box-shadow:0 2px 8px #0000000d}
.businessarea .ctarow{margin-top:48px;text-align:center}
.businessarea .ctabtn{display:inline-block;background:linear-gradient(135deg,#862F12 0%,#A0B5C5 100%);color:#fff;padding:18px 48px;border-radius:16px;font-size:18px;font-weight:600;text-decoration:none;box-shadow:0 8px 24px #862f124d;transition:transform .3s ease,box-shadow .3s ease;z-index:10;position:relative}
.businessarea .ctabtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #862f1266}
@media (max-width: 1024px) {
.titlezone{min-height:420px;margin-top:30px;margin-bottom:50px}
.titlezone .textoverlay{padding:36px 40px}
.inspirezone .pathgrid{grid-template-columns:1fr;gap:32px}
.businessarea .programlayout{flex-direction:column}
.businessarea .programvisual{flex:0 0 auto;width:100%}
}
@media (max-width: 768px) {
.titlezone{min-height:360px;border-radius:20px;margin-top:20px;margin-bottom:40px}
.titlezone .textoverlay{padding:28px 24px;max-width:90%}
.titlezone .textoverlay .manifesto{font-size:16px}
.supportarea .sectionhead h2{font-size:30px}
.supportarea .supportgrid{grid-template-columns:1fr;gap:24px}
.inspirezone{padding:60px 20px;margin-bottom:60px}
.inspirezone .zoneheader h2{font-size:30px}
.businessarea .areaheader h2{font-size:30px}
.businessarea .programlayout{gap:32px}
.businessarea .ctabtn{padding:16px 36px;font-size:16px}
}
.topblock{position:relative;width:100%;max-width:1536px;margin:0 auto 80px;padding:120px 24px 80px;background:linear-gradient(195deg,#A0B5C5 0%,#862F12 50%,#FECBCF 100%);border-radius:28px;overflow:hidden}
.topblock::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,#ffffff08 35px,#ffffff08 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,#00000005 35px,#00000005 70px);pointer-events:none}
.topblock::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffffff40 0%,transparent 70%);filter:blur(60px);pointer-events:none}
.titlearea{position:relative;z-index:2;max-width:920px;margin:0 auto;text-align:center}
.pagemaintitle{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.15;text-shadow:0 4px 12px #00000026}
.pagemaintitle::after{content:'';display:block;width:80px;height:4px;background:#fff6;margin:28px auto 0;border-radius:2px}
.pagesubline{font-size:1.3rem;color:#ffffffeb;margin:0;line-height:1.6;max-width:680px;margin-left:auto;margin-right:auto}
.contentgrid{width:100%;max-width:1536px;margin:0 auto;padding:0 24px 100px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.infoboxzone{background:#fff;border-radius:24px;padding:48px;box-shadow:0 8px 32px #00000014;position:sticky;top:40px}
.infoboxzone h2{font-size:1.9rem;font-weight:700;color:#862F12;margin:0 0 32px;line-height:1.3}
.infoboxzone h2::before{content:'';display:inline-block;width:6px;height:28px;background:linear-gradient(180deg,#A0B5C5,#862F12);margin-right:12px;vertical-align:middle;border-radius:3px}
.contactitem{display:flex;align-items:flex-start;gap:18px;margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#a0b5c50f 0%,#fecbcf14 100%);border-radius:18px;transition:all .35s ease}
.contactitem:hover{background:linear-gradient(135deg,#a0b5c51f 0%,#fecbcf26 100%);transform:translateX(6px);box-shadow:-4px 0 0 0 #A0B5C5}
.contactitem i{font-size:1.6rem;color:#862F12;flex-shrink:0;margin-top:2px}
.contactdetails{flex:1}
.contactlabel{font-size:.85rem;font-weight:600;color:#A0B5C5;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}
.contactvalue{font-size:1.1rem;color:#1a1a1a;margin:0;line-height:1.5}
.contactvalue a{color:#862F12;text-decoration:none;font-weight:500;transition:all .3s ease}
.contactvalue a:hover{color:#A0B5C5;text-decoration:underline}
.formregion{background:#fff;border-radius:24px;padding:56px;box-shadow:0 8px 32px #00000014}
.formtitle{font-size:2.1rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3}
.formexplanation{font-size:1.05rem;color:#666;margin:0 0 44px;line-height:1.6}
.inputwrapper{margin-bottom:28px;position:relative}
.inputwrapper label{display:block;font-size:.95rem;font-weight:600;color:#2a2a2a;margin-bottom:10px;padding-left:2px}
.inputwrapper input,.inputwrapper textarea,.inputwrapper select{width:100%;padding:16px 20px;font-size:1rem;color:#1a1a1a;background:#f8f9fa;border:2px solid transparent;border-radius:16px;outline:none;transition:all .3s ease;box-sizing:border-box}
.inputwrapper input:focus,.inputwrapper textarea:focus,.inputwrapper select:focus{background:#fff;border-color:#A0B5C5;box-shadow:0 4px 16px #a0b5c526}
.inputwrapper textarea{min-height:160px;resize:vertical;font-family:inherit}
.inputwrapper select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23862F12' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:24px;padding-right:48px}
.privacycheck{margin:36px 0;display:flex;align-items:flex-start;gap:12px}
.privacycheck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#862F12}
.privacycheck label{font-size:.95rem;color:#444;line-height:1.5;cursor:pointer}
.privacycheck a{color:#862F12;text-decoration:underline;font-weight:500;transition:color .3s ease}
.privacycheck a:hover{color:#A0B5C5}
.submitbtn{width:100%;padding:18px 36px;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#862F12 0%,#A0B5C5 100%);border:none;border-radius:18px;cursor:pointer;transition:all .35s ease;box-shadow:0 6px 24px #862f1240;position:relative;overflow:hidden}
.submitbtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#A0B5C5 0%,#FECBCF 100%);transition:left .4s ease}
.submitbtn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #862f1259}
.submitbtn:hover::before{left:0}
.submitbtn span{position:relative;z-index:1}
.hoursbox{margin-top:48px;padding-top:32px;border-top:2px solid #a0b5c533}
.hoursbox h3{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.hoursbox h3::before{content:'';display:inline-block;width:4px;height:20px;background:#FECBCF;margin-right:10px;vertical-align:middle;border-radius:2px}
.hourslist{display:flex;flex-direction:column;gap:12px}
.hourentry{display:flex;justify-content:space-between;padding:12px 16px;background:#fecbcf1a;border-radius:12px;font-size:.95rem}
.dayname{color:#2a2a2a;font-weight:600}
.timeslot{color:#666}
@media (max-width: 1024px) {
.contentgrid{grid-template-columns:1fr;gap:48px}
.infoboxzone{position:static}
.pagemaintitle{font-size:2.6rem}
.formregion{padding:44px 36px}
}
@media (max-width: 768px) {
.topblock{padding:80px 20px 60px;margin-bottom:60px}
.pagemaintitle{font-size:2.2rem}
.pagesubline{font-size:1.1rem}
.contentgrid{padding:0 20px 80px}
.infoboxzone{padding:36px 28px}
.formregion{padding:36px 24px}
.formtitle{font-size:1.8rem}
.contactitem{flex-direction:column;gap:12px}
}
@media (max-width: 480px) {
.pagemaintitle{font-size:1.9rem}
.formregion{padding:28px 20px}
.infoboxzone{padding:28px 20px}
.submitbtn{padding:16px 28px;font-size:1rem}
}
.programheader{background:linear-gradient(135deg,#A0B5C5 0%,#FECBCF 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.programheader::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#862f121a 0%,transparent 70%);animation:rotateshape 30s linear infinite}
@keyframes rotateshape {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.headercontentbox{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.programheader .maintitle{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.programheader .subtitle{font-size:22px;color:#2d2d2d;margin:0;font-weight:400}
.imagewrapper{margin:60px 0 0;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #00000026;position:relative}
.imagewrapper::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #a0b5c580;border-radius:24px;pointer-events:none}
.imagewrapper img{width:100%;height:auto;display:block;filter:contrast(1.05)}
.curriculumsection{padding:100px 20px;background:#f8f9fa;position:relative}
.curriculumsection::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#A0B5C5 0%,#862F12 50%,#FECBCF 100%)}
.curriculumcontainer{max-width:1536px;margin:0 auto}
.sectiontitle{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 60px;text-align:left;position:relative;padding-left:24px}
.sectiontitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:#862F12;border-radius:3px}
.modulegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.modulebox{background:#fff;border-radius:28px;padding:40px;box-shadow:0 12px 32px #00000014;transition:all .4s ease;position:relative;border:2px solid transparent}
.modulebox:hover{transform:translateY(-8px);box-shadow:0 24px 48px #0000001f;border-color:#A0B5C5}
.moduleheader{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.modulenumber{width:56px;height:56px;background:linear-gradient(135deg,#A0B5C5,#862F12);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}
.moduletitle{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}
.moduledescription{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0 0 20px}
.topicslist{list-style:none;padding:0;margin:0}
.topicslist li{font-size:15px;color:#5a5a5a;padding:10px 0 10px 32px;position:relative;line-height:1.5}
.topicslist li::before{content:'';position:absolute;left:0;top:16px;width:18px;height:18px;background:#FECBCF;border-radius:4px;border:2px solid #862F12}
.approachsection{padding:100px 20px;background:#fff}
.approachcontent{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.textcolumn h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 32px;position:relative}
.textcolumn h2::after{content:'';position:absolute;bottom:-12px;left:0;width:120px;height:4px;background:linear-gradient(90deg,#862F12,#FECBCF);border-radius:2px}
.textcolumn p{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 24px}
.featuregrid{display:grid;gap:24px}
.featurebox{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:20px;padding:32px;border-left:5px solid #A0B5C5;transition:all .3s ease}
.featurebox:hover{border-left-color:#862F12;transform:translateX(8px);box-shadow:0 8px 24px #0000001a}
.featurebox h3{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.featurebox h3::before{content:'';width:8px;height:8px;background:#862F12;border-radius:50%}
.featurebox p{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.visualcolumn img{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 60px #00000026;display:block}
@media (max-width: 1024px) {
.programheader .maintitle{font-size:38px}
.programheader .subtitle{font-size:19px}
.modulegrid{grid-template-columns:1fr}
.approachcontent{grid-template-columns:1fr;gap:50px}
.sectiontitle{font-size:36px}
}
@media (max-width: 768px) {
.programheader{padding:60px 20px}
.programheader .maintitle{font-size:32px}
.programheader .subtitle{font-size:17px}
.curriculumsection{padding:70px 20px}
.sectiontitle{font-size:30px;margin-bottom:40px}
.modulebox{padding:30px}
.approachsection{padding:70px 20px}
.textcolumn h2{font-size:30px}
.approachcontent{gap:40px}
}
.tipshero{background:linear-gradient(195deg,#A0B5C5 0%,#862F12 50%,#FECBCF 100%);position:relative;padding:120px 20px 100px;overflow:hidden}
.tipshero::before{content:'';position:absolute;top:-50px;right:-50px;width:400px;height:400px;background:#fecbcf1f;border-radius:50%;z-index:1}
.tipshero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:350px;height:350px;background:#a0b5c526;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);z-index:1}
.herocontainerbox{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.herotextcontent{max-width:780px;margin:0 auto;text-align:center}
.herotextcontent h1{font-size:52px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.15;letter-spacing:-.5px}
.herotextcontent .herodescription{font-size:19px;line-height:1.7;color:#fffffff2;margin:0}
.strategysectionbox{padding:110px 20px;background:#f8f9fa}
.strategycontainer{max-width:1536px;margin:0 auto}
.strategygrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.strategyleftcol{display:flex;flex-direction:column;gap:32px}
.strategyleftcol h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.25}
.strategyleftcol h2::before{content:'';display:block;width:70px;height:5px;background:linear-gradient(90deg,#862F12,#A0B5C5);margin-bottom:20px;border-radius:20px}
.strategyintro{font-size:17px;line-height:1.75;color:#444;margin:0 0 28px}
.strategyimgwrap{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #862f1226}
.strategyimgwrap img{width:100%;height:auto;display:block;object-fit:cover}
.strategyimgwrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a0b5c540 0%,#862f1233 100%);pointer-events:none}
.strategyrightcol{display:flex;flex-direction:column;gap:24px}
.tipcard{background:#fff;padding:32px;border-radius:24px;border:1px solid #a0b5c533;box-shadow:0 4px 16px #0000000f;transition:all .35s ease;position:relative}
.tipcard:hover{transform:translateY(-4px);box-shadow:0 16px 32px #862f121f;border-color:#862f124d}
.tipcard h3{font-size:22px;font-weight:700;color:#862F12;margin:0 0 14px;display:flex;align-items:center;gap:12px}
.tipcard h3::before{content:'';width:8px;height:8px;background:#A0B5C5;border-radius:50%;display:block}
.tipcard p{font-size:16px;line-height:1.7;color:#555;margin:0}
.practicaladvice{padding:100px 20px;background:linear-gradient(180deg,#fff 0%,#f4f6f8 100%);position:relative}
.practicaladvice::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#A0B5C5 50%,transparent 100%)}
.advicecontainerbox{max-width:1536px;margin:0 auto}
.advicegridlayout{display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:start}
.advicesidebar{position:sticky;top:40px}
.advicesidebar h2{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2;position:relative;padding-left:22px}
.advicesidebar h2::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#862F12,#FECBCF);border-radius:20px}
.advicesidebar .sidebartext{font-size:16px;line-height:1.7;color:#666;margin:0 0 32px}
.adviceimgholder{border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #862f121f}
.adviceimgholder img{width:100%;height:auto;display:block;object-fit:cover}
.advicecontentarea{display:flex;flex-direction:column;gap:28px}
.adviceblock{background:#fff;padding:36px;border-radius:26px;border-left:4px solid #A0B5C5;box-shadow:0 6px 20px #0000000d;transition:all .3s ease}
.adviceblock:nth-child(even){border-left-color:#862F12}
.adviceblock:hover{box-shadow:0 12px 32px #00000014;transform:translateX(6px)}
.adviceblock h3{font-size:24px;font-weight:700;color:#862F12;margin:0 0 16px}
.adviceblock h3::after{content:'';display:block;width:50px;height:3px;background:#FECBCF;margin-top:10px;border-radius:20px}
.adviceblock p{font-size:16px;line-height:1.8;color:#444;margin:0 0 18px}
.adviceblock p:last-child{margin-bottom:0}
.bulletlist{display:flex;flex-direction:column;gap:12px;margin:20px 0 0}
.bulletitem{display:flex;align-items:start;gap:14px;font-size:15px;line-height:1.7;color:#555}
.bulletitem::before{content:'→';color:#862F12;font-weight:700;font-size:18px;flex-shrink:0;margin-top:2px}
.supportactionarea{padding:100px 20px 110px;background:linear-gradient(195deg,#FECBCF 0%,#A0B5C5 50%,#862F12 100%);position:relative;overflow:hidden}
.supportactionarea::before{content:'';position:absolute;top:-100px;right:10%;width:300px;height:300px;background:#ffffff14;border-radius:50%}
.supportactionarea::after{content:'';position:absolute;bottom:-50px;left:15%;width:250px;height:250px;background:#862f1226;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}
.supportcontainerbox{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.supportcontent{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}
.supporttext h2{font-size:40px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.25}
.supporttext p{font-size:17px;line-height:1.75;color:#ffffffeb;margin:0 0 32px}
.supporttext p:last-of-type{margin-bottom:40px}
.supportcta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#862F12;padding:16px 36px;border-radius:28px;font-size:17px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px #00000026;transition:all .3s ease}
.supportcta:hover{background:#862F12;color:#fff;transform:translateY(-2px);box-shadow:0 12px 32px #00000040}
.supportvisual{border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #0003;position:relative}
.supportvisual img{width:100%;height:auto;display:block;object-fit:cover}
.supportvisual::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a0b5c533 0%,#862f1240 100%)}
@media (max-width: 1024px) {
.tipshero{padding:100px 20px 80px}
.herotextcontent h1{font-size:42px}
.strategygrid{grid-template-columns:1fr;gap:50px}
.advicegridlayout{grid-template-columns:1fr;gap:50px}
.advicesidebar{position:static}
.supportcontent{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.tipshero{padding:80px 20px 60px}
.herotextcontent h1{font-size:34px}
.herotextcontent .herodescription{font-size:17px}
.strategysectionbox{padding:80px 20px}
.strategyleftcol h2{font-size:32px}
.tipcard{padding:24px}
.tipcard h3{font-size:20px}
.practicaladvice{padding:80px 20px}
.advicesidebar h2{font-size:30px}
.adviceblock{padding:28px}
.adviceblock h3{font-size:21px}
.supportactionarea{padding:80px 20px 90px}
.supporttext h2{font-size:32px}
.supportcta{padding:14px 28px;font-size:16px}
}
@media (max-width: 480px) {
.herotextcontent h1{font-size:28px}
.strategyleftcol h2{font-size:26px}
.tipcard h3{font-size:18px}
.advicesidebar h2{font-size:26px}
.adviceblock h3{font-size:19px}
.supporttext h2{font-size:26px}
}
.successwrap{max-width:1536px;margin:0 auto;padding:0}
.successherobox{background:linear-gradient(195deg,#A0B5C5 0%,#862F12 50%,#FECBCF 100%);padding:80px 24px;position:relative;overflow:hidden}
.successherobox::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#fecbcf26;border-radius:50%;animation:floatshape 8s ease-in-out infinite}
.successherobox::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#a0b5c533;border-radius:50%;animation:floatshape 10s ease-in-out infinite reverse}
@keyframes floatshape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.successheroinner{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.successiconbox{width:120px;height:120px;margin:0 auto 32px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 48px #862f1233;animation:pulseglow 2s ease-in-out infinite}
@keyframes pulseglow {
0%,100%{transform:scale(1);box-shadow:0 12px 48px #862f1233}
50%{transform:scale(1.05);box-shadow:0 16px 64px #862f124d}
}
.successiconbox i{font-size:64px;color:#862F12}
.successheroinner h1{font-size:48px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2;text-shadow:0 2px 12px #00000026}
.successdividerline{width:120px;height:4px;background:#fffc;margin:0 auto 32px;border-radius:20px;position:relative}
.successdividerline::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:12px;background:#fff;border-radius:20px}
.successmessagepara{font-size:20px;color:#fff;line-height:1.7;margin:0 0 40px;text-shadow:0 1px 4px #0000001a}
.successdetailsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:48px 0}
.successdetailcard{background:#fffffff2;padding:32px 24px;border-radius:24px;box-shadow:0 8px 32px #0000001a;transition:all .4s ease}
.successdetailcard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #862f1233}
.successdetailcard i{font-size:36px;color:#862F12;margin-bottom:16px;display:block}
.successdetailcard h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.successdetailcard p{font-size:15px;color:#4a4a4a;line-height:1.6;margin:0}
.successactionarea{display:flex;flex-direction:column;gap:16px;align-items:center}
.primaryactionbtn{display:inline-block;padding:18px 48px;background:#fff;color:#862F12;font-size:18px;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:0 8px 24px #00000026;transition:all .3s ease;position:relative;z-index:10}
.primaryactionbtn:hover{background:#FECBCF;color:#862F12;transform:translateY(-2px);box-shadow:0 12px 32px #862f1240}
.secondaryactionbtn{display:inline-block;padding:16px 40px;background:transparent;color:#fff;font-size:16px;font-weight:500;text-decoration:none;border:2px solid #fff9;border-radius:28px;transition:all .3s ease;position:relative;z-index:10}
.secondaryactionbtn:hover{background:#ffffff26;border-color:#fff}
.confirmationidbox{margin:48px 0 0;padding:24px;background:#ffffffe6;border-radius:20px;border-left:6px solid #862F12}
.confirmationidbox p{font-size:14px;color:#4a4a4a;margin:0 0 8px;line-height:1.5}
.confirmationcode{font-size:24px;font-weight:700;color:#862F12;font-family:monospace;letter-spacing:2px}
@media (max-width: 768px) {
.successherobox{padding:60px 20px}
.successheroinner h1{font-size:32px;margin-bottom:20px}
.successiconbox{width:100px;height:100px;margin-bottom:24px}
.successiconbox i{font-size:52px}
.successmessagepara{font-size:17px;margin-bottom:32px}
.successdetailsgrid{grid-template-columns:1fr;gap:16px;margin:32px 0}
.primaryactionbtn{width:100%;padding:16px 32px;font-size:16px}
.secondaryactionbtn{width:100%;padding:14px 32px;font-size:15px}
.confirmationcode{font-size:20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.successherobox{padding:72px 32px}
.successheroinner h1{font-size:40px}
.successdetailsgrid{grid-template-columns:repeat(2,1fr)}
}