*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:'Spectral',serif;line-height:1.6;color:#2a2a2a;background:linear-gradient(132deg,#FFFCE8 0%,#f5f2e0 100%);min-height:100vh;display:flex;flex-direction:column}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.SiteHeader{background:linear-gradient(145deg,#9C5CC8 0%,#7a3fa3 100%);box-shadow:0 8px 24px #9c5cc840;position:relative;z-index:100}
.SiteHeader .header-top-section{padding:24px 0;border-bottom:2px solid #fffce826}
.SiteHeader .header-inner-wrapper{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.SiteHeader .logo-container{flex-shrink:0}
.SiteHeader .brand-link{display:block;background:#fffce81f;padding:12px;border-radius:28px;box-shadow:0 4px 16px #00000026;transition:transform .3s ease,box-shadow .3s ease}
.SiteHeader .brand-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}
.SiteHeader .brand-img{width:85px;height:85px}
.SiteHeader .MainNav{margin-left:auto}
.SiteHeader .nav-list{display:flex;gap:8px;align-items:center}
.SiteHeader .nav-item{position:relative}
.SiteHeader .nav-anchor{display:block;padding:14px 28px;color:#FFFCE8;font-size:17px;font-weight:400;border-radius:32px;background:#fffce814;border:2px solid transparent;transition:background .25s ease,border-color .25s ease}
.SiteHeader .nav-anchor:hover{background:#fffce82e;border-color:#fffce84d}
.SiteHeader .header-bottom-zone{padding:32px 0 38px}
.SiteHeader .CompanyTitle{text-align:center;max-width:900px;margin:0 auto;padding:28px 36px;background:#1f572f26;border-radius:32px;border:3px solid #fffce833;box-shadow:inset 0 2px 8px #0000001a}
.SiteHeader .title-text{font-size:42px;font-weight:700;color:#FFFCE8;margin-bottom:12px;letter-spacing:.5px}
.SiteHeader .specialty-desc{font-size:18px;color:#fffce8e6;line-height:1.5}
main{flex:1}
.SiteFooter{background:linear-gradient(128deg,#1F572F 0%,#163d22 100%);color:#FFFCE8;padding:56px 0 28px;margin-top:60px;box-shadow:0 -6px 20px #1f572f40}
.SiteFooter .footer-content-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.SiteFooter .footer-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:44px;margin-bottom:44px}
.SiteFooter .footer-heading{font-size:22px;font-weight:700;margin-bottom:18px;color:#FFFCE8}
.SiteFooter .region-info{font-size:15px;line-height:1.7;color:#fffce8d9}
.SiteFooter .contact-details{display:flex;flex-direction:column;gap:10px}
.SiteFooter .address-line,.SiteFooter .phone-line,.SiteFooter .email-line{font-size:15px;color:#fffce8d9}
.SiteFooter .contact-link{color:#FFFCE8;transition:color .25s ease}
.SiteFooter .contact-link:hover{color:#9C5CC8}
.SiteFooter .footer-nav-list{display:flex;flex-direction:column;gap:12px}
.SiteFooter .footer-link{font-size:15px;color:#fffce8d9;transition:color .25s ease;display:inline-block}
.SiteFooter .footer-link:hover{color:#FFFCE8}
.SiteFooter .footer-bottom-bar{padding-top:28px;border-top:1px solid #fffce833;text-align:center}
.SiteFooter .copyright-text{font-size:14px;color:#fffce8b3}
.cookie-toast{position:fixed;bottom:24px;left:24px;z-index:9999;background:linear-gradient(135deg,#9C5CC8 0%,#7a3fa3 100%);border-radius:32px;box-shadow:0 12px 32px #9c5cc866;max-width:420px;padding:28px 32px;transform:translateY(150%);transition:transform .4s ease}
.cookie-toast.is-visible{transform:translateY(0)}
.cookie-toast .toast-content-box{display:flex;flex-direction:column;gap:20px}
.cookie-toast .toast-message{font-size:15px;color:#FFFCE8;line-height:1.6}
.cookie-toast .toast-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-toast .toast-btn{padding:12px 24px;border-radius:50px;font-size:14px;font-weight:700;transition:background .25s ease,transform .2s ease;flex:1;min-width:110px}
.cookie-toast .accept-btn{background:#1F572F;color:#FFFCE8}
.cookie-toast .accept-btn:hover{background:#163d22;transform:translateY(-2px)}
.cookie-toast .decline-btn{background:#fffce826;color:#FFFCE8}
.cookie-toast .decline-btn:hover{background:#fffce840;transform:translateY(-2px)}
.cookie-toast .settings-btn{background:#fffce826;color:#FFFCE8}
.cookie-toast .settings-btn:hover{background:#fffce840;transform:translateY(-2px)}
.cookie-settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}
.cookie-settings-modal.is-active{opacity:1;pointer-events:all}
.cookie-settings-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}
.cookie-settings-modal .modal-container{position:relative;background:linear-gradient(135deg,#FFFCE8 0%,#f5f2e0 100%);border-radius:36px;max-width:680px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 16px 48px #0000004d}
.cookie-settings-modal .modal-header-zone{padding:32px 36px 24px;border-bottom:2px solid #9c5cc826;display:flex;justify-content:space-between;align-items:center}
.cookie-settings-modal .modal-title{font-size:28px;font-weight:700;color:#1F572F}
.cookie-settings-modal .modal-close-btn{font-size:32px;color:#9C5CC8;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .25s ease}
.cookie-settings-modal .modal-close-btn:hover{background:#9c5cc81a}
.cookie-settings-modal .modal-body-zone{padding:28px 36px}
.cookie-settings-modal .policy-reference{font-size:15px;color:#2a2a2a;margin-bottom:24px;padding:16px;background:#9c5cc814;border-radius:20px}
.cookie-settings-modal .policy-link{color:#9C5CC8;text-decoration:underline}
.cookie-settings-modal .cookie-category{margin-bottom:24px;padding:20px;background:#ffffff80;border-radius:24px;border:2px solid #9c5cc81f}
.cookie-settings-modal .category-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:17px;font-weight:700;color:#1F572F;margin-bottom:8px}
.cookie-settings-modal .category-checkbox{width:22px;height:22px;cursor:pointer;accent-color:#9C5CC8}
.cookie-settings-modal .category-checkbox:disabled{cursor:not-allowed;opacity:.6}
.cookie-settings-modal .category-description{font-size:14px;color:#555;line-height:1.6;margin-left:34px}
.cookie-settings-modal .opt-out-section{margin-top:28px;padding:20px;background:#9c5cc81f;border-radius:24px;border:2px solid #9C5CC8}
.cookie-settings-modal .modal-footer-zone{padding:24px 36px 32px;border-top:2px solid #9c5cc826;display:flex;gap:12px;justify-content:flex-end}
.cookie-settings-modal .modal-action-btn{padding:14px 32px;border-radius:50px;font-size:15px;font-weight:700;transition:background .25s ease,transform .2s ease}
.cookie-settings-modal .save-preferences-btn{background:#1F572F;color:#FFFCE8}
.cookie-settings-modal .save-preferences-btn:hover{background:#163d22;transform:translateY(-2px)}
.cookie-settings-modal .accept-all-btn{background:#9C5CC8;color:#FFFCE8}
.cookie-settings-modal .accept-all-btn:hover{background:#7a3fa3;transform:translateY(-2px)}
@media (max-width: 768px) {
.SiteHeader .header-top-section{padding:18px 0}
.SiteHeader .header-inner-wrapper{flex-wrap:wrap;gap:18px}
.SiteHeader .brand-img{width:65px;height:65px}
.SiteHeader .MainNav{width:100%;order:3}
.SiteHeader .nav-list{flex-direction:column;gap:8px;width:100%}
.SiteHeader .nav-item{width:100%}
.SiteHeader .nav-anchor{width:100%;text-align:center;padding:12px 20px}
.SiteHeader .header-bottom-zone{padding:24px 0 28px}
.SiteHeader .CompanyTitle{padding:22px 24px}
.SiteHeader .title-text{font-size:32px}
.SiteHeader .specialty-desc{font-size:16px}
.SiteFooter .footer-grid-layout{grid-template-columns:1fr;gap:32px}
.cookie-toast{left:12px;right:12px;max-width:none;padding:22px 24px}
.cookie-toast .toast-actions{flex-direction:column}
.cookie-toast .toast-btn{width:100%}
.cookie-settings-modal .modal-container{width:95%;max-height:90vh}
.cookie-settings-modal .modal-header-zone{padding:24px 20px 18px}
.cookie-settings-modal .modal-title{font-size:24px}
.cookie-settings-modal .modal-body-zone{padding:20px}
.cookie-settings-modal .modal-footer-zone{flex-direction:column;padding:20px}
.cookie-settings-modal .modal-action-btn{width:100%}
}
@media (max-width: 480px) {
.SiteHeader .title-text{font-size:26px}
.SiteHeader .specialty-desc{font-size:15px}
}
.terms-inner{max-width:1320px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#FFFCE8 0%,#f8f5ff 100%)}
.terms-inner p{font-size:16px;line-height:1.8;color:#2d2d2d;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.terms-inner p + p{margin-top:16px}
.terms-inner ul,.terms-inner ol{margin:0 0 28px;padding-left:32px;line-height:1.8;color:#2d2d2d}
.terms-inner ul{list-style-type:disc}
.terms-inner ol{list-style-type:decimal}
.terms-inner li{font-size:16px;margin-bottom:12px;padding-left:8px}
.terms-inner li:last-child{margin-bottom:0}
.terms-inner ul ul,.terms-inner ol ol,.terms-inner ul ol,.terms-inner ol ul{margin:12px 0;padding-left:28px}
.terms-inner strong,.terms-inner b{font-weight:600;color:#1F572F}
.terms-inner a{color:#9C5CC8;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:500}
.terms-inner a:hover{color:#7a3da0;border-bottom-color:#9C5CC8}
.terms-inner a:active{color:#1F572F}
.terms-inner table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #9c5cc81f}
.terms-inner thead{background:linear-gradient(125deg,#9C5CC8 0%,#7a3da0 100%)}
.terms-inner thead tr th{color:#fff;font-weight:600;text-align:left;padding:20px 24px;font-size:15px;letter-spacing:.3px}
.terms-inner thead tr th:first-child{border-top-left-radius:24px}
.terms-inner thead tr th:last-child{border-top-right-radius:24px}
.terms-inner tbody{background:#fff}
.terms-inner tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}
.terms-inner tbody tr:last-child{border-bottom:none}
.terms-inner tbody tr:hover{background:#faf9fe}
.terms-inner tbody tr td{padding:18px 24px;font-size:15px;color:#2d2d2d;vertical-align:top}
.terms-inner th,.terms-inner td{min-width:100px}
.terms-inner hr{border:none;height:3px;background:linear-gradient(90deg,#9C5CC8 0%,#1F572F 100%);margin:48px 0;border-radius:30px;opacity:.3}
.terms-inner div{margin-bottom:24px}
.terms-inner div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.terms-inner{padding:60px 16px}
.terms-inner p,.terms-inner li{font-size:15px;line-height:1.7}
.terms-inner ul,.terms-inner ol{padding-left:24px}
.terms-inner table{font-size:14px;border-radius:20px;margin:24px 0;display:block;overflow-x:auto}
.terms-inner thead tr th,.terms-inner tbody tr td{padding:14px 16px;font-size:14px}
.terms-inner hr{margin:36px 0}
}
@media (max-width: 480px) {
.terms-inner{padding:40px 12px}
.terms-inner p,.terms-inner li{font-size:14px}
.terms-inner ul,.terms-inner ol{padding-left:20px}
.terms-inner thead tr th,.terms-inner tbody tr td{padding:12px;font-size:13px}
.terms-inner table{border-radius:16px}
}
.PageContentWrap{width:100%;overflow:hidden}
.IntroDataContainer{max-width:1320px;margin:0 auto;padding:80px 20px;position:relative;background:linear-gradient(142deg,#9C5CC8 0%,#1F572F 100%);border-radius:32px;overflow:hidden}
.IntroDataContainer::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fffce826 0%,transparent 70%);animation:FloatPulse 8s ease-in-out infinite}
@keyframes FloatPulse {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-20px,20px) scale(1.1)}
}
.IntroLayoutGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.TextDataZone h1{font-size:3.2rem;color:#FFFCE8;margin-bottom:24px;line-height:1.1;font-weight:700}
.TextDataZone p{font-size:1.15rem;color:#FFFCE8;line-height:1.7;opacity:.95}
.ImageDataZone{position:relative}
.FilmTexture{width:100%;height:auto;border-radius:24px;box-shadow:0 16px 48px #00000059;position:relative}
.FilmTexture::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#1f572f14 2px,#1f572f14 4px);border-radius:24px;pointer-events:none}
.MissionStory{max-width:1320px;margin:120px auto;padding:0 20px}
.StoryLayoutFlex{display:flex;gap:80px;align-items:flex-start}
.StoryVisualSection{flex:0 0 420px;position:relative}
.StoryImage{width:100%;height:auto;border-radius:28px;box-shadow:8px 12px 32px #9c5cc840}
.StoryVisualSection::before{content:'';position:absolute;top:-20px;left:-20px;width:140px;height:140px;background:linear-gradient(135deg,#9C5CC8 0%,#1F572F 100%);border-radius:50%;z-index:-1;opacity:.2}
.StoryTextSection h2{font-size:2.6rem;color:#1F572F;margin-bottom:28px;font-weight:700}
.StoryTextSection h2::before{content:'';display:inline-block;width:48px;height:5px;background:#9C5CC8;margin-right:16px;vertical-align:middle;border-radius:3px}
.StoryTextSection p{font-size:1.1rem;color:#2a2a2a;line-height:1.8;margin-bottom:22px}
.ApproachContainer{background:linear-gradient(217deg,#FFFCE8 0%,#fff 100%);padding:100px 20px;position:relative}
.ApproachContainer::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#9C5CC8 0%,#1F572F 50%,#9C5CC8 100%)}
.ApproachWrap{max-width:1320px;margin:0 auto}
.ApproachWrap h2{font-size:2.8rem;color:#1F572F;text-align:center;margin-bottom:64px;font-weight:700}
.CardsLayoutGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.FeatureDataCard{background:#fff;padding:40px 32px;border-radius:26px;box-shadow:0 8px 24px #9c5cc81f;position:relative;transition:all .3s ease;border:2px solid transparent}
.FeatureDataCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #9c5cc838;border-color:#9C5CC8}
.FeatureDataCard h3{font-size:1.5rem;color:#1F572F;margin-bottom:16px;font-weight:600}
.FeatureDataCard p{font-size:1.05rem;color:#4a4a4a;line-height:1.7}
.FeatureDataCard::before{content:'';position:absolute;top:24px;right:24px;width:48px;height:48px;background:linear-gradient(135deg,#9C5CC8 0%,#1F572F 100%);border-radius:50%;opacity:.15}
.TeamValuesSplit{max-width:1320px;margin:120px auto;padding:0 20px}
.ValuesSplitLayout{display:grid;grid-template-columns:480px 1fr;gap:70px;align-items:start}
.ValuesImageZone{position:relative}
.ValuesGallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.GalleryPhotoItem{width:100%;height:auto;border-radius:22px;box-shadow:4px 8px 20px #1f572f2e;transition:transform .3s ease}
.GalleryPhotoItem:hover{transform:scale(1.05)}
.ValuesTextZone h2{font-size:2.7rem;color:#1F572F;margin-bottom:32px;font-weight:700}
.ValuesListData{display:flex;flex-direction:column;gap:28px}
.ValueItemData{display:flex;gap:20px;align-items:flex-start;padding:24px;background:linear-gradient(120deg,#9c5cc814 0%,#fffce866 100%);border-radius:20px;border-left:5px solid #9C5CC8;transition:all .3s ease}
.ValueItemData:hover{background:linear-gradient(120deg,#9c5cc826 0%,#fffce899 100%);transform:translateX(8px)}
.ValueIconCircle{flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,#9C5CC8 0%,#1F572F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFFCE8;font-size:1.6rem;font-weight:700;box-shadow:0 6px 18px #9c5cc84d}
.ValueTextData h3{font-size:1.4rem;color:#1F572F;margin-bottom:10px;font-weight:600}
.ValueTextData p{font-size:1.05rem;color:#3a3a3a;line-height:1.7}
@media (max-width: 1200px) {
.IntroLayoutGrid{grid-template-columns:1fr;gap:40px}
.TextDataZone h1{font-size:2.6rem}
.StoryLayoutFlex{flex-direction:column;gap:50px}
.StoryVisualSection{flex:0 0 auto;max-width:480px}
.CardsLayoutGrid{grid-template-columns:repeat(2,1fr)}
.ValuesSplitLayout{grid-template-columns:1fr;gap:50px}
.ValuesImageZone{max-width:520px;margin:0 auto}
}
@media (max-width: 768px) {
.IntroDataContainer{padding:60px 20px;border-radius:24px}
.TextDataZone h1{font-size:2rem}
.TextDataZone p{font-size:1.05rem}
.StoryTextSection h2{font-size:2rem}
.ApproachWrap h2{font-size:2.2rem;margin-bottom:48px}
.CardsLayoutGrid{grid-template-columns:1fr;gap:30px}
.ValuesTextZone h2{font-size:2.1rem}
.ValueItemData{flex-direction:column;align-items:center;text-align:center}
.ValuesGallery{grid-template-columns:1fr}
}
.title-splash{display:grid;grid-template-columns:minmax(200px,400px) 1fr minmax(200px,400px);gap:3rem;align-items:center;max-width:1320px;margin:0 auto;padding:5rem 2rem 6rem;position:relative;overflow:hidden}
.title-splash .image-wrapper{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 12px 28px #9c5cc82e}
.title-splash .image-wrapper img{width:100%;height:480px;object-fit:cover;display:block}
.title-splash .image-wrapper::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,#1f572fb3,transparent);pointer-events:none}
.title-splash .text-area{text-align:center;position:relative;z-index:2}
.title-splash .main-headline{font-size:2.8rem;line-height:1.15;margin-bottom:1.5rem;color:#1F572F;font-weight:700}
.title-splash .highlight-phrase{background:linear-gradient(135deg,#9C5CC8 0%,#6B3D8C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}
.title-splash .subline-text{font-size:1.1rem;line-height:1.6;color:#333;max-width:520px;margin:0 auto}
.title-splash::before{content:'';position:absolute;top:10%;left:5%;width:120px;height:120px;background:radial-gradient(circle,#9c5cc81f 0%,transparent 70%);border-radius:50%;animation:particle-float 8s ease-in-out infinite}
.title-splash::after{content:'';position:absolute;bottom:15%;right:8%;width:90px;height:90px;background:radial-gradient(circle,#1f572f1a 0%,transparent 70%);border-radius:50%;animation:particle-float 6s ease-in-out infinite 2s}
@keyframes particle-float {
0%,100%{transform:translate(0,0)}
50%{transform:translate(15px,-15px)}
}
.protection-section{max-width:1320px;margin:0 auto;padding:5rem 2rem;display:flex;gap:4rem;align-items:center}
.protection-section .content-side{flex:1}
.protection-section .visual-side{flex:1}
.protection-section .section-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#9C5CC8;font-weight:600;margin-bottom:.8rem}
.protection-section .heading-two{font-size:2.4rem;line-height:1.2;color:#1F572F;margin-bottom:1.8rem;font-weight:700}
.protection-section .description-para{font-size:1.05rem;line-height:1.7;color:#444;margin-bottom:2.5rem}
.guarantee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.guarantee-box{background:linear-gradient(145deg,#FFFCE8 0%,#FFF9D6 100%);padding:1.8rem;border-radius:24px;border:2px solid #9c5cc826;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}
.guarantee-box:hover{transform:translateY(-4px);box-shadow:0 8px 20px #9c5cc833;border-color:#9c5cc84d}
.guarantee-box .icon-holder{width:48px;height:48px;background:linear-gradient(135deg,#9C5CC8,#7B4AA0);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 4px 12px #9c5cc840}
.guarantee-box .icon-holder i{font-size:24px;color:#fff}
.guarantee-box .box-title{font-size:1.1rem;font-weight:600;color:#1F572F;margin-bottom:.6rem}
.guarantee-box .box-description{font-size:.95rem;line-height:1.5;color:#555}
.protection-section .visual-side img{width:100%;height:500px;object-fit:cover;border-radius:32px;box-shadow:0 16px 40px #1f572f33}
.access-container{max-width:1320px;margin:0 auto;padding:5rem 2rem;background:linear-gradient(168deg,#9c5cc814 0%,#1f572f14 100%);border-radius:40px}
.access-container .header-content{text-align:center;max-width:780px;margin:0 auto 4rem}
.access-container .heading-three{font-size:2.2rem;line-height:1.25;color:#1F572F;margin-bottom:1.2rem;font-weight:700}
.access-container .intro-text{font-size:1.05rem;line-height:1.6;color:#444}
.access-features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.feature-card{background:#fff;padding:2.2rem;border-radius:28px;box-shadow:0 6px 20px #0000000f;position:relative;transition:all .3s ease}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9C5CC8,#1F572F);border-radius:28px 28px 0 0;opacity:0;transition:opacity .3s ease}
.feature-card:hover::before{opacity:1}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #9c5cc82e}
.feature-card .icon-wrap{width:56px;height:56px;background:linear-gradient(135deg,#9c5cc81f,#1f572f1f);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem}
.feature-card .icon-wrap i{font-size:28px;color:#9C5CC8}
.feature-card .card-heading{font-size:1.25rem;font-weight:600;color:#1F572F;margin-bottom:.8rem}
.feature-card .card-detail{font-size:.98rem;line-height:1.6;color:#555}
.experience-zone{max-width:1320px;margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center}
.experience-zone .image-section{position:relative}
.experience-zone .image-section img{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:0 14px 36px #0000001f}
.experience-zone .content-section{position:relative}
.experience-zone .section-marker{font-size:.88rem;text-transform:uppercase;letter-spacing:.12em;color:#9C5CC8;font-weight:600;margin-bottom:1rem;display:inline-block;position:relative}
.experience-zone .section-marker::before{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#9C5CC8,transparent)}
.experience-zone .main-title{font-size:2.3rem;line-height:1.2;color:#1F572F;margin-bottom:1.5rem;font-weight:700}
.experience-zone .lead-para{font-size:1.05rem;line-height:1.7;color:#444;margin-bottom:2.5rem}
.progress-tracker{display:flex;flex-direction:column;gap:1.2rem}
.progress-item{display:flex;align-items:center;gap:1.2rem;background:#fff;padding:1.4rem;border-radius:20px;box-shadow:0 4px 14px #0000000d;transition:all .3s ease}
.progress-item:hover{box-shadow:0 6px 20px #9c5cc826;transform:translateX(8px)}
.progress-item .step-indicator{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#9C5CC8,#7B4AA0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #9c5cc84d}
.progress-item .step-content h4{font-size:1.1rem;font-weight:600;color:#1F572F;margin-bottom:.4rem}
.progress-item .step-content p{font-size:.95rem;line-height:1.5;color:#555;margin:0}
.connection-area{background:linear-gradient(152deg,#1F572F 0%,#2A7140 100%);padding:5rem 2rem;position:relative;overflow:hidden}
.connection-area::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,#fffce814 0%,transparent 70%);border-radius:50%}
.connection-area .inner-wrap{max-width:1320px;margin:0 auto}
.connection-area .top-section{text-align:center;margin-bottom:4rem}
.connection-area .heading-light{font-size:2.4rem;line-height:1.25;color:#FFFCE8;margin-bottom:1.2rem;font-weight:700}
.connection-area .subtitle-light{font-size:1.05rem;line-height:1.6;color:#fffce8d9;max-width:700px;margin:0 auto}
.connection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.connection-card{background:#ffffff1a;backdrop-filter:blur(10px);padding:2rem;border-radius:28px;border:1px solid #fffce833;text-align:center;transition:all .3s ease}
.connection-card:hover{background:#ffffff26;transform:translateY(-6px);border-color:#fffce866}
.connection-card .card-icon{width:64px;height:64px;background:linear-gradient(135deg,#9C5CC8,#7B4AA0);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.4rem;box-shadow:0 6px 18px #9c5cc866}
.connection-card .card-icon i{font-size:32px;color:#fff}
.connection-card .card-title{font-size:1.15rem;font-weight:600;color:#FFFCE8;margin-bottom:.8rem}
.connection-card .card-text{font-size:.95rem;line-height:1.5;color:#fffce8cc}
.interaction-wrapper{max-width:1320px;margin:0 auto;padding:5rem 2rem}
.interaction-wrapper .section-intro{text-align:center;max-width:720px;margin:0 auto 4rem}
.interaction-wrapper .section-intro h2{font-size:2.3rem;line-height:1.25;color:#1F572F;margin-bottom:1.2rem;font-weight:700}
.interaction-wrapper .section-intro p{font-size:1.05rem;line-height:1.6;color:#444}
.format-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}
.format-tabs input[type="radio"]{display:none}
.format-tabs label{padding:1rem 2.2rem;background:#fff;border:2px solid #9c5cc833;border-radius:24px;font-size:1rem;font-weight:600;color:#555;cursor:pointer;transition:all .3s ease}
.format-tabs label:hover{border-color:#9c5cc866;background:#9c5cc80d}
.format-tabs input[type="radio"]:checked + label{background:linear-gradient(135deg,#9C5CC8,#7B4AA0);color:#fff;border-color:transparent;box-shadow:0 6px 16px #9c5cc84d}
.tab-content{display:none;background:linear-gradient(145deg,#FFFCE8 0%,#FFF9D6 100%);padding:3rem;border-radius:32px;box-shadow:0 8px 24px #0000000f}
#tab1:checked ~ .content-display .content-tab1,#tab2:checked ~ .content-display .content-tab2,#tab3:checked ~ .content-display .content-tab3{display:block}
.tab-content h3{font-size:1.8rem;color:#1F572F;margin-bottom:1.2rem;font-weight:700}
.tab-content p{font-size:1rem;line-height:1.7;color:#444;margin-bottom:2rem}
.tab-content ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.tab-content ul li{display:flex;align-items:center;gap:.8rem;font-size:.98rem;color:#333;background:#fff;padding:1rem 1.4rem;border-radius:16px;box-shadow:0 2px 8px #0000000a}
.tab-content ul li::before{content:'→';color:#9C5CC8;font-weight:700;font-size:1.2rem}
.barriers-section{max-width:1320px;margin:0 auto;padding:5rem 2rem;background:#fff}
.barriers-section .heading-center{font-size:2.4rem;line-height:1.2;color:#1F572F;text-align:center;margin-bottom:1.2rem;font-weight:700}
.barriers-section .subheading-center{font-size:1.05rem;line-height:1.6;color:#444;text-align:center;max-width:680px;margin:0 auto 4rem}
.barrier-solutions{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}
.solution-block{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:linear-gradient(145deg,#9c5cc80d,#1f572f0d);padding:2.5rem;border-radius:32px;box-shadow:0 6px 20px #0000000d;transition:all .3s ease}
.solution-block:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}
.solution-block .problem-side{border-right:2px solid #9c5cc826;padding-right:2rem}
.solution-block .solution-side{padding-left:2rem}
.solution-block h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-weight:600}
.solution-block .problem-side h4{color:#9C5CC8}
.solution-block .solution-side h4{color:#1F572F}
.solution-block h5{font-size:1.3rem;color:#1F572F;margin-bottom:.8rem;font-weight:600}
.solution-block p{font-size:.98rem;line-height:1.6;color:#555;margin:0}
.cta-final{max-width:1100px;margin:5rem auto 0;padding:4rem 3rem;background:linear-gradient(142deg,#9C5CC8 0%,#7B4AA0 100%);border-radius:40px;text-align:center;box-shadow:0 16px 48px #9c5cc84d;position:relative;overflow:hidden}
.cta-final::before{content:'';position:absolute;top:-80px;left:-80px;width:200px;height:200px;background:radial-gradient(circle,#ffffff26 0%,transparent 70%);border-radius:50%}
.cta-final h3{font-size:2rem;color:#FFFCE8;margin-bottom:1rem;font-weight:700}
.cta-final p{font-size:1.05rem;line-height:1.6;color:#fffce8e6;margin-bottom:2rem;max-width:620px;margin-left:auto;margin-right:auto}
.cta-final .btn-group{display:flex;gap:1.2rem;justify-content:center}
.cta-final .primary-btn{padding:1.1rem 2.6rem;background:#FFFCE8;color:#9C5CC8;font-size:1.05rem;font-weight:600;border:none;border-radius:28px;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #00000026}
.cta-final .primary-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000040;background:#FFF}
.cta-final .secondary-btn{padding:1.1rem 2.6rem;background:transparent;color:#FFFCE8;font-size:1.05rem;font-weight:600;border:2px solid #FFFCE8;border-radius:28px;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;transition:all .3s ease}
.cta-final .secondary-btn:hover{background:#fffce826;transform:translateY(-3px)}
@media (max-width: 1024px) {
.title-splash{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.5rem}
.title-splash .image-wrapper{max-width:500px;margin:0 auto}
.title-splash .image-wrapper img{height:380px}
.protection-section{flex-direction:column;gap:3rem;padding:3rem 1.5rem}
.guarantee-grid{grid-template-columns:1fr}
.protection-section .visual-side img{height:400px}
.access-features{grid-template-columns:1fr}
.experience-zone{grid-template-columns:1fr;gap:3rem;padding:3rem 1.5rem}
.experience-zone .image-section img{height:400px}
.connection-grid{grid-template-columns:repeat(2,1fr)}
.format-tabs{flex-wrap:wrap}
.tab-content ul{grid-template-columns:1fr}
.barrier-solutions{grid-template-columns:1fr}
.solution-block{grid-template-columns:1fr}
.solution-block .problem-side{border-right:none;border-bottom:2px solid #9c5cc826;padding-right:0;padding-bottom:1.5rem}
.solution-block .solution-side{padding-left:0;padding-top:1.5rem}
.cta-final .btn-group{flex-direction:column;align-items:center}
}
@media (max-width: 768px) {
.title-splash .main-headline{font-size:2rem}
.protection-section .heading-two,.access-container .heading-three,.experience-zone .main-title,.barriers-section .heading-center{font-size:1.8rem}
.connection-area .heading-light{font-size:1.9rem}
.interaction-wrapper .section-intro h2{font-size:1.8rem}
.connection-grid{grid-template-columns:1fr}
.cta-final{padding:3rem 2rem;margin-top:3rem}
.cta-final h3{font-size:1.6rem}
}
.contact-main{width:100%;background:linear-gradient(135deg,#FFFCE8 0%,#f5f0ff 100%)}
.contact-wrapper{max-width:1320px;margin:0 auto;padding:0 20px}
.hero-contact{display:flex;align-items:center;gap:60px;padding:80px 0;position:relative}
.hero-contact .text-data{flex:1;z-index:2}
.hero-contact .heading-primary{font-size:3.2rem;line-height:1.15;color:#1F572F;margin:0 0 32px;font-weight:700}
.hero-contact .cta-handler{display:inline-block;padding:16px 40px;background:linear-gradient(125deg,#9C5CC8 0%,#7a3fa0 100%);color:#fff;text-decoration:none;border-radius:28px;font-weight:600;font-size:1.05rem;box-shadow:0 8px 20px #9c5cc859;transition:all .3s ease}
.hero-contact .cta-handler:hover{transform:translateY(-3px);box-shadow:0 12px 28px #9c5cc873}
.hero-contact .visual-wrapper{flex:0 0 420px;position:relative}
.hero-contact .visual-wrapper img{width:100%;height:380px;object-fit:cover;border-radius:32px;box-shadow:0 15px 40px #1f572f33}
.form-section-container{padding:100px 0;background:#fff}
.form-section-container .content-box{max-width:780px;margin:0 auto}
.form-section-container .section-label{font-size:2.4rem;color:#1F572F;margin:0 0 48px;text-align:center;font-weight:700}
.InputGroup{margin-bottom:28px}
.InputGroup label{display:block;font-size:.95rem;color:#1F572F;margin-bottom:8px;font-weight:600}
.InputGroup input,.InputGroup textarea{width:100%;padding:16px 20px;border:2px solid #e5d9f2;border-radius:24px;font-size:1rem;color:#1F572F;background:#FFFCE8;transition:all .3s ease;box-sizing:border-box}
.InputGroup input:focus,.InputGroup textarea:focus{outline:none;border-color:#9C5CC8;box-shadow:0 0 0 4px #9c5cc826}
.InputGroup textarea{resize:vertical;min-height:140px}
.PrivacyCheckData{margin:32px 0;display:flex;align-items:flex-start;gap:12px}
.PrivacyCheckData input[type="checkbox"]{width:20px;height:20px;margin-top:2px;accent-color:#9C5CC8;cursor:pointer;flex-shrink:0}
.PrivacyCheckData label{font-size:.9rem;color:#555;line-height:1.5}
.PrivacyCheckData a{color:#9C5CC8;text-decoration:underline}
.PrivacyCheckData a:hover{color:#7a3fa0}
.submit-handler{width:100%;padding:18px 32px;background:linear-gradient(115deg,#1F572F 0%,#2d7a45 100%);color:#fff;border:none;border-radius:28px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #1f572f4d;transition:all .3s ease}
.submit-handler:hover{transform:translateY(-2px);box-shadow:0 14px 32px #1f572f66}
.info-cards-wrapper{padding:90px 0;background:linear-gradient(225deg,#f9f5ff 0%,#FFFCE8 100%)}
.info-cards-wrapper .grid-data{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ContactInfoBox{background:#fff;padding:42px 32px;border-radius:32px;text-align:center;box-shadow:0 8px 24px #9c5cc81f;transition:all .3s ease}
.ContactInfoBox:hover{transform:translateY(-6px);box-shadow:0 16px 40px #9c5cc833}
.ContactInfoBox .icon-holder{width:72px;height:72px;background:linear-gradient(135deg,#9C5CC8 0%,#b87dd4 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.ContactInfoBox .icon-holder i{font-size:2rem;color:#fff}
.ContactInfoBox .card-heading{font-size:1.3rem;color:#1F572F;margin:0 0 12px;font-weight:700}
.ContactInfoBox .card-content{font-size:1rem;color:#555;line-height:1.6;margin:0}
.ContactInfoBox a{color:#9C5CC8;text-decoration:none;transition:color .3s ease}
.ContactInfoBox a:hover{color:#7a3fa0}
.final-invitation{padding:100px 0;background:#fff;position:relative;overflow:hidden}
.final-invitation::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#9c5cc814 0%,transparent 70%);border-radius:50%}
.final-invitation .inner-wrapper{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:2}
.final-invitation .closing-title{font-size:2.6rem;color:#1F572F;margin:0 0 20px;font-weight:700;line-height:1.2}
.final-invitation .closing-text{font-size:1.1rem;color:#666;line-height:1.7;margin:0 0 36px}
.final-invitation .action-link{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#9C5CC8 0%,#7a3fa0 100%);color:#fff;text-decoration:none;border-radius:30px;font-weight:700;font-size:1.05rem;box-shadow:0 10px 28px #9c5cc859;transition:all .3s ease}
.final-invitation .action-link:hover{transform:translateY(-4px);box-shadow:0 14px 36px #9c5cc880}
@media (max-width: 1024px) {
.hero-contact{flex-direction:column;gap:40px;padding:60px 0}
.hero-contact .visual-wrapper{flex:0 0 auto;width:100%;max-width:480px}
.hero-contact .heading-primary{font-size:2.6rem}
.info-cards-wrapper .grid-data{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 768px) {
.hero-contact .heading-primary{font-size:2.2rem;margin-bottom:24px}
.hero-contact .visual-wrapper img{height:280px}
.form-section-container{padding:70px 0}
.form-section-container .section-label{font-size:2rem;margin-bottom:36px}
.InputGroup input,.InputGroup textarea{padding:14px 18px}
.info-cards-wrapper{padding:60px 0}
.final-invitation{padding:70px 0}
.final-invitation .closing-title{font-size:2rem}
.final-invitation .closing-text{font-size:1rem}
}
@media (max-width: 480px) {
.hero-contact{padding:40px 0}
.hero-contact .heading-primary{font-size:1.9rem}
.hero-contact .cta-handler{padding:14px 32px;font-size:1rem}
.hero-contact .visual-wrapper img{height:240px;border-radius:24px}
.form-section-container .section-label{font-size:1.75rem}
.submit-handler{padding:16px 28px;font-size:1rem}
.ContactInfoBox{padding:32px 24px}
.ContactInfoBox .icon-holder{width:60px;height:60px}
.ContactInfoBox .icon-holder i{font-size:1.7rem}
.final-invitation .closing-title{font-size:1.75rem}
}
.title-block{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(142deg,#9C5CC8 0%,#1F572F 100%);margin-bottom:80px}
.title-block .decorative-layer-one{position:absolute;top:-10%;left:-5%;width:40%;height:120%;background:#fffce814;border-radius:35px;transform:rotate(-12deg);animation:float-layer-one 18s ease-in-out infinite}
.title-block .decorative-layer-two{position:absolute;bottom:-15%;right:-8%;width:45%;height:130%;background:#1f572f26;border-radius:40px;transform:rotate(18deg);animation:float-layer-two 22s ease-in-out infinite}
@keyframes float-layer-one {
0%,100%{transform:rotate(-12deg) translateY(0px)}
50%{transform:rotate(-12deg) translateY(-30px)}
}
@keyframes float-layer-two {
0%,100%{transform:rotate(18deg) translateY(0px)}
50%{transform:rotate(18deg) translateY(25px)}
}
.title-block .image-anchor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;height:380px;border-radius:32px;overflow:hidden;box-shadow:0 18px 48px #00000040;z-index:1}
.title-block .image-anchor img{width:100%;height:100%;object-fit:cover;filter:blur(2px);opacity:.75}
.title-block .content-wrapper{position:relative;z-index:2;max-width:760px;text-align:center;padding:40px 20px;background:#fffce8f0;border-radius:28px;box-shadow:0 12px 32px #9c5cc838}
.title-block h1{font-size:2.8rem;font-weight:700;color:#1F572F;margin:0 0 20px;line-height:1.2}
.title-block .intro-text{font-size:1.15rem;line-height:1.7;color:#2a3b2e;margin:0}
@media (max-width: 768px) {
.title-block{min-height:440px}
.title-block .image-anchor{width:320px;height:260px}
.title-block h1{font-size:2rem}
.title-block .intro-text{font-size:1rem}
}
@media (max-width: 480px) {
.title-block{min-height:380px}
.title-block .image-anchor{width:260px;height:200px}
.title-block h1{font-size:1.6rem}
}
.practical-tips-section{max-width:1320px;margin:0 auto 90px;padding:0 20px}
.tips-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tip-card{background:linear-gradient(135deg,#FFFCE8 0%,#f5f3d8 100%);border-radius:24px;padding:36px 28px;position:relative;box-shadow:0 8px 24px #1f572f1f;transition:all .3s ease}
.tip-card:hover{transform:translateY(-6px);box-shadow:0 14px 38px #9c5cc82e}
.tip-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#9C5CC8 0%,#1F572F 100%);border-radius:24px 24px 0 0}
.tip-card .icon-wrapper{width:64px;height:64px;background:linear-gradient(128deg,#9C5CC8 0%,#7d49a3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 6px 18px #9c5cc847}
.tip-card .icon-wrapper i{font-size:2rem;color:#FFFCE8}
.tip-card h3{font-size:1.4rem;font-weight:700;color:#1F572F;margin:0 0 16px;line-height:1.3}
.tip-card .tip-description{font-size:.98rem;line-height:1.6;color:#3a4a3e;margin:0 0 18px}
.tip-card .action-points{list-style:none;padding:0;margin:0}
.tip-card .action-points li{font-size:.92rem;color:#2a3b2e;margin-bottom:10px;padding-left:28px;position:relative;line-height:1.5}
.tip-card .action-points li::before{content:'→';position:absolute;left:0;color:#9C5CC8;font-weight:700;font-size:1.1rem}
@media (max-width: 992px) {
.tips-grid-container{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 640px) {
.tips-grid-container{grid-template-columns:1fr;gap:24px}
.tip-card{padding:30px 24px}
}
.workflow-section{background:linear-gradient(158deg,#1F572F 0%,#2d7243 100%);padding:80px 20px;margin-bottom:0}
.workflow-section .section-container{max-width:1320px;margin:0 auto}
.workflow-section h2{font-size:2.4rem;font-weight:700;color:#FFFCE8;text-align:center;margin:0 0 56px;line-height:1.2}
.workflow-steps{display:flex;flex-direction:column;gap:36px}
.workflow-step{display:grid;grid-template-columns:140px 1fr;gap:32px;align-items:start;background:#fffce817;border-radius:26px;padding:32px;border-left:5px solid #9C5CC8;transition:all .3s ease}
.workflow-step:hover{background:#fffce824;border-left-width:8px}
.workflow-step .step-number-wrapper{text-align:center}
.workflow-step .step-number{width:90px;height:90px;background:linear-gradient(135deg,#9C5CC8 0%,#b372de 100%);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;color:#FFFCE8;box-shadow:0 10px 28px #9c5cc859;margin-bottom:12px}
.workflow-step .step-label{font-size:.85rem;text-transform:uppercase;letter-spacing:1.2px;color:#9C5CC8;font-weight:600}
.workflow-step .step-content h4{font-size:1.6rem;font-weight:700;color:#FFFCE8;margin:0 0 14px;line-height:1.3}
.workflow-step .step-content p{font-size:1.05rem;line-height:1.7;color:#e8e4c8;margin:0 0 20px}
.workflow-step .step-details{display:flex;flex-wrap:wrap;gap:16px}
.workflow-step .detail-badge{background:#9c5cc840;border:2px solid #9C5CC8;border-radius:18px;padding:8px 18px;font-size:.9rem;color:#FFFCE8;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.workflow-step .detail-badge i{font-size:1.1rem;color:#9C5CC8}
@media (max-width: 768px) {
.workflow-section{padding:60px 20px}
.workflow-section h2{font-size:1.9rem;margin-bottom:42px}
.workflow-step{grid-template-columns:1fr;gap:24px;padding:28px 24px}
.workflow-step .step-number{width:70px;height:70px;font-size:1.8rem}
.workflow-step .step-content h4{font-size:1.4rem}
}
@media (max-width: 480px) {
.workflow-section h2{font-size:1.6rem}
.workflow-step .step-content h4{font-size:1.3rem}
}
.SuccessHero{position:relative;min-height:520px;background:linear-gradient(142deg,#9C5CC8 0%,#1F572F 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.SuccessHero::before{content:'';position:absolute;top:0;left:0;right:0;height:180px;background:linear-gradient(180deg,#1f572f66 0%,transparent 100%);z-index:1}
.SuccessHero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(0deg,#9c5cc866 0%,transparent 100%);z-index:1}
.GeometricPattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.08;z-index:2}
.GeometricPattern svg{width:100%;height:100%}
.SuccessContent{position:relative;z-index:3;text-align:center;padding:40px 20px;max-width:720px;margin:0 auto}
.SuccessContent .CheckMark{width:92px;height:92px;margin:0 auto 28px;background:#FFFCE8;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #9c5cc84d}
.SuccessContent .CheckMark svg{width:52px;height:52px}
.SuccessContent .PrimaryHeading{font-size:42px;font-weight:700;color:#FFFCE8;margin:0 0 16px;line-height:1.2}
.SuccessContent .SubMessage{font-size:18px;color:#fffce8e6;margin:0;line-height:1.6}
.InfoConfirm{background:#FFFCE8;padding:80px 20px}
.InfoConfirm .ContentWrapper{max-width:1320px;margin:0 auto}
.InfoConfirm .GridDisplay{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:56px}
.InfoConfirm .DataCard{background:linear-gradient(135deg,#9c5cc80d 0%,#1f572f0d 100%);padding:36px 28px;border-radius:28px;border:2px solid #9c5cc826;position:relative;overflow:hidden}
.InfoConfirm .DataCard::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#9c5cc814 0%,transparent 70%);pointer-events:none}
.InfoConfirm .DataCard .IconHolder{width:56px;height:56px;background:linear-gradient(135deg,#9C5CC8 0%,#1F572F 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 6px 16px #9c5cc840}
.InfoConfirm .DataCard .IconHolder i{font-size:28px;color:#FFFCE8}
.InfoConfirm .DataCard .CardLabel{font-size:16px;font-weight:600;color:#1F572F;margin:0 0 8px}
.InfoConfirm .DataCard .CardDetail{font-size:14px;color:#1f572fcc;margin:0;line-height:1.6}
.InfoConfirm .NextStepsArea{background:#fff;border-radius:32px;padding:48px;box-shadow:0 12px 32px #9c5cc81f;position:relative}
.InfoConfirm .NextStepsArea::after{content:'';position:absolute;bottom:0;left:5%;right:5%;height:4px;background:linear-gradient(90deg,#9C5CC8 0%,#1F572F 50%,#9C5CC8 100%);border-radius:4px 4px 0 0}
.InfoConfirm .NextStepsArea .SectionTitle{font-size:32px;font-weight:700;color:#1F572F;margin:0 0 12px;text-align:center}
.InfoConfirm .NextStepsArea .SectionIntro{font-size:16px;color:#1f572fbf;text-align:center;margin:0 0 40px;max-width:640px;margin-left:auto;margin-right:auto}
.InfoConfirm .StepSequence{display:flex;flex-direction:column;gap:24px;margin-bottom:44px}
.InfoConfirm .StepItem{display:flex;align-items:flex-start;gap:20px;padding:24px;background:linear-gradient(120deg,#9c5cc808 0%,#1f572f08 100%);border-radius:24px;border-left:4px solid #9C5CC8;transition:all .3s ease}
.InfoConfirm .StepItem:hover{transform:translateX(8px);box-shadow:0 6px 20px #9c5cc826}
.InfoConfirm .StepItem .StepNumber{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#9C5CC8 0%,#1F572F 100%);color:#FFFCE8;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #9c5cc84d}
.InfoConfirm .StepItem .StepContent{flex:1}
.InfoConfirm .StepItem .StepHeading{font-size:18px;font-weight:600;color:#1F572F;margin:0 0 8px}
.InfoConfirm .StepItem .StepDescription{font-size:15px;color:#1f572fcc;margin:0;line-height:1.5}
.InfoConfirm .ActionGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.InfoConfirm .ActionGroup .ButtonPrimary{padding:16px 36px;background:linear-gradient(135deg,#9C5CC8 0%,#1F572F 100%);color:#FFFCE8;border:none;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 6px 20px #9c5cc84d;z-index:10;position:relative}
.InfoConfirm .ActionGroup .ButtonPrimary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #9c5cc866}
.InfoConfirm .ActionGroup .ButtonSecondary{padding:16px 36px;background:#fff;color:#1F572F;border:2px solid #9C5CC8;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;z-index:10;position:relative}
.InfoConfirm .ActionGroup .ButtonSecondary:hover{background:#9c5cc814;transform:translateY(-3px)}
@media (max-width: 768px) {
.SuccessHero{min-height:420px}
.SuccessContent .PrimaryHeading{font-size:32px}
.SuccessContent .SubMessage{font-size:16px}
.InfoConfirm{padding:60px 20px}
.InfoConfirm .GridDisplay{grid-template-columns:1fr;gap:20px}
.InfoConfirm .NextStepsArea{padding:32px 24px}
.InfoConfirm .NextStepsArea .SectionTitle{font-size:26px}
.InfoConfirm .StepItem{flex-direction:column;gap:16px}
.InfoConfirm .ActionGroup{flex-direction:column}
.InfoConfirm .ActionGroup .ButtonPrimary,.InfoConfirm .ActionGroup .ButtonSecondary{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.SuccessContent .CheckMark{width:72px;height:72px}
.SuccessContent .CheckMark svg{width:40px;height:40px}
.SuccessContent .PrimaryHeading{font-size:28px}
.InfoConfirm .DataCard{padding:28px 20px}
}