@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Source Serif Pro',serif;font-weight:400;line-height:1.6;color:#2A2A2A;background:#FFF;min-height:100vh;display:flex;flex-direction:column}
.siteHd{background:linear-gradient(135deg,#FFF 0%,#F8F6F0 100%);border-bottom:1px solid #d5b40426;box-shadow:0 4px 12px #3e2a740f;padding:0}
.hdWrapper{max-width:1024px;margin:0 auto;padding:0 20px}
.companyRow{text-align:center;padding:18px 0 16px;border-bottom:1px solid #d5b4041a}
.companyRow h1{font-size:26px;font-weight:700;color:#3E2A74;letter-spacing:.5px}
.midRow{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:30px}
.contactBlock{display:flex;flex-direction:column;gap:8px;flex:1}
.contactBlock.left{align-items:flex-start}
.contactBlock.right{align-items:flex-end}
.contactItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#3E2A74;text-decoration:none;transition:color .3s ease}
.contactItem i{font-size:16px;color:#D5B404}
.contactItem:hover{color:#D5B404}
.logoBox{flex-shrink:0}
.logoBox img{height:90px;width:90px;display:block;box-shadow:0 2px 8px #3e2a741f;border-radius:8px;background:#FFF;padding:4px}
.navRow{border-top:1px solid #d5b4041a}
.mainNv{display:flex;justify-content:center;align-items:center;list-style:none;gap:2px;padding:0;margin:0}
.mainNv > li{position:relative}
.mainNv > li > a{display:block;padding:18px 26px;color:#3E2A74;text-decoration:none;font-size:15px;font-weight:600;transition:background .3s ease,color .3s ease;white-space:nowrap}
.mainNv > li > a:hover{background:#d5b40414;color:#D5B404}
.mainNv .hasSub{position:relative}
.mainNv .hasSub::after{content:'\25BC';font-size:9px;margin-left:6px;color:#D5B404}
.subNv{position:absolute;top:100%;left:0;background:#FFF;list-style:none;padding:8px 0;margin:0;min-width:220px;box-shadow:0 8px 20px #3e2a7426;border-radius:6px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:1000}
.mainNv > li:hover .subNv{opacity:1;visibility:visible;transform:translateY(0)}
.subNv li a{display:block;padding:12px 24px;color:#3E2A74;text-decoration:none;font-size:14px;font-weight:400;transition:background .3s ease}
.subNv li a:hover{background:#d5b40414;color:#D5B404}
.siteFt{background:linear-gradient(180deg,#3E2A74 0%,#2A1C52 100%);color:#FFF;padding:50px 20px 30px;margin-top:auto}
.ftWrapper{max-width:1024px;margin:0 auto}
.ftCtaGroup{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}
.ftBtn{padding:14px 32px;background:linear-gradient(135deg,#D5B404 0%,#B89804 100%);color:#3E2A74;text-decoration:none;font-weight:600;font-size:15px;border-radius:8px;box-shadow:0 4px 12px #d5b40440;transition:transform .3s ease,box-shadow .3s ease;display:inline-block}
.ftBtn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d5b40459}
.ftNav{display:flex;justify-content:center;gap:30px;list-style:none;margin-bottom:30px;flex-wrap:wrap}
.ftNav a{color:#ffffffd9;text-decoration:none;font-size:14px;transition:color .3s ease}
.ftNav a:hover{color:#D5B404}
.copyright{text-align:center;font-size:13px;color:#ffffffb3;padding-top:20px;border-top:1px solid #ffffff1a}
.cookiePopup{position:fixed;top:33.33%;left:20px;background:#FFF;border-radius:12px;box-shadow:0 12px 32px #3e2a7440;max-width:420px;padding:28px;z-index:10000;transform:translateX(-500px);transition:transform .4s ease;border:2px solid #d5b40433}
.cookiePopup.showing{transform:translateX(0)}
.cookiePopup h3{font-size:20px;color:#3E2A74;margin-bottom:12px;font-weight:700}
.cookiePopup p{font-size:14px;color:#555;margin-bottom:18px;line-height:1.5}
.cookieDetls{margin-bottom:20px}
.cookieAccord{border:1px solid #d5b40433;border-radius:6px;margin-bottom:10px;overflow:hidden}
.accordHd{background:#d5b40414;padding:12px 16px;cursor:pointer;font-weight:600;font-size:14px;color:#3E2A74;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}
.accordHd:hover{background:#d5b40426}
.accordHd::after{content:'+';font-size:18px;color:#D5B404}
.accordHd.expanded::after{content:'−'}
.accordBody{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 16px;font-size:13px;color:#666;line-height:1.5}
.accordBody.expanded{max-height:200px;padding:12px 16px}
.cookieBtns{display:flex;gap:12px}
.cookieBtn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:'Source Serif Pro',serif}
.cookieBtn.accept{background:linear-gradient(135deg,#D5B404 0%,#B89804 100%);color:#3E2A74;box-shadow:0 4px 12px #d5b40440}
.cookieBtn.decline{background:#E8E8E8;color:#3E2A74;box-shadow:0 4px 12px #00000014}
.cookieBtn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}
@media (max-width: 768px) {
.companyRow h1{font-size:22px}
.midRow{flex-direction:column;align-items:center;gap:20px;padding:20px 0}
.contactBlock{display:none}
.logoBox img{height:75px;width:75px}
.mainNv{flex-direction:column;gap:0}
.mainNv > li{width:100%;text-align:center;border-bottom:1px solid #d5b4041a}
.mainNv > li > a{padding:16px 20px}
.subNv{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;background:#d5b4040d;max-height:0;overflow:hidden;transition:max-height .3s ease}
.mainNv > li:hover .subNv{max-height:200px}
.ftCtaGroup{flex-direction:column;gap:12px}
.ftBtn{width:100%;text-align:center}
.ftNav{flex-direction:column;gap:15px;align-items:center}
.cookiePopup{left:10px;right:10px;max-width:none;top:20px;padding:20px}
}
@media (max-width: 480px) {
.companyRow h1{font-size:19px}
.logoBox img{height:65px;width:65px}
}
.terms-info{max-width:1024px;margin:0 auto;padding:80px 24px 100px;background:linear-gradient(180deg,#FFF 0%,#d5b40408 100%)}
.terms-info h1{font-size:42px;line-height:1.2;color:#3E2A74;font-weight:700;margin:0 0 16px;letter-spacing:-.5px}
.terms-info h2{font-size:32px;line-height:1.3;color:#3E2A74;font-weight:600;margin:60px 0 20px;letter-spacing:-.3px;border-bottom:2px solid #d5b4044d;padding-bottom:12px}
.terms-info h3{font-size:24px;line-height:1.4;color:#3E2A74;font-weight:600;margin:40px 0 16px}
.terms-info h4{font-size:20px;line-height:1.4;color:#3E2A74;font-weight:600;margin:32px 0 12px}
.terms-info h5{font-size:18px;line-height:1.5;color:#3E2A74;font-weight:600;margin:28px 0 10px}
.terms-info h6{font-size:16px;line-height:1.5;color:#3E2A74;font-weight:600;margin:24px 0 8px;text-transform:uppercase;letter-spacing:.5px}
.terms-info p{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 24px}
.terms-info ul{list-style:none;padding:0;margin:0 0 32px}
.terms-info ul li{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 16px;padding-left:32px;position:relative}
.terms-info ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#D5B404 0%,#3E2A74 100%);border-radius:50%}
.terms-info ol{list-style:none;counter-reset:policy-counter;padding:0;margin:0 0 32px}
.terms-info ol li{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 16px;padding-left:40px;position:relative;counter-increment:policy-counter}
.terms-info ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;font-weight:700;color:#D5B404;font-size:17px}
.terms-info ul ul,.terms-info ul ol,.terms-info ol ul,.terms-info ol ol{margin:16px 0 0}
.terms-info ul ul li,.terms-info ol ul li{margin:0 0 12px}
.terms-info ul ul li::before{width:6px;height:6px;top:13px;background:#3E2A74}
.terms-info ol ol{counter-reset:policy-subcounter}
.terms-info ol ol li{counter-increment:policy-subcounter}
.terms-info ol ol li::before{content:counter(policy-counter) "." counter(policy-subcounter);color:#3E2A74;font-size:16px}
.terms-info a{color:#3E2A74;text-decoration:none;border-bottom:2px solid #D5B404;transition:all .3s ease;font-weight:500}
.terms-info a:hover{color:#D5B404;border-bottom-color:#3E2A74}
.terms-info a:focus{outline:3px solid #d5b40466;outline-offset:2px;border-radius:2px}
.terms-info hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#D5B404 20%,#3E2A74 80%,transparent 100%);margin:60px 0;opacity:.3}
@media (max-width: 768px) {
.terms-info{padding:60px 20px 80px}
.terms-info h1{font-size:32px;margin-bottom:12px}
.terms-info h2{font-size:26px;margin-top:48px;margin-bottom:16px}
.terms-info h3{font-size:22px;margin-top:32px}
.terms-info h4{font-size:19px;margin-top:28px}
.terms-info h5,.terms-info h6{font-size:17px}
.terms-info p,.terms-info ul li,.terms-info ol li{font-size:16px;line-height:1.7}
.terms-info ul li{padding-left:28px}
.terms-info ol li{padding-left:36px}
.terms-info hr{margin:48px 0}
}
@media (max-width: 480px) {
.terms-info{padding:40px 16px 60px}
.terms-info h1{font-size:28px}
.terms-info h2{font-size:24px;margin-top:40px}
.terms-info h3{font-size:20px}
.terms-info p{margin-bottom:20px}
.terms-info ul,.terms-info ol{margin-bottom:28px}
}
.titleWrap{max-width:1024px;margin:0 auto;padding:80px 20px 60px;display:flex;align-items:center;gap:60px;position:relative;overflow:hidden}
.titleWrap::before{content:'';position:absolute;top:-50px;right:-80px;width:300px;height:300px;background:linear-gradient(135deg,#d5b40414 0%,#3e2a740f 100%);border-radius:50%;z-index:0}
.titleWrap::after{content:'';position:absolute;bottom:-100px;left:-60px;width:250px;height:250px;background:radial-gradient(circle,#3e2a740d 0%,transparent 70%);z-index:0}
.titleContent{flex:1;position:relative;z-index:2}
.titleContent h1{font-size:46px;line-height:1.2;color:#2A1A4E;margin:0 0 24px;font-weight:700}
.titleContent h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#D5B404 0%,#3E2A74 100%);margin-bottom:20px;border-radius:2px}
.titleContent .desc{font-size:18px;line-height:1.7;color:#4A4A4A;margin:0 0 32px}
.titleBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#D5B404 0%,#B89903 100%);color:#FFF;text-decoration:none;font-size:16px;font-weight:600;border-radius:8px;box-shadow:0 6px 20px #d5b40440;transition:all .3s ease;border:2px solid transparent;position:relative;z-index:10}
.titleBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #d5b40459;background:linear-gradient(135deg,#B89903 0%,#D5B404 100%)}
.titleBtn:active{transform:translateY(0)}
.titleImgWrap{flex:0 0 440px;position:relative;z-index:1}
.titleImgWrap img{width:100%;height:380px;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px #0000001f inset 0 -6px 12px #00000014 0 4px 16px #d5b40426;border:3px solid #ffffffe6}
.projGallery{max-width:1024px;margin:0 auto;padding:80px 20px 100px}
.galHd{text-align:center;margin-bottom:60px}
.galHd h2{font-size:38px;color:#2A1A4E;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.galHd h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#3E2A74 0%,#D5B404 100%);border-radius:2px}
.galHd .subline{font-size:17px;color:#5A5A5A;line-height:1.6;max-width:680px;margin:0 auto}
.projGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px}
.projCard{background:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .35s ease;border:2px solid #d5b4041a;position:relative}
.projCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #3e2a7426;border-color:#d5b4044d}
.projCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#D5B404 0%,#3E2A74 100%);opacity:0;transition:opacity .3s ease}
.projCard:hover::before{opacity:1}
.projImg{width:100%;height:220px;object-fit:cover}
.projInfo{padding:28px 24px}
.projInfo h3{font-size:22px;color:#2A1A4E;margin:0 0 12px;font-weight:600}
.projCat{display:inline-block;font-size:13px;color:#3E2A74;background:#d5b4041f;padding:5px 12px;border-radius:4px;margin-bottom:14px;font-weight:500}
.projTxt{font-size:15px;line-height:1.7;color:#555;margin:0 0 20px}
.projMeta{display:flex;gap:24px;padding-top:18px;border-top:1px solid #E8E8E8}
.metaItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}
.metaItem svg{width:18px;height:18px;fill:#D5B404}
.statBlock{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px;padding:40px;background:linear-gradient(135deg,#3e2a740a 0%,#d5b4040f 100%);border-radius:12px;border:2px solid #3e2a7414}
.statItem{text-align:center;padding:20px;background:#FFF;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}
.statItem:hover{transform:translateY(-4px);box-shadow:0 6px 16px #3e2a741f}
.statNum{font-size:36px;font-weight:700;color:#3E2A74;margin:0 0 8px;background:linear-gradient(135deg,#3E2A74 0%,#D5B404 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.statLbl{font-size:15px;color:#666;margin:0}
@media (max-width: 768px) {
.titleWrap{flex-direction:column;padding:60px 20px 40px;gap:40px}
.titleContent h1{font-size:32px}
.titleImgWrap{flex:0 0 auto;width:100%}
.titleImgWrap img{height:280px}
.projGallery{padding:60px 20px 80px}
.galHd h2{font-size:28px}
.projGrid{grid-template-columns:1fr;gap:28px}
.statBlock{grid-template-columns:1fr;gap:20px;padding:30px 20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.titleWrap{gap:40px;padding:70px 30px 50px}
.titleContent h1{font-size:38px}
.titleImgWrap{flex:0 0 380px}
.projGrid{grid-template-columns:repeat(2,1fr)}
.statBlock{grid-template-columns:repeat(3,1fr);gap:24px}
}
.titleWrap{display:flex;align-items:center;justify-content:center;gap:3rem;padding:6rem 2rem;max-width:1024px;margin:auto;position:relative}
.titleWrap .imgLeft,.titleWrap .imgRight{flex:0 0 200px;height:280px;overflow:hidden;border-radius:8px;box-shadow:0 8px 20px #3e2a7426;position:relative}
.titleWrap .imgLeft img,.titleWrap .imgRight img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease-out}
.titleWrap .imgLeft{transform:translateY(var(--scroll-offset-left,0))}
.titleWrap .imgRight{transform:translateY(var(--scroll-offset-right,0))}
.titleWrap .txtCenter{flex:1;max-width:420px;text-align:center;position:relative;padding:2rem 0}
.titleWrap .txtCenter::before,.titleWrap .txtCenter::after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#D5B404,transparent)}
.titleWrap .txtCenter::before{top:0}
.titleWrap .txtCenter::after{bottom:0}
.titleWrap .txtCenter h1{font-size:2.8rem;line-height:1.2;margin:0 0 1rem;color:#3E2A74;font-weight:700}
.titleWrap .txtCenter h1 .highlight{color:#D5B404;position:relative;display:inline-block}
.titleWrap .txtCenter h1 .highlight::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#D5B404}
.titleWrap .txtCenter .subtitle{font-size:1.1rem;line-height:1.6;color:#666;margin:0}
.directionsSec{padding:5rem 2rem;background:linear-gradient(135deg,#3E2A74 0%,#5a3f9e 100%);position:relative}
.directionsSec .containerDir{max-width:1024px;margin:auto}
.directionsSec .headerDir{text-align:center;margin-bottom:3.5rem}
.directionsSec .headerDir h2{font-size:2.4rem;color:#FFF;margin:0 0 1rem;font-weight:700;position:relative;display:inline-block}
.directionsSec .headerDir h2::before{content:'';position:absolute;left:-50px;top:50%;width:40px;height:2px;background:#D5B404}
.directionsSec .headerDir h2::after{content:'';position:absolute;right:-50px;top:50%;width:40px;height:2px;background:#D5B404}
.directionsSec .headerDir .descDir{font-size:1.05rem;color:#ffffffd9;max-width:680px;margin:auto;line-height:1.7}
.directionsSec .gridDir{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.directionsSec .cardDir{background:#ffffff0d;border:1px solid #d5b40433;border-radius:12px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}
.directionsSec .cardDir::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#D5B404,transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.directionsSec .cardDir:hover{background:#ffffff1a;transform:translateY(-4px);box-shadow:0 12px 30px #d5b40433}
.directionsSec .cardDir:hover::before{transform:scaleX(1)}
.directionsSec .cardDir .iconDir{font-size:2.5rem;color:#D5B404;margin-bottom:1.2rem;display:block}
.directionsSec .cardDir h3{font-size:1.4rem;color:#FFF;margin:0 0 1rem;font-weight:600}
.directionsSec .cardDir .txtDir{font-size:.95rem;line-height:1.6;color:#ffffffbf;margin:0 0 1.5rem}
.directionsSec .cardDir .listDir{list-style:none;padding:0;margin:0}
.directionsSec .cardDir .listDir li{font-size:.9rem;color:#fffc;padding:.4rem 0;position:relative;padding-left:1.2rem}
.directionsSec .cardDir .listDir li::before{content:'→';position:absolute;left:0;color:#D5B404;font-weight:700}
.certifySec{padding:5rem 2rem;background:#FFF}
.certifySec .containerCert{max-width:1024px;margin:auto;display:flex;flex-direction:row;align-items:center;gap:4rem}
.certifySec .imgCert{flex:0 0 420px;height:480px;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #3e2a7426;position:relative}
.certifySec .imgCert img{width:100%;height:100%;object-fit:cover}
.certifySec .imgCert::after{content:'';position:absolute;inset:0;border:3px solid #D5B404;border-radius:16px;opacity:0;transition:opacity .4s ease}
.certifySec .imgCert:hover::after{opacity:1}
.certifySec .contentCert{flex:1}
.certifySec .contentCert h2{font-size:2.2rem;color:#3E2A74;margin:0 0 1.5rem;font-weight:700;position:relative;padding-left:1.5rem}
.certifySec .contentCert h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#D5B404,#3E2A74)}
.certifySec .contentCert .paraCert{font-size:1rem;line-height:1.8;color:#555;margin:0 0 2rem}
.certifySec .contentCert .featuresCert{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}
.certifySec .contentCert .featItemCert{padding:1.2rem;background:linear-gradient(135deg,#d5b4040d,#3e2a740d);border-radius:8px;border-left:3px solid #D5B404}
.certifySec .contentCert .featItemCert h4{font-size:1.1rem;color:#3E2A74;margin:0 0 .5rem;font-weight:600}
.certifySec .contentCert .featItemCert p{font-size:.9rem;color:#666;margin:0;line-height:1.5}
.pricingSec{padding:5rem 2rem;background:linear-gradient(180deg,#f8f8f8 0%,#fff 100%);position:relative}
.pricingSec::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:radial-gradient(circle,#D5B404,transparent)}
.pricingSec .containerPrice{max-width:1024px;margin:auto}
.pricingSec .headerPrice{text-align:center;margin-bottom:3.5rem}
.pricingSec .headerPrice h2{font-size:2.4rem;color:#3E2A74;margin:0 0 1rem;font-weight:700}
.pricingSec .headerPrice .descPrice{font-size:1.05rem;color:#666;max-width:700px;margin:auto;line-height:1.7}
.pricingSec .plansPrice{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.pricingSec .planCardPrice{background:#FFF;border-radius:16px;padding:2.5rem 2rem;box-shadow:0 6px 24px #3e2a7414;border:2px solid transparent;transition:all .3s ease;position:relative;display:flex;flex-direction:column}
.pricingSec .planCardPrice.featured{border-color:#D5B404;transform:scale(1.05)}
.pricingSec .planCardPrice.featured::before{content:'Popular';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#D5B404,#3E2A74);color:#FFF;font-size:.75rem;font-weight:700;padding:.4rem 1.2rem;border-radius:20px;text-transform:uppercase;letter-spacing:1px}
.pricingSec .planCardPrice:hover{box-shadow:0 12px 40px #d5b40426;transform:translateY(-8px)}
.pricingSec .planCardPrice .planNamePrice{font-size:1.3rem;color:#3E2A74;margin:0 0 .5rem;font-weight:600;text-align:center}
.pricingSec .planCardPrice .planPricePrice{text-align:center;margin-bottom:1.5rem}
.pricingSec .planCardPrice .amountPrice{font-size:3rem;font-weight:700;color:#D5B404;line-height:1}
.pricingSec .planCardPrice .periodPrice{font-size:.9rem;color:#999;display:block;margin-top:.3rem}
.pricingSec .planCardPrice .planDescPrice{font-size:.95rem;color:#666;text-align:center;margin:0 0 2rem;line-height:1.6;flex-grow:1}
.pricingSec .planCardPrice .featuresPrice{list-style:none;padding:0;margin:0 0 2rem}
.pricingSec .planCardPrice .featuresPrice li{font-size:.9rem;color:#555;padding:.7rem 0;border-bottom:1px solid #f0f0f0;position:relative;padding-left:1.8rem}
.pricingSec .planCardPrice .featuresPrice li:last-child{border-bottom:none}
.pricingSec .planCardPrice .featuresPrice li::before{content:'✓';position:absolute;left:0;color:#D5B404;font-weight:700;font-size:1.1rem}
.pricingSec .planCardPrice .btnPrice{display:block;width:100%;padding:1rem;background:linear-gradient(135deg,#3E2A74,#5a3f9e);color:#FFF;text-align:center;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden;z-index:1}
.pricingSec .planCardPrice .btnPrice::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#D5B404,#3E2A74);opacity:0;transition:opacity .3s ease;z-index:-1}
.pricingSec .planCardPrice .btnPrice:hover::before{opacity:1}
.pricingSec .planCardPrice.featured .btnPrice{background:linear-gradient(135deg,#D5B404,#3E2A74)}
@media (max-width: 768px) {
.titleWrap{flex-direction:column;gap:2rem;padding:4rem 1.5rem}
.titleWrap .imgLeft,.titleWrap .imgRight{flex:0 0 auto;width:100%;max-width:320px;height:200px}
.titleWrap .txtCenter h1{font-size:2rem}
.titleWrap .txtCenter .subtitle{font-size:1rem}
.directionsSec .headerDir h2::before,.directionsSec .headerDir h2::after{display:none}
.directionsSec .gridDir{grid-template-columns:1fr;gap:1.5rem}
.certifySec .containerCert{flex-direction:column;gap:2.5rem}
.certifySec .imgCert{flex:0 0 auto;width:100%;max-width:100%;height:320px}
.certifySec .contentCert .featuresCert{grid-template-columns:1fr}
.pricingSec .plansPrice{grid-template-columns:1fr;gap:2rem}
.pricingSec .planCardPrice.featured{transform:scale(1)}
}
@media (min-width: 769px) and (max-width: 1024px) {
.titleWrap{gap:2rem}
.titleWrap .imgLeft,.titleWrap .imgRight{flex:0 0 160px;height:240px}
.directionsSec .gridDir{grid-template-columns:repeat(2,1fr)}
.pricingSec .plansPrice{grid-template-columns:repeat(2,1fr)}
.pricingSec .plansPrice .planCardPrice:nth-child(3){grid-column:1 / -1;max-width:400px;margin:auto}
}
.cntPg{width:100%;max-width:1024px;margin:0 auto;padding:0}
.topIntro{background:linear-gradient(135deg,#3E2A74 0%,#D5B404 100%);padding:80px 20px;position:relative;overflow:hidden;margin-bottom:60px;border-radius:20px;margin-top:40px}
.topIntro::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#d5b4044d 0%,transparent 70%);animation:glowPulse 8s ease-in-out infinite;border-radius:50%}
@keyframes glowPulse {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:.5}
}
.topIntro .hdWrap{position:relative;z-index:2;max-width:720px}
.topIntro .mainHd{font-size:52px;color:#FFF;margin:0 0 24px;font-weight:700;line-height:1.2}
.topIntro .subTxt{font-size:20px;color:#fffffff2;line-height:1.7;margin:0}
.topIntro .imgAccent{position:absolute;bottom:-40px;right:40px;width:280px;height:320px;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0000004d;z-index:3}
.topIntro .imgAccent img{width:100%;height:100%;object-fit:cover}
.formSection{padding:60px 20px 80px;background:#FFF}
.formSection .contentGrid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;max-width:920px;margin:0 auto}
.contactInfo{display:flex;flex-direction:column;gap:32px}
.contactInfo .sectionHd{font-size:36px;color:#3E2A74;margin:0 0 12px;font-weight:600}
.contactInfo .introPara{font-size:17px;color:#333;line-height:1.6;margin:0 0 32px}
.infoBlock{display:flex;flex-direction:column;gap:20px}
.infoItem{display:flex;align-items:flex-start;gap:16px;padding:18px;background:linear-gradient(135deg,#d5b40414 0%,#3e2a740d 100%);border-radius:12px;border-left:4px solid #D5B404}
.infoItem .iconWrap{width:44px;height:44px;background:linear-gradient(135deg,#D5B404 0%,#3E2A74 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.infoItem .iconWrap i{font-size:22px;color:#FFF}
.infoItem .txt{display:flex;flex-direction:column;gap:4px}
.infoItem .lbl{font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin:0}
.infoItem .val{font-size:16px;color:#3E2A74;margin:0;font-weight:500;line-height:1.5}
.infoItem .val a{color:#3E2A74;text-decoration:none;transition:color .3s ease}
.infoItem .val a:hover{color:#D5B404}
.visualShowcase{margin-top:40px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #3e2a7426}
.visualShowcase img{width:100%;height:auto;display:block}
.formWrapper{background:linear-gradient(135deg,#3e2a7408 0%,#d5b40408 100%);padding:48px;border-radius:16px;border:2px solid #d5b40433}
.formWrapper .formHd{font-size:28px;color:#3E2A74;margin:0 0 32px;font-weight:600}
.formWrapper form{display:flex;flex-direction:column;gap:24px}
.fieldGroup{display:flex;flex-direction:column;gap:8px}
.fieldGroup label{font-size:15px;color:#3E2A74;font-weight:500}
.fieldGroup input,.fieldGroup textarea{padding:14px 18px;border:2px solid #3e2a7426;border-radius:8px;font-size:16px;color:#333;background:#FFF;transition:all .3s ease}
.fieldGroup input:focus,.fieldGroup textarea:focus{outline:none;border-color:#D5B404;box-shadow:0 0 0 4px #d5b4041a}
.fieldGroup textarea{min-height:140px;resize:vertical;font-family:inherit}
.privacyCheck{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacyCheck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#D5B404}
.privacyCheck label{font-size:14px;color:#555;line-height:1.6;cursor:pointer}
.privacyCheck label a{color:#3E2A74;text-decoration:underline;transition:color .3s ease}
.privacyCheck label a:hover{color:#D5B404}
.submitBt{padding:16px 40px;background:linear-gradient(135deg,#D5B404 0%,#3E2A74 100%);color:#FFF;border:none;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;position:relative;z-index:10}
.submitBt:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d5b40466}
.submitBt:active{transform:translateY(0);box-shadow:0 4px 12px #d5b4044d}
@media (max-width: 768px) {
.topIntro{padding:60px 20px;margin-top:20px}
.topIntro .mainHd{font-size:36px}
.topIntro .subTxt{font-size:17px}
.topIntro .imgAccent{position:static;width:100%;height:240px;margin-top:32px}
.formSection .contentGrid{grid-template-columns:1fr;gap:48px}
.contactInfo .sectionHd{font-size:28px}
.formWrapper{padding:32px 24px}
.formWrapper .formHd{font-size:24px}
.visualShowcase{margin-top:32px}
}
@media (max-width: 480px) {
.topIntro{padding:40px 16px;border-radius:12px}
.topIntro .mainHd{font-size:28px;margin-bottom:16px}
.topIntro .subTxt{font-size:15px}
.formSection{padding:40px 16px 60px}
.contactInfo .sectionHd{font-size:24px}
.infoItem{padding:14px}
.formWrapper{padding:24px 16px}
.submitBt{width:100%}
}
.heroSplit{display:flex;align-items:center;justify-content:center;min-height:520px;position:relative;overflow:hidden;background:linear-gradient(135deg,#FFF 0%,#F5F0E8 100%);padding:80px 20px}
.heroSplit::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:200%;background:repeating-linear-gradient(45deg,#d5b40408,#d5b40408 20px,transparent 20px,transparent 40px);transform:rotate(-15deg);z-index:1}
.heroWrapper{width:100%;max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.heroTxt{flex:1;max-width:520px}
.heroTxt h1{font-size:42px;line-height:1.2;color:#3E2A74;margin:0 0 24px;font-weight:700;letter-spacing:-.5px}
.heroTxt h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#D5B404,#3E2A74);margin-top:16px;border-radius:2px}
.heroTxt p{font-size:18px;line-height:1.7;color:#4A4A4A;margin:0}
.heroVisual{flex:1;position:relative;max-width:440px}
.heroVisual::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;background:linear-gradient(135deg,#d5b40426,#3e2a7426);border-radius:20px;z-index:1}
.heroVisual img{width:100%;height:auto;display:block;border-radius:16px;position:relative;z-index:2;box-shadow:0 12px 32px #3e2a742e;object-fit:cover;filter:contrast(1.05) brightness(1.02)}
.storyGrid{padding:100px 20px;background:linear-gradient(180deg,#F5F0E8 0%,#FFF 100%)}
.storyContainer{max-width:1024px;margin:0 auto}
.storyHeader{text-align:center;margin-bottom:70px}
.storyHeader h2{font-size:38px;color:#3E2A74;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.storyHeader h2::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#D5B404;border-radius:2px}
.storyHeader .subline{font-size:19px;color:#5A5A5A;line-height:1.6;max-width:680px;margin:0 auto}
.gridLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.gridBox{background:#FFF;padding:40px;border-radius:18px;box-shadow:0 4px 16px #3e2a7414;transition:all .3s ease;border:2px solid transparent}
.gridBox:hover{transform:translateY(-6px);box-shadow:0 12px 28px #d5b4042e;border-color:#d5b4044d}
.gridBox .iconHolder{width:56px;height:56px;background:linear-gradient(135deg,#D5B404,#3E2A74);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.gridBox .iconHolder i{font-size:28px;color:#FFF}
.gridBox h3{font-size:24px;color:#3E2A74;margin:0 0 16px;font-weight:600}
.gridBox p{font-size:16px;line-height:1.7;color:#5A5A5A;margin:0}
.approachFlow{padding:90px 20px;background:#FFF;position:relative}
.approachFlow::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,#d5b4040a,transparent 60%),radial-gradient(circle at 80% 20%,#3e2a740a,transparent 60%);pointer-events:none}
.approachWrapper{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.approachTitle{text-align:center;margin-bottom:60px}
.approachTitle h2{font-size:38px;color:#3E2A74;margin:0 0 18px;font-weight:700}
.approachTitle .desc{font-size:18px;color:#5A5A5A;line-height:1.6;max-width:720px;margin:0 auto}
.phaseList{display:flex;flex-direction:column;gap:30px}
.phaseItem{display:flex;gap:30px;background:linear-gradient(135deg,#F9F9F9,#FFF);padding:36px;border-radius:16px;border-left:5px solid #D5B404;box-shadow:0 6px 20px #3e2a740f;transition:all .3s ease;position:relative;overflow:hidden}
.phaseItem::before{content:'';position:absolute;top:0;left:0;width:5px;height:0;background:linear-gradient(180deg,#D5B404,#3E2A74);transition:height .4s ease}
.phaseItem:hover::before{height:100%}
.phaseItem:hover{transform:translateX(8px);box-shadow:0 10px 30px #d5b40424}
.phaseNum{flex-shrink:0;width:70px;height:70px;background:linear-gradient(135deg,#3E2A74,#5A4498);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#FFF;box-shadow:0 4px 12px #3e2a7440}
.phaseContent{flex:1;padding-top:4px}
.phaseContent h4{font-size:22px;color:#3E2A74;margin:0 0 14px;font-weight:600}
.phaseContent p{font-size:16px;line-height:1.7;color:#5A5A5A;margin:0}
.phaseImg{flex-shrink:0;width:180px;height:140px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}
.phaseImg img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.phaseItem:hover .phaseImg img{transform:scale(1.08)}
@media (max-width: 768px) {
.heroWrapper{flex-direction:column;gap:40px}
.heroTxt{max-width:100%}
.heroTxt h1{font-size:32px}
.heroVisual{max-width:100%}
.gridLayout{grid-template-columns:1fr;gap:30px}
.phaseItem{flex-direction:column}
.phaseImg{width:100%;height:200px}
}
@media (max-width: 480px) {
.heroSplit{padding:60px 20px}
.heroTxt h1{font-size:28px}
.heroTxt p{font-size:16px}
.storyGrid{padding:70px 20px}
.storyHeader h2{font-size:30px}
.gridBox{padding:30px}
.approachFlow{padding:70px 20px}
.approachTitle h2{font-size:30px}
.phaseNum{width:60px;height:60px;font-size:24px}
}
.pgWrp{max-width:1024px;margin:0 auto;padding:0 20px}
.ttlSct{background:linear-gradient(135deg,#3E2A74 0%,#D5B404 100%);position:relative;overflow:hidden;padding:80px 0;margin-bottom:60px}
.ttlSct::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 20px,transparent 20px,transparent 40px);transform:rotate(15deg)}
.ttlSct .pgWrp{position:relative;z-index:2}
.ttlGrd{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ttlTxt h1{font-size:48px;line-height:1.2;color:#FFF;margin:0 0 24px;font-weight:700}
.ttlLst{list-style:none;padding:0;margin:0 0 32px}
.ttlLst li{color:#FFF;font-size:18px;line-height:1.6;padding-left:32px;position:relative;margin-bottom:16px}
.ttlLst li::before{content:'';position:absolute;left:0;top:8px;width:20px;height:20px;background:#D5B404;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.ttlBtn{display:inline-block;padding:16px 40px;background:#FFF;color:#3E2A74;text-decoration:none;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease;box-shadow:0 8px 20px #d5b4044d}
.ttlBtn:hover{background:#D5B404;color:#FFF;transform:translateY(-3px);box-shadow:0 12px 28px #d5b40466}
.ttlImgWrp{position:relative}
.ttlImgWrp img{width:100%;height:400px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #0000004d;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%)}
.strctSct{padding:60px 0;background:#FFF}
.strctHd{text-align:center;margin-bottom:50px}
.strctHd h2{font-size:38px;color:#3E2A74;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.strctHd h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#D5B404,#3E2A74);border-radius:2px}
.strctHd p{font-size:18px;color:#666;line-height:1.7;max-width:720px;margin:20px auto 0}
.strctGrd{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.strctCrd{background:linear-gradient(135deg,#FFF 0%,#f8f8f8 100%);padding:36px 28px;border-radius:12px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.strctCrd::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D5B404,#3E2A74);transform:scaleX(0);transition:transform .3s ease}
.strctCrd:hover{border-color:#D5B404;box-shadow:0 12px 32px #d5b40426;transform:translateY(-6px)}
.strctCrd:hover::before{transform:scaleX(1)}
.strctNum{font-size:56px;font-weight:700;color:#D5B404;line-height:1;margin:0 0 16px;opacity:.8}
.strctCrd h3{font-size:22px;color:#3E2A74;margin:0 0 12px;font-weight:600}
.strctCrd p{font-size:15px;color:#555;line-height:1.6;margin:0}
.frmtSct{padding:80px 0;background:linear-gradient(180deg,#f9f9f9 0%,#FFF 100%)}
.frmtFlx{display:flex;gap:50px;align-items:flex-start}
.frmtCnt{flex:1}
.frmtCnt h2{font-size:36px;color:#3E2A74;margin:0 0 24px;font-weight:700}
.frmtCnt p{font-size:16px;color:#666;line-height:1.8;margin-bottom:32px}
.frmtLst{list-style:none;padding:0;margin:0 0 36px}
.frmtLst li{padding:20px 24px;background:#FFF;margin-bottom:16px;border-radius:8px;border-left:4px solid #D5B404;box-shadow:0 4px 12px #0000000f;transition:all .3s ease}
.frmtLst li:hover{border-left-width:8px;padding-left:20px;box-shadow:0 6px 18px #3e2a741f}
.frmtLst strong{display:block;font-size:18px;color:#3E2A74;margin-bottom:6px;font-weight:600}
.frmtLst span{font-size:15px;color:#777;line-height:1.5}
.frmtSdb{flex:0 0 360px;background:linear-gradient(135deg,#3E2A74 0%,#D5B404 100%);padding:40px 32px;border-radius:16px;color:#FFF;position:sticky;top:20px}
.frmtSdb h3{font-size:24px;margin:0 0 20px;font-weight:700}
.frmtSdb ul{list-style:none;padding:0;margin:0 0 32px}
.frmtSdb ul li{padding:14px 0;border-bottom:1px solid #fff3;font-size:15px;line-height:1.5}
.frmtSdb ul li:last-child{border-bottom:none}
.frmtSdb .ttlBtn{width:100%;text-align:center}
.btmSct{padding:70px 0;background:#FFF}
.btmGrd{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.btmBlk{background:linear-gradient(135deg,#f5f5f5 0%,#FFF 100%);padding:44px 36px;border-radius:20px;border:2px solid #eee;position:relative;overflow:hidden}
.btmBlk::after{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,#d5b40414 0%,transparent 70%);pointer-events:none}
.btmBlk h3{font-size:26px;color:#3E2A74;margin:0 0 18px;font-weight:700;position:relative;z-index:1}
.btmBlk p{font-size:16px;color:#555;line-height:1.7;margin:0 0 24px;position:relative;z-index:1}
.btmFtr{display:flex;gap:20px;flex-wrap:wrap;position:relative;z-index:1}
.btmFtr span{background:#FFF;padding:10px 20px;border-radius:20px;font-size:14px;color:#3E2A74;border:1px solid #D5B404;font-weight:500}
.ctaSct{background:linear-gradient(135deg,#3E2A74 0%,#5a4494 50%,#D5B404 100%);padding:70px 0;text-align:center;position:relative;overflow:hidden}
.ctaSct::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,#d5b40426 0%,transparent 50%)}
.ctaSct .pgWrp{position:relative;z-index:2}
.ctaSct h2{font-size:42px;color:#FFF;margin:0 0 20px;font-weight:700}
.ctaSct p{font-size:18px;color:#ffffffe6;line-height:1.7;max-width:680px;margin:0 auto 36px}
.ctaBtnWrp{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaBtn{display:inline-block;padding:18px 44px;background:#FFF;color:#3E2A74;text-decoration:none;font-size:17px;font-weight:600;border-radius:10px;transition:all .3s ease;box-shadow:0 10px 24px #0003}
.ctaBtn:hover{background:#D5B404;color:#FFF;transform:translateY(-4px);box-shadow:0 14px 32px #d5b40459}
.ctaBtnSc{background:transparent;color:#FFF;border:2px solid #FFF}
.ctaBtnSc:hover{background:#FFF;color:#3E2A74}
@media (max-width: 768px) {
.ttlGrd{grid-template-columns:1fr;gap:40px}
.ttlSct{padding:60px 0}
.ttlTxt h1{font-size:36px}
.ttlImgWrp img{height:300px}
.strctGrd{grid-template-columns:1fr;gap:24px}
.strctHd h2{font-size:32px}
.frmtFlx{flex-direction:column;gap:40px}
.frmtSdb{flex:1;position:static}
.btmGrd{grid-template-columns:1fr;gap:30px}
.ctaSct h2{font-size:32px}
.ctaBtnWrp{flex-direction:column;align-items:center}
.ctaBtn{width:100%;max-width:320px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.ttlGrd{gap:40px}
.ttlTxt h1{font-size:40px}
.strctGrd{grid-template-columns:repeat(2,1fr)}
.frmtSdb{flex:0 0 300px}
}
.successWrapper{max-width:1024px;margin:0 auto;padding:0 20px}
.successHeroArea{background:linear-gradient(135deg,#3E2A74 0%,#D5B404 100%);padding:80px 0;position:relative;overflow:hidden;border-radius:20px;margin:40px 0}
.successHeroArea::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#d5b4044d 0%,transparent 70%);border-radius:50%}
.successHeroArea::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.heroContentZone{position:relative;z-index:2;text-align:center;max-width:680px;margin:0 auto}
.successIconBlock{margin:0 auto 30px;width:100px;height:100px;background:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #3e2a7440}
.successIconBlock i{font-size:52px;color:#3E2A74}
.mainHdSuccess{font-size:48px;font-weight:700;color:#FFF;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px}
.subHdSuccess{font-size:24px;font-weight:500;color:#FFF;margin:0 0 24px;line-height:1.4;opacity:.95}
.successDesc{font-size:17px;color:#FFF;line-height:1.7;margin:0 0 40px;opacity:.9}
.detailsCardWrapper{background:#ffffff26;backdrop-filter:blur(10px);border-radius:16px;padding:32px;margin:0 auto;border:1px solid #fff3}
.detailRow{display:flex;align-items:flex-start;margin:0 0 20px;text-align:left}
.detailRow:last-child{margin-bottom:0}
.detailLabelArea{font-size:15px;font-weight:600;color:#FFF;min-width:140px;opacity:.85}
.detailValueArea{font-size:15px;color:#FFF;flex:1;opacity:.95}
.actionBtnGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.btPrimary{background:#FFF;color:#3E2A74;padding:16px 36px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 16px #00000026}
.btPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;background:#D5B404;color:#FFF}
.btSecondary{background:transparent;color:#FFF;padding:16px 36px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:2px solid #FFF;transition:all .3s ease}
.btSecondary:hover{background:#FFF;color:#3E2A74;transform:translateY(-2px)}
.infoBoxSection{background:linear-gradient(135deg,#FFF 0%,#F8F8F8 100%);padding:60px 0;margin:40px 0;border-radius:20px}
.infoContentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1024px;margin:0 auto;padding:0 20px}
.infoCardBox{background:#FFF;padding:32px;border-radius:16px;box-shadow:0 4px 20px #3e2a7414;border-left:4px solid #D5B404;transition:all .3s ease}
.infoCardBox:hover{transform:translateY(-4px);box-shadow:0 8px 32px #3e2a7426}
.cardIconWrapper{width:56px;height:56px;background:linear-gradient(135deg,#D5B404 0%,#3E2A74 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cardIconWrapper i{font-size:28px;color:#FFF}
.cardHdText{font-size:20px;font-weight:700;color:#3E2A74;margin:0 0 12px;line-height:1.3}
.cardDescText{font-size:15px;color:#666;line-height:1.6;margin:0}
@media (max-width: 768px) {
.successHeroArea{padding:60px 0;margin:20px 0;border-radius:16px}
.mainHdSuccess{font-size:36px}
.subHdSuccess{font-size:20px}
.successDesc{font-size:16px}
.detailsCardWrapper{padding:24px}
.detailRow{flex-direction:column;margin-bottom:16px}
.detailLabelArea{min-width:auto;margin-bottom:6px}
.actionBtnGroup{flex-direction:column;gap:12px}
.btPrimary,.btSecondary{width:100%;justify-content:center}
.infoBoxSection{padding:40px 0;margin:20px 0}
.infoContentGrid{grid-template-columns:1fr;gap:20px}
.successIconBlock{width:80px;height:80px}
.successIconBlock i{font-size:40px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.successHeroArea{padding:70px 0}
.mainHdSuccess{font-size:42px}
.infoContentGrid{grid-template-columns:repeat(2,1fr)}
}