*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inconsolata',monospace;line-height:1.6;color:#2a2a2a;background:#F3F2DD}
.headerBrand{background:linear-gradient(135deg,#06D9DA 0%,#854A25 100%);padding:28px 0}
.headerBrand .brandCenter{max-width:1200px;margin:0 auto;text-align:center}
.headerBrand .companyTitle{font-size:42px;font-weight:700;color:#F3F2DD;letter-spacing:2px;text-transform:uppercase}
.headerMiddle{background:#fff;padding:35px 20px;border-bottom:3px solid #06D9DA}
.headerMiddle .middleContent{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:40px}
.headerMiddle .contactBlock{display:flex;flex-direction:column;gap:18px;flex:1}
.headerMiddle .contactItem{display:flex;align-items:center;gap:12px;font-size:14px;color:#4a4a4a}
.headerMiddle .contactItem i{font-size:20px;color:#06D9DA}
.headerMiddle .logoSection{display:flex;justify-content:center;align-items:center;flex-shrink:0}
.headerMiddle .siteLogo{height:110px;width:110px;object-fit:contain;background:#F3F2DD;padding:12px;border-radius:12px;box-shadow:0 4px 12px #06d9da33}
.headerNav{background:#854A25;padding:0}
.headerNav .mainNavigation{max-width:1200px;margin:0 auto;display:flex;justify-content:center;gap:60px;padding:20px}
.headerNav .navLink{color:#F3F2DD;text-decoration:none;font-size:16px;font-weight:700;padding:12px 24px;border-radius:8px;transition:background 450ms ease,color 450ms ease}
.headerNav .navLink:hover{background:#f3f2dd26;color:#06D9DA}
footer{background:linear-gradient(180deg,#854A25 0%,#2a1810 100%);color:#F3F2DD;padding:60px 20px 30px;margin-top:80px}
footer .footerContainer{max-width:1200px;margin:0 auto}
footer .footerNav{display:flex;justify-content:center;gap:45px;padding-bottom:40px;border-bottom:2px solid #f3f2dd33;margin-bottom:40px}
footer .footerLink{color:#F3F2DD;text-decoration:none;font-size:15px;transition:color 500ms ease}
footer .footerLink:hover{color:#06D9DA}
footer .footerContact{display:flex;flex-direction:column;gap:20px;margin-bottom:45px}
footer .contactRow{display:flex;gap:15px;font-size:14px}
footer .contactLabel{font-weight:700;color:#06D9DA;min-width:100px}
footer .footerCopyright{text-align:center;padding-top:30px;border-top:2px solid #f3f2dd33;font-size:13px;opacity:.85}
.cookiePopup{position:fixed;top:30px;left:30px;z-index:10000;transform:translateX(-600px);transition:transform 550ms cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookiePopup[data-visible="true"]{transform:translateX(0)}
.cookiePopup[data-visible="false"]{transform:translateX(-600px)}
.cookiePopup .cookieCard{background:#fff;border-radius:14px;padding:32px;box-shadow:0 12px 32px #00000040;max-width:480px;border:3px solid #06D9DA}
.cookiePopup .cookieTitle{font-size:22px;font-weight:700;color:#854A25;margin-bottom:14px}
.cookiePopup .cookieDesc{font-size:14px;color:#4a4a4a;margin-bottom:24px;line-height:1.5}
.cookiePopup .cookieOptions{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}
.cookiePopup .cookieOption{background:#F3F2DD;padding:14px;border-radius:10px}
.cookiePopup .optionLabel{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;font-size:15px;color:#2a2a2a}
.cookiePopup .optionCheck{width:20px;height:20px;cursor:pointer;accent-color:#06D9DA}
.cookiePopup .optionCheck:disabled{cursor:not-allowed}
.cookiePopup .optionInfo{font-size:12px;color:#666;margin-top:6px;margin-left:32px}
.cookiePopup .cookieActions{display:flex;flex-direction:column;gap:12px}
.cookiePopup .cookieBtn{padding:14px 24px;border:none;border-radius:10px;font-family:'Inconsolata',monospace;font-size:15px;font-weight:700;cursor:pointer;transition:all 450ms ease}
.cookiePopup .acceptBtn{background:#06D9DA;color:#fff}
.cookiePopup .acceptBtn:hover{background:#05c0c1;transform:translateY(-2px);box-shadow:0 6px 16px #06d9da4d}
.cookiePopup .declineBtn{background:#854A25;color:#F3F2DD}
.cookiePopup .declineBtn:hover{background:#6d3b1e;transform:translateY(-2px);box-shadow:0 6px 16px #854a254d}
.cookiePopup .saveBtn{background:#F3F2DD;color:#2a2a2a;border:2px solid #854A25}
.cookiePopup .saveBtn:hover{background:#e8e7cc;transform:translateY(-2px)}
@media (max-width: 968px) {
.headerMiddle .middleContent{flex-direction:column;gap:25px}
.headerMiddle .contactBlock{width:100%;align-items:center}
.headerNav .mainNavigation{flex-wrap:wrap;gap:20px}
.cookiePopup{left:15px;right:15px;top:15px}
.cookiePopup .cookieCard{max-width:100%}
}
@media (max-width: 640px) {
.headerBrand .companyTitle{font-size:28px}
.headerMiddle{padding:25px 15px}
.headerMiddle .siteLogo{height:85px;width:85px}
.headerMiddle .contactBlock{display:none}
.headerNav .mainNavigation{flex-direction:column;align-items:stretch;gap:10px}
.headerNav .navLink{text-align:center}
footer .footerNav{flex-direction:column;gap:15px;align-items:center}
footer .contactRow{flex-direction:column;gap:5px;text-align:center}
footer .contactLabel{min-width:auto}
}
.policy-section-xhjj{max-width:1200px;margin:0 auto;padding:80px 24px;background:#F3F2DD}
.policy-section-xhjj h1{font-size:48px;font-weight:700;line-height:1.2;color:#854A25;margin:0 0 48px;letter-spacing:-.5px}
.policy-section-xhjj h2{font-size:36px;font-weight:600;line-height:1.3;color:#854A25;margin:64px 0 24px;padding-top:16px;border-top:2px solid #06D9DA}
.policy-section-xhjj h3{font-size:28px;font-weight:600;line-height:1.4;color:#854A25;margin:48px 0 20px}
.policy-section-xhjj h4{font-size:22px;font-weight:600;line-height:1.4;color:#854A25;margin:36px 0 16px}
.policy-section-xhjj h5{font-size:18px;font-weight:600;line-height:1.5;color:#854A25;margin:28px 0 12px}
.policy-section-xhjj h6{font-size:16px;font-weight:600;line-height:1.5;color:#854A25;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.policy-section-xhjj p{font-size:16px;line-height:1.8;color:#2c2c2c;margin:0 0 24px;max-width:800px}
.policy-section-xhjj strong,.policy-section-xhjj b{font-weight:600;color:#854A25}
.policy-section-xhjj em,.policy-section-xhjj i{font-style:italic;color:#3a3a3a}
.policy-section-xhjj a{color:#06D9DA;text-decoration:none;border-bottom:1px solid #06d9da4d;transition:all 400ms ease;font-weight:500}
.policy-section-xhjj a:hover{color:#854A25;border-bottom-color:#854A25}
.policy-section-xhjj a:focus{outline:2px solid #06D9DA;outline-offset:2px;border-radius:2px}
.policy-section-xhjj div{margin:24px 0}
.policy-section-xhjj ul,.policy-section-xhjj ol{margin:24px 0;padding-left:32px}
.policy-section-xhjj ul li,.policy-section-xhjj ol li{font-size:16px;line-height:1.8;color:#2c2c2c;margin-bottom:12px;max-width:800px}
.policy-section-xhjj ul li::marker{color:#06D9DA}
.policy-section-xhjj ol li::marker{color:#06D9DA;font-weight:600}
.policy-section-xhjj table{width:100%;max-width:800px;margin:32px 0;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #854a2514}
.policy-section-xhjj table th{background:linear-gradient(135deg,#06D9DA 0%,#854A25 100%);color:#fff;font-weight:600;font-size:14px;text-align:left;padding:16px;text-transform:uppercase;letter-spacing:.5px}
.policy-section-xhjj table td{padding:16px;font-size:16px;line-height:1.6;color:#2c2c2c;border-bottom:1px solid #854a251a}
.policy-section-xhjj table tr:last-child td{border-bottom:none}
@media (max-width: 768px) {
.policy-section-xhjj{padding:48px 20px}
.policy-section-xhjj h1{font-size:36px;margin-bottom:32px}
.policy-section-xhjj h2{font-size:28px;margin:48px 0 20px}
.policy-section-xhjj h3{font-size:22px;margin:36px 0 16px}
.policy-section-xhjj h4{font-size:19px;margin:28px 0 14px}
.policy-section-xhjj h5{font-size:17px;margin:24px 0 12px}
.policy-section-xhjj h6{font-size:15px;margin:20px 0 10px}
.policy-section-xhjj p{font-size:15px;line-height:1.7;margin-bottom:20px}
.policy-section-xhjj ul,.policy-section-xhjj ol{padding-left:24px;margin:20px 0}
.policy-section-xhjj ul li,.policy-section-xhjj ol li{font-size:15px;line-height:1.7}
.policy-section-xhjj table{font-size:14px}
.policy-section-xhjj table th,.policy-section-xhjj table td{padding:12px}
}
@media (max-width: 480px) {
.policy-section-xhjj{padding:32px 16px}
.policy-section-xhjj h1{font-size:28px;margin-bottom:24px}
.policy-section-xhjj h2{font-size:24px;margin:40px 0 16px}
.policy-section-xhjj h3{font-size:20px}
.policy-section-xhjj table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.heroNews{position:relative;padding:120px 20px 100px;background:linear-gradient(145deg,#F3F2DD 0%,#06D9DA 100%);overflow:hidden}
.heroNews::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#854a2514 0%,transparent 70%);border-radius:50%}
.heroNews .containerMain{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.heroNews .headingArea{max-width:720px;margin-bottom:60px}
.heroNews .primaryTitle{font-size:3.2rem;line-height:1.2;color:#854A25;margin:0 0 24px;font-weight:700}
.heroNews .primaryTitle::after{content:'';display:block;width:80px;height:4px;background:#06D9DA;margin-top:20px;border-radius:2px}
.heroNews .descriptionText{font-size:1.15rem;line-height:1.7;color:#333;margin:0}
.heroNews .visualElement{position:relative;margin-top:60px}
.heroNews .imageFrame{width:100%;max-width:900px;margin:0 auto;position:relative}
.heroNews .imageFrame::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,#854a2508 0px,transparent 2px,transparent 4px,#854a2508 6px);pointer-events:none;z-index:2}
.heroNews .imageFrame img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 8px 24px #0000001f}
.heroNews .abstractDecor{position:absolute;bottom:-40px;left:-30px;width:180px;height:180px;background:radial-gradient(circle,#06d9da26 0%,transparent 70%);border-radius:50%;z-index:1}
.heroNews .abstractDecor-2{position:absolute;top:-50px;right:50px;width:120px;height:120px;border:3px solid #854a251f;border-radius:50%;z-index:1}
.newsContent{padding:100px 20px;background:#fff}
.newsContent .containerMain{max-width:1200px;margin:0 auto}
.newsContent .gridLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:50px;margin-top:50px}
.newsContent .sectionIntro{max-width:680px;margin-bottom:60px}
.newsContent .sectionTitle{font-size:2.4rem;line-height:1.3;color:#854A25;margin:0 0 20px;font-weight:600;position:relative;padding-left:24px}
.newsContent .sectionTitle::before{content:'';position:absolute;left:0;top:8px;width:6px;height:calc(100% - 16px);background:linear-gradient(180deg,#06D9DA 0%,#854A25 100%);border-radius:3px}
.newsContent .leadText{font-size:1.1rem;line-height:1.7;color:#444;margin:0}
.newsContent .articleCard{background:#F3F2DD;border-radius:14px;padding:40px 35px;transition:all 500ms ease;position:relative;overflow:hidden}
.newsContent .articleCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#06D9DA 0%,#854A25 100%);transform:scaleX(0);transform-origin:left;transition:transform 500ms ease}
.newsContent .articleCard:hover::before{transform:scaleX(1)}
.newsContent .articleCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #854a2526}
.newsContent .articleDate{display:inline-block;font-size:.9rem;color:#854A25;background:#fff;padding:6px 14px;border-radius:20px;margin-bottom:20px;font-weight:500}
.newsContent .articleTitle{font-size:1.6rem;line-height:1.4;color:#333;margin:0 0 16px;font-weight:600}
.newsContent .articleExcerpt{font-size:1rem;line-height:1.6;color:#555;margin:0 0 24px}
.newsContent .readLink{display:inline-flex;align-items:center;gap:8px;color:#06D9DA;text-decoration:none;font-weight:600;font-size:1rem;transition:all 400ms ease}
.newsContent .readLink::after{content:'→';font-size:1.2rem;transition:transform 400ms ease}
.newsContent .readLink:hover{color:#854A25;gap:12px}
.newsContent .readLink:hover::after{transform:translateX(4px)}
.newsContent .imageCard{position:relative;border-radius:14px;overflow:hidden;height:280px}
.newsContent .imageCard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 600ms ease}
.newsContent .articleCard:hover .imageCard img{transform:scale(1.05)}
.newsContent .imageOverlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,#000000bf 0%,transparent 100%)}
.newsContent .overlayTag{display:inline-block;background:#06D9DA;color:#fff;padding:5px 12px;border-radius:6px;font-size:.85rem;font-weight:600}
@media (max-width: 768px) {
.heroNews{padding:80px 20px 60px}
.heroNews .primaryTitle{font-size:2.2rem}
.heroNews .descriptionText{font-size:1rem}
.heroNews .abstractDecor,.heroNews .abstractDecor-2{display:none}
.newsContent{padding:60px 20px}
.newsContent .sectionTitle{font-size:1.9rem}
.newsContent .gridLayout{grid-template-columns:1fr;gap:35px}
.newsContent .articleCard{padding:30px 25px}
.newsContent .imageCard{height:220px}
}
@media (max-width: 480px) {
.heroNews .primaryTitle{font-size:1.8rem}
.newsContent .sectionTitle{font-size:1.6rem;padding-left:18px}
.newsContent .articleTitle{font-size:1.4rem}
}
.heroIntro{background:linear-gradient(135deg,#F3F2DD 0%,#06d9da14 100%);padding:0;overflow:hidden;position:relative}
.heroIntro-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:520px;gap:48px;padding:60px 24px}
.heroIntro-textColumn{padding-right:24px}
.heroIntro-headline{font-size:2.8rem;line-height:1.15;margin:0 0 18px;color:#1a1a1a;font-weight:700}
.heroIntro-tagline{font-size:1.05rem;line-height:1.6;color:#4a4a4a;margin:0 0 32px}
.heroIntro-actions{display:flex;gap:16px;flex-wrap:wrap}
.heroIntro-btn{padding:14px 32px;border-radius:12px;text-decoration:none;font-size:1rem;font-weight:600;transition:all 500ms;display:inline-block}
.heroIntro-btn--primary{background:linear-gradient(135deg,#06D9DA 0%,#05b8b9 100%);color:#fff;box-shadow:0 4px 12px #06d9da4d}
.heroIntro-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06d9da66}
.heroIntro-btn--secondary{background:#fff;color:#854A25;border:2px solid #854A25}
.heroIntro-btn--secondary:hover{background:#854A25;color:#fff}
.heroIntro-imageColumn{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-end}
.heroIntro-image{width:110%;height:auto;border-radius:16px 0 0 16px;box-shadow:-12px 12px 32px #854a2533 -4px 4px 12px #0000001a;object-fit:cover;max-height:480px}
.heroIntro-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.3}
.communityHub{background:#fff;padding:80px 24px}
.communityHub-container{max-width:1200px;margin:0 auto}
.communityHub-header{text-align:center;margin-bottom:64px}
.communityHub-title{font-size:2.4rem;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.communityHub-intro{font-size:1.1rem;line-height:1.6;color:#5a5a5a;max-width:720px;margin:0 auto}
.communityHub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.communityHub-card{background:linear-gradient(135deg,#F3F2DD 0%,#06d9da0d 100%);padding:36px 28px;border-radius:14px;transition:all 480ms;border:2px solid transparent}
.communityHub-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #06d9da33;border-color:#06D9DA}
.communityHub-icon{font-size:2.8rem;color:#06D9DA;margin-bottom:20px;display:block}
.communityHub-cardTitle{font-size:1.3rem;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.communityHub-cardText{font-size:.95rem;line-height:1.6;color:#5a5a5a;margin:0}
.flexPath{background:linear-gradient(290deg,#854A25 0%,#5a3319 100%);padding:88px 24px;color:#fff}
.flexPath-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1fr;gap:56px;align-items:center}
.flexPath-visual{position:relative}
.flexPath-img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 24px #0006;object-fit:cover;max-height:520px}
.flexPath-heading{font-size:2.2rem;margin:0 0 18px;font-weight:700}
.flexPath-description{font-size:1.05rem;line-height:1.6;margin:0 0 36px;opacity:.92}
.flexPath-options{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.flexPath-radio{display:none}
.flexPath-option{display:flex;align-items:flex-start;gap:18px;padding:22px;background:#ffffff14;border-radius:12px;cursor:pointer;transition:all 450ms;border:2px solid transparent}
.flexPath-option:hover{background:#ffffff24;border-color:#06d9da80}
.flexPath-radio:checked + .flexPath-option{background:#06d9da2e;border-color:#06D9DA}
.flexPath-optionIcon{font-size:2rem;color:#06D9DA;flex-shrink:0}
.flexPath-optionContent{flex:1}
.flexPath-optionTitle{font-size:1.15rem;margin:0 0 8px;font-weight:600}
.flexPath-optionDetail{font-size:.92rem;line-height:1.5;margin:0;opacity:.88}
.flexPath-note{display:flex;gap:12px;padding:18px;background:#06d9da1f;border-radius:10px;border-left:4px solid #06D9DA}
.flexPath-noteIcon{font-size:1.4rem;color:#06D9DA;flex-shrink:0}
.flexPath-noteText{font-size:.9rem;line-height:1.5;margin:0;opacity:.9}
.numbersProof{background:#fff;padding:88px 24px}
.numbersProof-container{max-width:1200px;margin:0 auto}
.numbersProof-intro{text-align:center;margin-bottom:56px}
.numbersProof-title{font-size:2.4rem;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.numbersProof-subtitle{font-size:1.05rem;line-height:1.6;color:#5a5a5a;max-width:760px;margin:0 auto}
.numbersProof-statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-bottom:72px}
.numbersProof-stat{text-align:center;padding:28px 20px;background:linear-gradient(135deg,#F3F2DD 0%,#06d9da0f 100%);border-radius:14px}
.numbersProof-statNumber{font-size:3rem;font-weight:700;color:#06D9DA;margin-bottom:8px}
.numbersProof-statLabel{font-size:1rem;color:#4a4a4a;margin-bottom:16px}
.numbersProof-statBar{height:6px;background:#e8e8e8;border-radius:8px;position:relative;overflow:hidden}
.numbersProof-statBar::after{content:'';position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#06D9DA 0%,#854A25 100%);border-radius:8px;transition:width 600ms}
.numbersProof-stat:nth-child(1) .numbersProof-statBar::after{width:87%}
.numbersProof-stat:nth-child(2) .numbersProof-statBar::after{width:72%}
.numbersProof-stat:nth-child(3) .numbersProof-statBar::after{width:94%}
.numbersProof-stat:nth-child(4) .numbersProof-statBar::after{width:89%}
.numbersProof-timeline{margin-bottom:72px;padding:44px 32px;background:linear-gradient(135deg,#854a250f 0%,#06d9da0a 100%);border-radius:16px}
.numbersProof-timelineTitle{font-size:1.6rem;margin:0 0 36px;text-align:center;color:#1a1a1a;font-weight:600}
.numbersProof-timelineTrack{display:flex;justify-content:space-between;position:relative;padding:24px 0}
.numbersProof-timelineTrack::before{content:'';position:absolute;top:36px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,#854A25 0%,#06D9DA 100%)}
.numbersProof-milestone{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}
.numbersProof-milestoneMarker{width:18px;height:18px;background:#06D9DA;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 8px #06d9da4d;margin-bottom:16px;z-index:2}
.numbersProof-milestoneContent{text-align:center}
.numbersProof-milestoneYear{display:block;font-size:1.1rem;font-weight:700;color:#854A25;margin-bottom:6px}
.numbersProof-milestoneEvent{display:block;font-size:.88rem;color:#5a5a5a;line-height:1.4}
.numbersProof-cases{display:flex;flex-direction:column;gap:48px;margin-bottom:56px}
.numbersProof-case{display:grid;grid-template-columns:0.9fr 1fr;gap:36px;align-items:center}
.numbersProof-case--reverse{grid-template-columns:1fr 0.9fr}
.numbersProof-case--reverse .numbersProof-caseImg{order:2}
.numbersProof-case--reverse .numbersProof-caseContent{order:1}
.numbersProof-caseImg{width:100%;height:auto;border-radius:14px;box-shadow:0 6px 20px #0000001f;object-fit:cover;max-height:320px}
.numbersProof-caseTitle{font-size:1.4rem;margin:0 0 14px;color:#1a1a1a;font-weight:600}
.numbersProof-caseText{font-size:.98rem;line-height:1.7;color:#4a4a4a;margin:0 0 20px}
.numbersProof-caseMetrics{display:flex;gap:20px;flex-wrap:wrap}
.numbersProof-caseMetric{display:flex;align-items:center;gap:6px;font-size:.92rem;color:#06D9DA;font-weight:600}
.numbersProof-caseMetric i{font-size:1.1rem}
.numbersProof-cta{text-align:center;display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}
.numbersProof-ctaBtn{padding:16px 40px;background:linear-gradient(135deg,#854A25 0%,#6a3b1e 100%);color:#fff;text-decoration:none;font-size:1.05rem;font-weight:600;border-radius:12px;transition:all 500ms;box-shadow:0 4px 12px #854a254d}
.numbersProof-ctaBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #854a2566}
.numbersProof-ctaLink{display:inline-flex;align-items:center;gap:8px;color:#06D9DA;text-decoration:none;font-size:1.05rem;font-weight:600;transition:gap 400ms}
.numbersProof-ctaLink:hover{gap:14px}
@media (max-width: 968px) {
.heroIntro-layout{grid-template-columns:1fr;padding:48px 20px;min-height:auto}
.heroIntro-imageColumn{justify-content:center}
.heroIntro-image{width:100%;border-radius:14px}
.heroIntro-headline{font-size:2.2rem}
.flexPath-wrapper{grid-template-columns:1fr;gap:40px}
.numbersProof-case,.numbersProof-case--reverse{grid-template-columns:1fr}
.numbersProof-case--reverse .numbersProof-caseImg{order:1}
.numbersProof-case--reverse .numbersProof-caseContent{order:2}
.numbersProof-timelineTrack{flex-direction:column;gap:28px}
.numbersProof-timelineTrack::before{left:8px;top:0;bottom:0;width:3px;height:auto}
.numbersProof-milestone{flex-direction:row;align-items:center;gap:16px}
.numbersProof-milestoneMarker{margin-bottom:0}
.numbersProof-milestoneContent{text-align:left}
}
@media (max-width: 640px) {
.heroIntro-headline{font-size:1.8rem}
.heroIntro-actions{flex-direction:column}
.heroIntro-btn{width:100%;text-align:center}
.communityHub-title,.numbersProof-title{font-size:1.9rem}
.flexPath-heading{font-size:1.8rem}
.numbersProof-statsGrid{grid-template-columns:1fr}
.numbersProof-cta{flex-direction:column}
.numbersProof-ctaBtn{width:100%}
}
.contactHero{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:24px;max-width:1200px;margin:0 auto 80px;padding:80px 24px 60px;overflow:hidden}
.contactHero::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#06d9da26 0%,transparent 70%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}
.contactHero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,#854a251a 0%,transparent 70%);border-radius:50%;animation:floatShape 10s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translate(0,0)}
50%{transform:translate(30px,-30px)}
}
.heroContent{grid-column:1 / 8;z-index:2;padding-top:20px}
.heroContent h1{font-size:3.2rem;line-height:1.15;margin:0 0 24px;font-weight:700;color:#161616}
.heroContent h1 .numberAccent{color:#06D9DA;font-weight:800;display:inline-block;text-shadow:0 0 20px #06d9da4d}
.heroContent .subtext{font-size:1.1rem;line-height:1.7;color:#525252;max-width:520px}
.heroImageGrid{grid-column:8 / 13;display:grid;grid-template-rows:repeat(2,1fr);gap:20px;z-index:2}
.heroImageBox{position:relative;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#06D9DA 0%,#854A25 100%)}
.heroImageBox img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:luminosity;opacity:.9;transition:all 500ms ease}
.heroImageBox:hover img{mix-blend-mode:normal;opacity:1;transform:scale(1.05)}
.heroImageBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,#fff6 0%,transparent 60%);pointer-events:none;z-index:1}
.mainContactSection{max-width:1200px;margin:0 auto 100px;padding:0 24px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.contactInfoPanel{background:linear-gradient(160deg,#F3F2DD 0%,#f3f2dd80 100%);border-radius:16px;padding:48px 40px;border:2px solid #854a2526}
.contactInfoPanel h2{font-size:1.8rem;margin:0 0 12px;color:#161616;font-weight:600}
.contactInfoPanel .intro{font-size:.95rem;color:#525252;line-height:1.6;margin:0 0 36px}
.infoItem{display:flex;align-items:flex-start;margin-bottom:28px;gap:16px}
.infoItem i{font-size:1.5rem;color:#06D9DA;flex-shrink:0;margin-top:2px}
.infoItem .details{flex:1}
.infoItem .label{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#854A25;font-weight:600;margin-bottom:4px}
.infoItem .value{font-size:1.05rem;color:#262626;line-height:1.5}
.infoItem .value a{color:#262626;text-decoration:none;transition:color 400ms ease}
.infoItem .value a:hover{color:#06D9DA}
.techFormWrapper{background:#fff;border-radius:16px;padding:48px 44px;box-shadow:0 4px 12px #00000014;border:1px solid #06d9da33}
.techFormWrapper h2{font-size:1.9rem;margin:0 0 32px;color:#161616;font-weight:600}
.formGrid{display:grid;gap:24px}
.inputGroup{display:flex;flex-direction:column}
.inputGroup label{font-size:.9rem;font-weight:500;color:#393939;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.inputGroup label i{font-size:1rem;color:#06D9DA}
.inputGroup input,.inputGroup textarea{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all 400ms ease;background:#fafafa;color:#161616}
.inputGroup input:focus,.inputGroup textarea:focus{outline:none;border-color:#06D9DA;background:#fff;box-shadow:0 0 0 4px #06d9da1a}
.inputGroup textarea{min-height:120px;resize:vertical;font-family:inherit}
.prioritySelector{display:flex;flex-direction:column}
.prioritySelector .label{font-size:.9rem;font-weight:500;color:#393939;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.prioritySelector .label i{font-size:1rem;color:#854A25}
.priorityOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.priorityOptions input[type="radio"]{display:none}
.priorityOptions label{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;text-align:center;font-size:.95rem;font-weight:500;cursor:pointer;transition:all 400ms ease;background:#fafafa;color:#525252}
.priorityOptions input[type="radio"]:checked + label{border-color:#06D9DA;background:linear-gradient(135deg,#06d9da1a 0%,#06d9da0d 100%);color:#161616}
.priorityOptions label:hover{border-color:#06D9DA}
.privacyConsent{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacyConsent input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#06D9DA;flex-shrink:0}
.privacyConsent label{font-size:.9rem;color:#525252;line-height:1.5;cursor:pointer}
.privacyConsent label a{color:#06D9DA;text-decoration:none;font-weight:500;transition:color 400ms ease}
.privacyConsent label a:hover{color:#854A25}
.submitButton{background:linear-gradient(135deg,#06D9DA 0%,#04a8a9 100%);color:#fff;padding:16px 40px;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all 500ms ease;box-shadow:0 4px 12px #06d9da40;width:100%;margin-top:12px;position:relative;z-index:10}
.submitButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px #06d9da59}
.submitButton:active{transform:translateY(0)}
@media (max-width: 1024px) {
.contactHero{grid-template-columns:1fr;gap:40px}
.heroContent{grid-column:1 / -1}
.heroImageGrid{grid-column:1 / -1;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}
.mainContactSection{grid-template-columns:1fr;gap:48px}
}
@media (max-width: 768px) {
.contactHero{padding:60px 20px 40px;margin-bottom:60px}
.heroContent h1{font-size:2.4rem}
.heroContent .subtext{font-size:1rem}
.heroImageGrid{grid-template-columns:1fr;gap:16px}
.contactInfoPanel{padding:36px 28px}
.techFormWrapper{padding:36px 28px}
.priorityOptions{grid-template-columns:1fr}
.mainContactSection{padding:0 20px;margin-bottom:80px}
}
@media (max-width: 480px) {
.heroContent h1{font-size:2rem}
.contactInfoPanel h2,.techFormWrapper h2{font-size:1.5rem}
.contactInfoPanel{padding:28px 20px}
.techFormWrapper{padding:28px 20px}
}
.titleBlockArea{max-width:1200px;margin:0 auto;padding:80px 24px 60px;display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:center}
.titleBlockArea .textContent h1{font-size:2.8rem;line-height:1.2;color:#854A25;margin:0 0 24px;font-weight:700}
.titleBlockArea .textContent .leadParagraph{font-size:1.15rem;line-height:1.7;color:#2d2d2d;margin:0}
.titleBlockArea .imageCard{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #06d9da2e}
.titleBlockArea .imageCard img{width:100%;height:auto;display:block}
.titleBlockArea .imageCard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 40%,#854a2526 100%);pointer-events:none}
.titleBlockArea::before{content:'••••';position:absolute;top:40px;left:24px;font-size:1.2rem;color:#06D9DA;letter-spacing:4px}
.titleBlockArea::after{content:'••••';position:absolute;bottom:40px;right:24px;font-size:1.2rem;color:#854A25;letter-spacing:4px}
.storyWrapperArea{background:linear-gradient(135deg,#F3F2DD 0%,#06d9da14 100%);padding:100px 24px;position:relative}
.storyWrapperArea .contentMaxWidth{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.storyWrapperArea .headlineBlock{text-align:center}
.storyWrapperArea .headlineBlock h2{font-size:2.4rem;color:#854A25;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.storyWrapperArea .headlineBlock h2::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#06D9DA,#854A25)}
.storyWrapperArea .narrativeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.storyWrapperArea .narrativeCard{background:#fff;padding:36px;border-radius:10px;border-left:4px solid #06D9DA;box-shadow:0 4px 14px #0000000f;transition:all 420ms ease}
.storyWrapperArea .narrativeCard:nth-child(even){border-left-color:#854A25}
.storyWrapperArea .narrativeCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #06d9da26}
.storyWrapperArea .narrativeCard h3{font-size:1.5rem;color:#2d2d2d;margin:0 0 16px;font-weight:600}
.storyWrapperArea .narrativeCard p{font-size:1rem;line-height:1.7;color:#4a4a4a;margin:0}
.journeyTrackSection{max-width:1200px;margin:0 auto;padding:80px 24px}
.journeyTrackSection .sectionHeader{margin-bottom:56px}
.journeyTrackSection .sectionHeader h2{font-size:2.2rem;color:#854A25;margin:0 0 12px;font-weight:700}
.journeyTrackSection .sectionHeader .subline{font-size:1.1rem;color:#5a5a5a;line-height:1.6}
.journeyTrackSection .timelineVertical{position:relative;padding-left:48px}
.journeyTrackSection .timelineVertical::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#06D9DA 0%,#854A25 100%)}
.journeyTrackSection .milestoneItem{position:relative;margin-bottom:48px;padding:28px;background:#F3F2DD;border-radius:10px;transition:all 450ms ease}
.journeyTrackSection .milestoneItem:hover{background:linear-gradient(135deg,#06d9da1f,#F3F2DD)}
.journeyTrackSection .milestoneItem::before{content:'';position:absolute;left:-38px;top:32px;width:12px;height:12px;border-radius:50%;background:#06D9DA;border:3px solid #fff;box-shadow:0 0 0 3px #06d9da33}
.journeyTrackSection .milestoneItem:nth-child(even)::before{background:#854A25;box-shadow:0 0 0 3px #854a2533}
.journeyTrackSection .milestoneItem .year{font-size:.95rem;color:#06D9DA;font-weight:600;margin-bottom:8px;display:block}
.journeyTrackSection .milestoneItem:nth-child(even) .year{color:#854A25}
.journeyTrackSection .milestoneItem h4{font-size:1.3rem;color:#2d2d2d;margin:0 0 12px;font-weight:600}
.journeyTrackSection .milestoneItem p{font-size:1rem;line-height:1.7;color:#4a4a4a;margin:0}
.approachPanelArea{background:linear-gradient(290deg,#06D9DA 0%,#854A25 50%,#F3F2DD 100%);padding:100px 24px;position:relative}
.approachPanelArea::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffeb}
.approachPanelArea .innerContainer{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.approachPanelArea .heading{text-align:center;margin-bottom:64px}
.approachPanelArea .heading h2{font-size:2.3rem;color:#854A25;margin:0 0 20px;font-weight:700}
.approachPanelArea .heading .intro{font-size:1.1rem;color:#3a3a3a;line-height:1.65;max-width:700px;margin:0 auto}
.approachPanelArea .methodologyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.approachPanelArea .methodCard{background:#fff;padding:40px 28px;border-radius:12px;text-align:center;box-shadow:0 6px 16px #00000014;transition:all 500ms ease;position:relative;overflow:hidden}
.approachPanelArea .methodCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#06D9DA,#854A25);transform:scaleX(0);transition:transform 500ms ease}
.approachPanelArea .methodCard:hover::before{transform:scaleX(1)}
.approachPanelArea .methodCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #06d9da33}
.approachPanelArea .iconHolder{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#06d9da26,#854a251a);border-radius:50%}
.approachPanelArea .iconHolder i{font-size:2rem;color:#06D9DA}
.approachPanelArea .methodCard:nth-child(2) .iconHolder i{color:#854A25}
.approachPanelArea .methodCard:nth-child(3) .iconHolder i{color:#06D9DA}
.approachPanelArea .methodCard h3{font-size:1.4rem;color:#2d2d2d;margin:0 0 12px;font-weight:600}
.approachPanelArea .methodCard p{font-size:.98rem;line-height:1.7;color:#4a4a4a;margin:0}
.ctaEndSection{max-width:1200px;margin:0 auto;padding:80px 24px 100px;text-align:center}
.ctaEndSection .finalMessage{max-width:680px;margin:0 auto 40px}
.ctaEndSection .finalMessage h2{font-size:2.1rem;color:#854A25;margin:0 0 20px;font-weight:700}
.ctaEndSection .finalMessage p{font-size:1.08rem;line-height:1.7;color:#3a3a3a;margin:0}
.ctaEndSection .actionBtns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaEndSection .btnPrimary{background:linear-gradient(135deg,#06D9DA,#854A25);color:#fff;padding:16px 48px;border-radius:8px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 18px #06d9da4d;transition:all 480ms ease;border:none;cursor:pointer;position:relative;z-index:5}
.ctaEndSection .btnPrimary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #06d9da66}
.ctaEndSection .btnSecondary{background:transparent;color:#854A25;padding:16px 48px;border-radius:8px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:2px solid #854A25;transition:all 480ms ease;cursor:pointer;position:relative;z-index:5}
.ctaEndSection .btnSecondary:hover{background:#854A25;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #854a2540}
@media (max-width: 1024px) {
.titleBlockArea{grid-template-columns:1fr;gap:40px}
.titleBlockArea .imageCard{max-width:480px;margin:0 auto}
.storyWrapperArea .narrativeGrid{grid-template-columns:1fr;gap:32px}
.approachPanelArea .methodologyGrid{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 768px) {
.titleBlockArea{padding:60px 20px 50px}
.titleBlockArea .textContent h1{font-size:2.2rem}
.titleBlockArea .textContent .leadParagraph{font-size:1.05rem}
.storyWrapperArea{padding:70px 20px}
.storyWrapperArea .headlineBlock h2{font-size:2rem}
.storyWrapperArea .narrativeCard{padding:28px}
.journeyTrackSection{padding:60px 20px}
.journeyTrackSection .sectionHeader h2{font-size:1.9rem}
.journeyTrackSection .timelineVertical{padding-left:40px}
.approachPanelArea{padding:70px 20px}
.approachPanelArea .heading h2{font-size:2rem}
.ctaEndSection{padding:60px 20px 80px}
.ctaEndSection .finalMessage h2{font-size:1.85rem}
.ctaEndSection .actionBtns{flex-direction:column;align-items:center}
.ctaEndSection .btnPrimary,.ctaEndSection .btnSecondary{width:100%;max-width:320px;justify-content:center}
}
.methodIntro{padding:5rem 1.5rem 4rem;background:linear-gradient(135deg,#F3F2DD 0%,#06D9DA 100%);position:relative;overflow:hidden}
.methodIntro::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:repeating-linear-gradient(45deg,#854a2508,#854a2508 20px,transparent 20px,transparent 40px);transform:rotate(15deg);pointer-events:none}
.methodIntro .centerWrap{max-width:1200px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.methodIntro .primaryHeading{font-size:3.2rem;line-height:1.2;color:#854A25;margin-bottom:1.5rem;font-weight:700}
.methodIntro .emphasisSpan{color:#06D9DA;position:relative;display:inline-block}
.methodIntro .emphasisSpan::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:#854A25}
.methodIntro .leadText{font-size:1.2rem;line-height:1.7;color:#2d2d2d;max-width:720px;margin-bottom:3rem}
.methodIntro .visualBox{width:100%;max-width:680px;position:relative;margin-bottom:2rem}
.methodIntro .visualBox::before{content:'';position:absolute;top:-12px;left:-12px;width:100%;height:100%;background:#854A25;border-radius:12px;z-index:0;opacity:.15}
.methodIntro .featuredImage{width:100%;height:auto;border-radius:12px;display:block;position:relative;z-index:1;box-shadow:0 8px 24px #0000001f}
.frameworkDetail{padding:5rem 1.5rem;background:#fff}
.frameworkDetail .contentGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.frameworkDetail .textColumn{display:flex;flex-direction:column}
.frameworkDetail .sectionLabel{font-size:.95rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#06D9DA;margin-bottom:1rem}
.frameworkDetail .secondaryHeading{font-size:2.4rem;line-height:1.3;color:#854A25;margin-bottom:1.8rem;font-weight:700}
.frameworkDetail .bodyText{font-size:1.05rem;line-height:1.8;color:#3d3d3d;margin-bottom:1.5rem}
.frameworkDetail .bodyText:last-of-type{margin-bottom:0}
.frameworkDetail .imageColumn{position:relative}
.frameworkDetail .imageColumn::before{content:'';position:absolute;top:20px;right:20px;width:100%;height:100%;background:linear-gradient(135deg,#06D9DA 0%,#F3F2DD 100%);border-radius:16px;z-index:0;opacity:.25}
.frameworkDetail .contentImage{width:100%;height:auto;border-radius:16px;position:relative;z-index:1;box-shadow:0 12px 32px #00000024;object-fit:cover}
.applicationProcess{padding:5rem 1.5rem;background:linear-gradient(290deg,#06D9DA 0%,#854A25 50%,#F3F2DD 100%);position:relative}
.applicationProcess .wrapContainer{max-width:1200px;margin:0 auto}
.applicationProcess .headingZone{text-align:center;margin-bottom:4rem}
.applicationProcess .topHeading{font-size:2.6rem;line-height:1.25;color:#fff;font-weight:700;margin-bottom:1rem}
.applicationProcess .subHeading{font-size:1.15rem;line-height:1.6;color:#ffffffe6;max-width:680px;margin:0 auto}
.applicationProcess .stepGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.applicationProcess .stepCard{background:#fffffff2;border-radius:12px;padding:2.5rem 2rem;position:relative;box-shadow:0 6px 20px #0000001a;transition:transform 500ms ease,box-shadow 500ms ease}
.applicationProcess .stepCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000029}
.applicationProcess .stepNumber{position:absolute;top:-18px;left:2rem;width:52px;height:52px;background:#854A25;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #854a254d}
.applicationProcess .stepTitle{font-size:1.4rem;color:#854A25;margin-bottom:1rem;font-weight:600;padding-top:1rem}
.applicationProcess .stepDesc{font-size:1rem;line-height:1.7;color:#3d3d3d}
.applicationProcess .listMarker{display:flex;flex-direction:column;gap:.8rem;margin-top:1.2rem}
.applicationProcess .markerItem{display:flex;align-items:flex-start;gap:.7rem}
.applicationProcess .markerItem::before{content:'';width:8px;height:8px;background:#06D9DA;border-radius:50%;flex-shrink:0;margin-top:.5rem}
.applicationProcess .markerText{font-size:.95rem;line-height:1.6;color:#4d4d4d}
@media (max-width: 1024px) {
.methodIntro .primaryHeading{font-size:2.6rem}
.frameworkDetail .contentGrid{grid-template-columns:1fr;gap:3rem}
.applicationProcess .stepGrid{grid-template-columns:1fr;gap:3rem}
.applicationProcess .stepCard{padding:3rem 2rem 2.5rem}
}
@media (max-width: 640px) {
.methodIntro{padding:3rem 1.2rem}
.methodIntro .primaryHeading{font-size:2rem}
.methodIntro .leadText{font-size:1.05rem}
.frameworkDetail{padding:3rem 1.2rem}
.frameworkDetail .secondaryHeading{font-size:1.9rem}
.applicationProcess{padding:3rem 1.2rem}
.applicationProcess .topHeading{font-size:2rem}
.applicationProcess .stepCard{padding:3rem 1.5rem 2rem}
}
.successZone{background:linear-gradient(135deg,#F3F2DD 0%,#06D9DA 100%);padding:80px 20px;min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.successZone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#854a2526 0%,transparent 70%);border-radius:50%;animation:pulseGlow 8s ease-in-out infinite}
.successZone::after{content:'';position:absolute;bottom:-30%;left:-5%;width:450px;height:450px;background:radial-gradient(circle,#06d9da33 0%,transparent 70%);border-radius:50%;animation:pulseGlow 6s ease-in-out infinite reverse}
@keyframes pulseGlow {
0%,100%{transform:scale(1) translateY(0);opacity:.6}
50%{transform:scale(1.15) translateY(-20px);opacity:.3}
}
.confirmBox{background:#fff;border-radius:16px;padding:60px 50px;max-width:700px;width:100%;box-shadow:0 8px 32px #854a251f 0 2px 8px #06d9da14;position:relative;z-index:10;text-align:center}
.confirmBox .iconCircle{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#06D9DA 0%,#854A25 100%);margin:0 auto 30px;display:flex;align-items:center;justify-content:center;animation:scaleIn 500ms ease-out}
@keyframes scaleIn {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.confirmBox .iconCircle i{font-size:48px;color:#F3F2DD}
.confirmBox h1{font-size:36px;font-weight:700;color:#854A25;margin:0 0 20px;line-height:1.3}
.confirmBox .messageLine{font-size:18px;color:#333;line-height:1.6;margin:0 0 35px}
.confirmBox .actionButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.confirmBox .actionButtons a{padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all 450ms ease;display:inline-flex;align-items:center;gap:8px;position:relative;z-index:20}
.confirmBox .actionButtons .primaryAction{background:linear-gradient(135deg,#06D9DA 0%,#854A25 100%);color:#fff;box-shadow:0 4px 16px #06d9da4d}
.confirmBox .actionButtons .primaryAction:hover{transform:translateY(-3px);box-shadow:0 6px 24px #06d9da66}
.confirmBox .actionButtons .secondaryAction{background:#F3F2DD;color:#854A25;border:2px solid #854A25}
.confirmBox .actionButtons .secondaryAction:hover{background:#854A25;color:#F3F2DD;transform:translateY(-3px)}
.infoPanel{background:#fff;padding:70px 20px;position:relative}
.infoPanel .contentWrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.infoPanel .detailCard{background:linear-gradient(160deg,#F3F2DD 0%,#06d9da1a 100%);border-radius:12px;padding:40px 28px;border:1px solid #854a2526;transition:all 450ms ease;position:relative;overflow:hidden}
.infoPanel .detailCard::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#06d9da33 0%,transparent 70%);border-radius:50%;transition:all 600ms ease}
.infoPanel .detailCard:hover::before{top:-20%;right:-20%;transform:scale(1.3)}
.infoPanel .detailCard:hover{transform:translateY(-8px);box-shadow:0 12px 28px #854a2526}
.infoPanel .detailCard .cardIcon{width:60px;height:60px;background:linear-gradient(135deg,#854A25 0%,#06D9DA 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:2}
.infoPanel .detailCard .cardIcon i{font-size:28px;color:#F3F2DD}
.infoPanel .detailCard h3{font-size:22px;font-weight:700;color:#854A25;margin:0 0 14px;position:relative;z-index:2}
.infoPanel .detailCard p{font-size:16px;color:#555;line-height:1.6;margin:0;position:relative;z-index:2}
@media (max-width: 968px) {
.successZone{padding:60px 20px;min-height:60vh}
.confirmBox{padding:40px 30px}
.confirmBox h1{font-size:28px}
.confirmBox .messageLine{font-size:16px}
.infoPanel .contentWrapper{grid-template-columns:1fr;gap:30px}
.infoPanel{padding:50px 20px}
}
@media (max-width: 640px) {
.successZone{padding:40px 16px}
.confirmBox{padding:30px 20px}
.confirmBox .iconCircle{width:70px;height:70px}
.confirmBox .iconCircle i{font-size:36px}
.confirmBox h1{font-size:24px}
.confirmBox .messageLine{font-size:15px;margin-bottom:28px}
.confirmBox .actionButtons{flex-direction:column;gap:12px}
.confirmBox .actionButtons a{width:100%;justify-content:center}
.infoPanel{padding:40px 16px}
.infoPanel .detailCard{padding:30px 20px}
}