@import "https://cdn.jsdelivr.net/npm/@fontsource/figtree@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/figtree@latest/500.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/figtree@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Figtree',sans-serif;background:#FFFFEC;color:#1a1a1a;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}
.header-wrap{background:linear-gradient(135deg,#fa137214 0%,#590b9e0f 100%);border-bottom:2px solid #fa137226;box-shadow:0 8px 24px #590b9e1f inset 0 -1px 3px #fa13721a;padding:0}
.top-row-header{background:#ffffec80;padding:28px 20px;text-align:center;border-bottom:1px solid #590b9e1a}
.company-brand-text{font-size:42px;font-weight:700;color:#590B9E;letter-spacing:-.5px;margin-bottom:6px;text-shadow:2px 2px 8px #fa137233}
.tagline-header3{font-size:16px;font-weight:400;color:#FA1372;letter-spacing:.3px}
.bottom-nav-row{display:flex;justify-content:space-between;align-items:center;padding:18px 40px;max-width:1366px;margin:0 auto;width:100%}
.logo-container-left{display:flex;align-items:center}
.logo-container-left img{height:85px;width:85px;object-fit:contain;background:#fff9;padding:8px;border-radius:12px;box-shadow:0 4px 12px #590b9e26 inset 0 2px 4px #fa13721a}
.main-nav-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.main-nav-right a{padding:12px 24px;font-size:15px;font-weight:500;color:#590B9E;text-decoration:none;border-radius:10px;background:#ffffffb3;border:1px solid #fa137233;transition:all 180ms ease;box-shadow:0 2px 6px #590b9e14}
.main-nav-right a:hover{background:#fa13721f;border-color:#FA1372;color:#FA1372}
main{flex:1}
.footer-container{background:linear-gradient(to top,#590b9ef2,#590b9ed9);color:#FFFFEC;padding:50px 40px 30px;margin-top:80px}
.footer-layout-sidebar{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}
.footer-side-panel{background:#ffffec14;padding:28px;border-radius:12px;border:1px solid #fa137240;box-shadow:0 6px 18px #0003}
.footer-side-panel h4{font-size:18px;font-weight:600;margin-bottom:18px;color:#FFFFEC}
.footer-contact-info{display:flex;flex-direction:column;gap:12px}
.footer-contact-info p{font-size:14px;line-height:1.7;display:flex;align-items:flex-start;gap:8px}
.footer-contact-info i{margin-top:3px;color:#FA1372}
.footer-main-content{display:flex;flex-direction:column;gap:24px}
.footer-links-minimal{display:flex;gap:24px;flex-wrap:wrap}
.footer-links-minimal a{color:#FFFFEC;text-decoration:underline;font-size:14px;transition:color 160ms ease}
.footer-links-minimal a:hover{color:#FA1372}
.copyright-text{font-size:13px;color:#ffffecb3;margin-top:12px}
.cookie-popup-topleft{position:fixed;top:20px;left:20px;background:#fffffffa;border:2px solid #FA1372;border-radius:12px;padding:24px;max-width:380px;box-shadow:0 12px 32px #590b9e4d;z-index:9999;transform:translateY(-150%);transition:transform 250ms ease}
.cookie-popup-topleft.show-popup{transform:translateY(0)}
.cookie-text-content{font-size:14px;line-height:1.6;color:#1a1a1a;margin-bottom:16px}
.cookie-text-content a{color:#590B9E;text-decoration:underline}
.cookie-buttons-row{display:flex;gap:16px;justify-content:space-between}
.cookie-buttons-row button{flex:1;padding:10px 16px;background:transparent;border:none;color:#590B9E;text-decoration:underline;cursor:pointer;font-size:14px;font-weight:500;transition:color 150ms ease}
.cookie-buttons-row button:hover{color:#FA1372}
.consent-badge{position:fixed;bottom:20px;right:20px;background:#590B9E;color:#FFFFEC;padding:12px 20px;border-radius:50px;cursor:pointer;font-size:13px;box-shadow:0 4px 16px #590b9e66;display:none;transition:background 180ms ease;z-index:9998}
.consent-badge:hover{background:#FA1372}
.consent-badge.visible-badge{display:block}
@media (max-width: 968px) {
.footer-layout-sidebar{grid-template-columns:1fr;gap:40px}
.bottom-nav-row{flex-direction:column;gap:24px;padding:20px}
.main-nav-right{justify-content:center}
.company-brand-text{font-size:32px}
.logo-container-left img{height:70px;width:70px}
}
@media (max-width: 640px) {
.cookie-popup-topleft{left:10px;right:10px;max-width:none}
.main-nav-right a{padding:10px 18px;font-size:14px}
.company-brand-text{font-size:28px}
.tagline-header3{font-size:14px}
.footer-contact-info p{font-size:13px}
}
.d-rules-block{max-width:1366px;margin:0 auto;padding:80px 24px;background:#FFFFEC}
.d-rules-block h1{font-size:42px;font-weight:700;color:#590B9E;margin:0 0 32px;line-height:1.2;letter-spacing:-.5px}
.d-rules-block h2{font-size:32px;font-weight:600;color:#590B9E;margin:56px 0 24px;line-height:1.3;letter-spacing:-.3px}
.d-rules-block h3{font-size:24px;font-weight:600;color:#FA1372;margin:40px 0 20px;line-height:1.4}
.d-rules-block h4{font-size:20px;font-weight:600;color:#590B9E;margin:32px 0 16px;line-height:1.4}
.d-rules-block h5{font-size:18px;font-weight:600;color:#FA1372;margin:28px 0 14px;line-height:1.5}
.d-rules-block h6{font-size:16px;font-weight:600;color:#590B9E;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.d-rules-block p{font-size:17px;line-height:1.75;color:#1a1a1a;margin:0 0 20px;max-width:820px}
.d-rules-block strong,.d-rules-block b{font-weight:600;color:#590B9E}
.d-rules-block em,.d-rules-block i{font-style:italic;color:#2a2a2a}
.d-rules-block table{width:100%;border-collapse:collapse;margin:40px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #590b9e14}
.d-rules-block thead{background:linear-gradient(135deg,#590B9E 0%,#FA1372 100%)}
.d-rules-block thead tr{border:none}
.d-rules-block thead th{padding:18px 24px;text-align:left;font-size:15px;font-weight:600;color:#FFFFEC;text-transform:uppercase;letter-spacing:.8px;border:none}
.d-rules-block tbody{background:#fff}
.d-rules-block tbody tr{border-bottom:1px solid #590b9e1a;transition:background 180ms ease}
.d-rules-block tbody tr:last-child{border-bottom:none}
.d-rules-block tbody tr:hover{background:#fa137208}
.d-rules-block tbody td{padding:16px 24px;font-size:16px;line-height:1.6;color:#1a1a1a;border:none}
.d-rules-block tbody td strong,.d-rules-block tbody td b{color:#FA1372}
.d-rules-block table th:first-child,.d-rules-block table td:first-child{padding-left:32px}
.d-rules-block table th:last-child,.d-rules-block table td:last-child{padding-right:32px}
@media (max-width: 768px) {
.d-rules-block{padding:48px 20px}
.d-rules-block h1{font-size:32px;margin-bottom:24px}
.d-rules-block h2{font-size:26px;margin:40px 0 20px}
.d-rules-block h3{font-size:22px;margin:32px 0 16px}
.d-rules-block h4{font-size:19px;margin:28px 0 14px}
.d-rules-block h5{font-size:17px;margin:24px 0 12px}
.d-rules-block h6{font-size:15px;margin:20px 0 10px}
.d-rules-block p{font-size:16px;line-height:1.7;margin-bottom:18px}
.d-rules-block table{margin:32px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.d-rules-block thead th{padding:14px 16px;font-size:13px;letter-spacing:.6px}
.d-rules-block tbody td{padding:12px 16px;font-size:15px}
.d-rules-block table th:first-child,.d-rules-block table td:first-child{padding-left:20px}
.d-rules-block table th:last-child,.d-rules-block table td:last-child{padding-right:20px}
}
@media (max-width: 480px) {
.d-rules-block{padding:40px 16px}
.d-rules-block h1{font-size:28px}
.d-rules-block h2{font-size:24px}
.d-rules-block p{font-size:15px}
.d-rules-block thead th{padding:12px;font-size:12px}
.d-rules-block tbody td{padding:10px 12px;font-size:14px}
.d-rules-block table th:first-child,.d-rules-block table td:first-child{padding-left:16px}
.d-rules-block table th:last-child,.d-rules-block table td:last-child{padding-right:16px}
}
.title-wrap{background:linear-gradient(135deg,#FA1372 0%,#590B9E 100%);padding:80px 20px;position:relative;overflow:hidden}
.title-wrap::before{content:'';position:absolute;top:20%;left:10%;width:8px;height:8px;background:#ffffec66;border-radius:50%;animation:dot1 4s ease-in-out infinite}
.title-wrap::after{content:'';position:absolute;top:25%;left:15%;width:6px;height:6px;background:#ffffec4d;border-radius:50%;animation:dot2 3s ease-in-out infinite}
@keyframes dot1 {
0%,100%{transform:translateY(0px);opacity:.4}
50%{transform:translateY(-15px);opacity:.7}
}
@keyframes dot2 {
0%,100%{transform:translateY(0px) translateX(0px);opacity:.3}
50%{transform:translateY(-10px) translateX(8px);opacity:.6}
}
.title-content-container{max-width:1366px;margin:0 auto;display:flex;align-items:center;gap:60px;flex-direction:row}
.title-text-area{flex:1;color:#FFFFEC}
.title-text-area h1{font-size:3.2rem;line-height:1.2;margin:0 0 24px;font-weight:700}
.title-text-area .subtitle-line{font-size:1.25rem;line-height:1.6;opacity:.95;max-width:540px}
.title-image-zone{flex:0 0 420px;position:relative}
.title-image-zone img{width:100%;height:340px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #00000040;animation:imageFloat 6s ease-in-out infinite}
@keyframes imageFloat {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.process-grid-section{padding:90px 20px;background:#FFFFEC}
.process-grid-section .content-container{max-width:1366px;margin:0 auto}
.process-grid-section h2{font-size:2.4rem;color:#590B9E;margin:0 0 16px;font-weight:700}
.process-grid-section .intro-text{font-size:1.1rem;color:#333;line-height:1.7;margin-bottom:50px;max-width:720px}
.process-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.process-card3{background:#fff;padding:32px;border-radius:10px;box-shadow:0 4px 16px #590b9e1a;border-left:4px solid #FA1372;transition:all .2s}
.process-card3:hover{transform:translateY(-6px);box-shadow:0 8px 24px #fa137233}
.process-card3 .card-number{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#FA1372,#590B9E);color:#FFFFEC;border-radius:50%;text-align:center;line-height:48px;font-size:1.5rem;font-weight:700;margin-bottom:20px}
.process-card3 h3{font-size:1.35rem;color:#590B9E;margin:0 0 14px;font-weight:600}
.process-card3 p{font-size:1rem;color:#555;line-height:1.6;margin:0}
.framework-split{background:linear-gradient(to right,#FFFFEC 50%,#fff 50%);padding:80px 20px}
.framework-split .split-container{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.framework-split .left-content h2{font-size:2.2rem;color:#590B9E;margin:0 0 24px;font-weight:700}
.framework-split .left-content p{font-size:1.05rem;color:#333;line-height:1.7;margin-bottom:18px}
.framework-split .right-visual{background:#fff;padding:40px;border-radius:14px;box-shadow:0 6px 24px #590b9e1f}
.framework-split .visual-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}
.framework-split .visual-item:last-child{margin-bottom:0}
.framework-split .visual-icon{flex:0 0 52px;width:52px;height:52px;background:linear-gradient(135deg,#FA1372,#590B9E);border-radius:8px;display:flex;align-items:center;justify-content:center}
.framework-split .visual-icon svg{width:28px;height:28px;fill:#FFFFEC}
.framework-split .visual-text h4{font-size:1.2rem;color:#590B9E;margin:0 0 8px;font-weight:600}
.framework-split .visual-text p{font-size:.95rem;color:#666;line-height:1.5;margin:0}
.timeline-section{padding:85px 20px;background:#fff}
.timeline-section .timeline-container{max-width:1366px;margin:0 auto}
.timeline-section h2{font-size:2.3rem;color:#590B9E;text-align:center;margin:0 0 60px;font-weight:700}
.timeline-wrapper{position:relative;padding-left:50px}
.timeline-wrapper::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FA1372 0%,#590B9E 100%)}
.timeline-item{position:relative;margin-bottom:45px;padding-left:35px}
.timeline-item::before{content:'';position:absolute;left:-36px;top:8px;width:16px;height:16px;background:#FA1372;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #fa137233}
.timeline-item h3{font-size:1.4rem;color:#590B9E;margin:0 0 10px;font-weight:600}
.timeline-item .phase-label{display:inline-block;background:#fa13721a;color:#FA1372;padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:12px}
.timeline-item p{font-size:1rem;color:#555;line-height:1.6;margin:0}
.cta-block{background:linear-gradient(120deg,#590B9E 0%,#FA1372 100%);padding:75px 20px;text-align:center;position:relative;overflow:hidden}
.cta-block::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffec14;border-radius:50%}
.cta-block::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:#ffffec0f;border-radius:50%}
.cta-block .cta-container{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.cta-block h2{font-size:2.5rem;color:#FFFFEC;margin:0 0 20px;font-weight:700}
.cta-block p{font-size:1.2rem;color:#FFFFEC;margin:0 0 35px;opacity:.95}
.cta-block .button-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-block .btn-primary2{background:#FFFFEC;color:#590B9E;padding:16px 40px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .2s;box-shadow:0 6px 20px #00000026;z-index:10;position:relative}
.cta-block .btn-primary2:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000040;background:#fff}
.cta-block .btn-secondary2{background:transparent;color:#FFFFEC;border:2px solid #FFFFEC;padding:14px 38px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .2s;z-index:10;position:relative}
.cta-block .btn-secondary2:hover{background:#FFFFEC;color:#590B9E;transform:translateY(-3px)}
@media (max-width: 1024px) {
.title-content-container{flex-direction:column;gap:40px}
.title-image-zone{flex:0 0 auto;width:100%;max-width:500px}
.process-cards-grid{grid-template-columns:repeat(2,1fr)}
.framework-split .split-container{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.title-wrap{padding:60px 20px}
.title-text-area h1{font-size:2.2rem}
.title-text-area .subtitle-line{font-size:1.1rem}
.title-image-zone img{height:260px}
.process-cards-grid{grid-template-columns:1fr;gap:24px}
.process-grid-section h2,.framework-split .left-content h2,.timeline-section h2{font-size:1.9rem}
.timeline-wrapper{padding-left:30px}
.timeline-wrapper::before{left:10px}
.timeline-item::before{left:-26px}
.cta-block h2{font-size:1.9rem}
.cta-block p{font-size:1.05rem}
.cta-block .button-group{flex-direction:column;align-items:center}
.cta-block .btn-primary2,.cta-block .btn-secondary2{width:100%;max-width:320px}
}
.title-section{background:linear-gradient(165deg,#FFFFEC 0%,#fa137226 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.title-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#590b9e1f 0%,transparent 70%);border-radius:50%}
.main-container1{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.title-wrapper{display:flex;flex-direction:row;gap:50px;align-items:center}
.title-text-area{flex:1}
.main-heading-text{font-size:52px;line-height:1.2;color:#590B9E;margin-bottom:24px;font-weight:700}
.subtitle-intro{font-size:19px;line-height:1.6;color:#2d2d2d;margin-bottom:16px}
.main-cta-button{display:inline-block;background:#FA1372;color:#FFFFEC;padding:16px 42px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:600;transition:all 180ms ease;box-shadow:0 6px 18px #fa137259;margin-top:24px}
.main-cta-button:hover{background:#590B9E;box-shadow:0 10px 26px #590b9e66;transform:translateY(-3px)}
.title-img-container{flex:1;position:relative}
.title-image2{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #590b9e40}
.support-section{padding:90px 20px;background:#fff}
.section-container22{max-width:1366px;margin:0 auto}
.support-header{text-align:center;margin-bottom:60px}
.support-header h2{font-size:38px;color:#590B9E;margin-bottom:18px;font-weight:700}
.support-header p{font-size:18px;color:#4a4a4a;max-width:700px;margin:0 auto;line-height:1.7}
.support-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.support-card{background:linear-gradient(135deg,#FFFFEC 0%,#fa137214 100%);padding:38px 30px;border-radius:14px;border:2px solid #590b9e26;transition:all 200ms ease}
.support-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #fa137238;border-color:#FA1372}
.support-card h3{font-size:24px;color:#FA1372;margin-bottom:16px;font-weight:700;display:flex;align-items:center;gap:12px}
.support-card h3 i{font-size:28px}
.support-card p{font-size:16px;line-height:1.6;color:#3a3a3a}
.cert-section{padding:85px 20px;background:linear-gradient(180deg,#590b9e0f 0%,#FFFFEC 100%)}
.cert-content-flex{max-width:1366px;margin:0 auto;display:flex;flex-direction:row-reverse;gap:60px;align-items:center}
.cert-visual-side{flex:1}
.cert-img4{width:100%;height:380px;object-fit:cover;border-radius:14px;box-shadow:0 10px 28px #590b9e4d}
.cert-text-side{flex:1}
.cert-text-side h2{font-size:36px;color:#590B9E;margin-bottom:20px;font-weight:700}
.cert-text-side p{font-size:17px;line-height:1.7;color:#3a3a3a;margin-bottom:14px}
.cert-list7{list-style:none;padding:0;margin:26px 0}
.cert-list7 li{font-size:16px;color:#2d2d2d;padding:12px 0 12px 36px;position:relative;line-height:1.5}
.cert-list7 li::before{content:'';position:absolute;left:0;top:16px;width:20px;height:20px;background:#FA1372;border-radius:50%;box-shadow:0 3px 8px #fa137266}
.events-section{padding:90px 20px;background:#fff}
.events-wrapper9{max-width:1366px;margin:0 auto}
.events-top-text{text-align:center;margin-bottom:55px}
.events-top-text h2{font-size:38px;color:#FA1372;margin-bottom:16px;font-weight:700}
.events-top-text p{font-size:18px;color:#4a4a4a;line-height:1.6;max-width:750px;margin:0 auto}
.events-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.event-card-item{background:linear-gradient(120deg,#FFFFEC 0%,#590b9e17 100%);padding:40px 34px;border-radius:16px;border-left:5px solid #FA1372;transition:all 190ms ease;box-shadow:0 6px 20px #00000014}
.event-card-item:hover{border-left-width:8px;box-shadow:0 12px 32px #fa137240}
.event-card-item h3{font-size:26px;color:#590B9E;margin-bottom:18px;font-weight:700}
.event-card-item p{font-size:16px;line-height:1.7;color:#3a3a3a;margin-bottom:12px}
.event-date-tag{display:inline-block;background:#FA1372;color:#FFFFEC;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;margin-top:14px}
.interactive-section{padding:85px 20px;background:linear-gradient(145deg,#fa137214 0%,#FFFFEC 100%)}
.interactive-container{max-width:1366px;margin:0 auto}
.interactive-header-text{text-align:center;margin-bottom:50px}
.interactive-header-text h2{font-size:38px;color:#590B9E;margin-bottom:18px;font-weight:700}
.interactive-header-text p{font-size:17px;color:#4a4a4a;line-height:1.6}
.progress-tracker-box{background:#fff;padding:48px 40px;border-radius:16px;box-shadow:0 10px 28px #590b9e2e;margin-bottom:45px}
.progress-tracker-box h3{font-size:28px;color:#FA1372;margin-bottom:32px;font-weight:700}
.progress-steps{display:flex;justify-content:space-between;position:relative}
.progress-steps::before{content:'';position:absolute;top:40px;left:5%;width:90%;height:4px;background:linear-gradient(90deg,#FA1372 0%,#590B9E 100%);z-index:1}
.progress-step{flex:1;text-align:center;position:relative;z-index:2}
.progress-circle{width:80px;height:80px;background:#fff;border:5px solid #FA1372;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#590B9E;box-shadow:0 6px 16px #fa13724d}
.progress-step.completed .progress-circle{background:#FA1372;color:#FFFFEC}
.progress-step h4{font-size:18px;color:#590B9E;margin-bottom:8px;font-weight:600}
.progress-step p{font-size:14px;color:#4a4a4a;line-height:1.5}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}
.stat-box{background:linear-gradient(135deg,#590B9E 0%,#FA1372 100%);padding:32px 24px;border-radius:14px;text-align:center;color:#FFFFEC;box-shadow:0 8px 22px #590b9e59;transition:all 180ms ease}
.stat-box:hover{transform:scale(1.05);box-shadow:0 12px 30px #fa137273}
.stat-number{font-size:42px;font-weight:700;margin-bottom:10px}
.stat-label{font-size:16px;opacity:.95}
.people-section{padding:90px 20px;background:#fff}
.people-wrapper{max-width:1366px;margin:0 auto}
.people-intro{text-align:center;margin-bottom:60px}
.people-intro h2{font-size:38px;color:#590B9E;margin-bottom:18px;font-weight:700}
.people-intro p{font-size:18px;color:#4a4a4a;line-height:1.7;max-width:800px;margin:0 auto}
.experts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:45px}
.expert-block{background:linear-gradient(120deg,#FFFFEC 0%,#fa137212 100%);padding:42px 38px;border-radius:16px;display:flex;gap:30px;align-items:flex-start;border:2px solid #590b9e1f;transition:all 200ms ease}
.expert-block:hover{border-color:#FA1372;box-shadow:0 12px 30px #fa137233;transform:translateY(-4px)}
.expert-img-box{flex-shrink:0}
.expert-photo{width:140px;height:140px;object-fit:cover;border-radius:50%;border:4px solid #FA1372;box-shadow:0 8px 20px #fa13724d}
.expert-info{flex:1}
.expert-info h3{font-size:26px;color:#590B9E;margin-bottom:8px;font-weight:700}
.expert-role{font-size:16px;color:#FA1372;font-weight:600;margin-bottom:14px}
.expert-info p{font-size:16px;line-height:1.6;color:#3a3a3a;margin-bottom:10px}
.expert-badges{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.badge-item{background:#590B9E;color:#FFFFEC;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}
@media (max-width: 1024px) {
.title-wrapper{flex-direction:column}
.support-grid3{grid-template-columns:1fr 1fr}
.cert-content-flex{flex-direction:column}
.events-grid-layout{grid-template-columns:1fr}
.stats-grid{grid-template-columns:1fr 1fr}
.experts-grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.main-heading-text{font-size:38px}
.support-grid3{grid-template-columns:1fr}
.progress-steps{flex-direction:column;gap:30px}
.progress-steps::before{display:none}
.stats-grid{grid-template-columns:1fr}
.expert-block{flex-direction:column;text-align:center}
.expert-img-box{margin:0 auto}
}
.contact-hero-wrap{position:relative;background:linear-gradient(127deg,#590B9E 0%,#FA1372 100%);padding:94px 22px 86px;overflow:hidden;margin-bottom:72px}
.contact-hero-wrap::before{content:'';position:absolute;top:-44px;right:-88px;width:420px;height:420px;background:#ffffec17;border-radius:50%;z-index:1}
.contact-hero-wrap::after{content:'';position:absolute;bottom:-62px;left:-94px;width:380px;height:380px;background:#fa137238;border-radius:50%;z-index:1}
.hero-inner-container{max-width:1366px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:58px}
.contact-hero-text h1{font-size:52px;line-height:1.18;color:#FFFFEC;font-weight:700;margin:0 0 18px}
.contact-hero-text h1 .accent7{color:#FA1372;background:#FFFFEC;padding:2px 14px;border-radius:8px;display:inline-block}
.contact-hero-text p{font-size:19px;line-height:1.62;color:#ffffecf0;max-width:540px;margin:0}
.hero-image-block{flex-shrink:0;width:460px;height:320px;position:relative;transform:translateY(-12px)}
.hero-image-block img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 18px 44px #0000003d}
.hero-image-block::before{content:'';position:absolute;top:-14px;left:-14px;right:14px;bottom:14px;border:3px solid #ffffec5c;border-radius:16px;z-index:-1}
.contact-info-section{max-width:1366px;margin:0 auto 84px;padding:0 22px}
.info-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.info-card2{background:linear-gradient(135deg,#FFFFEC 0%,#ffffecb3 100%);border-radius:12px;padding:42px 32px;border:2px solid #590B9E;position:relative;overflow:hidden;transition:transform 180ms}
.info-card2:hover{transform:translateY(-6px)}
.info-card2::before{content:'';position:absolute;top:0;right:0;width:140px;height:140px;background:#fa137214;border-radius:0 0 0 100%}
.card-icon-holder{width:68px;height:68px;background:#FA1372;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:2}
.card-icon-holder i{font-size:32px;color:#FFFFEC}
.info-card2 h3{font-size:22px;line-height:1.3;color:#590B9E;font-weight:600;margin:0 0 14px}
.info-card2 p{font-size:16px;line-height:1.58;color:#333;margin:0}
.info-card2 a{color:#590B9E;text-decoration:none;font-weight:500;transition:color 160ms}
.info-card2 a:hover{color:#FA1372}
.form-main-section{background:linear-gradient(180deg,#590b9e0a 0%,#fa13720a 100%);padding:78px 22px 92px}
.form-content-wrap{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.form-left-content h2{font-size:38px;line-height:1.24;color:#590B9E;font-weight:700;margin:0 0 22px}
.form-left-content h2::before{content:'';display:block;width:58px;height:5px;background:#FA1372;margin-bottom:18px;border-radius:3px}
.form-left-content p{font-size:17px;line-height:1.64;color:#444;margin:0 0 18px}
.form-image-box{width:100%;height:280px;margin-top:32px;border-radius:12px;overflow:hidden}
.form-image-box img{width:100%;height:100%;object-fit:cover}
.contact-form-container{background:#fff;border-radius:16px;padding:48px 42px;box-shadow:0 12px 38px #590b9e24}
.contact-form-container h3{font-size:28px;line-height:1.3;color:#590B9E;font-weight:600;margin:0 0 28px}
.form-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
.input-group5{display:flex;flex-direction:column}
.input-group5 label{font-size:15px;line-height:1.4;color:#590B9E;font-weight:500;margin-bottom:8px}
.input-group5 input,.input-group5 select,.input-group5 textarea{border:2px solid #ddd;border-radius:10px;padding:14px 16px;font-size:16px;color:#333;transition:border-color 170ms,box-shadow 170ms}
.input-group5 input:focus,.input-group5 select:focus,.input-group5 textarea:focus{outline:none;border-color:#FA1372;box-shadow:0 0 0 4px #fa13721f}
.form-row-single{margin-bottom:22px}
.input-group5 textarea{min-height:136px;resize:vertical}
.checkbox-group9{display:flex;align-items:start;gap:12px;margin:26px 0 32px}
.checkbox-group9 input[type="checkbox"]{width:20px;height:20px;flex-shrink:0;margin-top:2px;cursor:pointer;accent-color:#FA1372}
.checkbox-group9 label{font-size:14px;line-height:1.5;color:#555}
.checkbox-group9 a{color:#590B9E;text-decoration:underline;transition:color 160ms}
.checkbox-group9 a:hover{color:#FA1372}
.submit-btn4{width:100%;background:linear-gradient(127deg,#FA1372 0%,#590B9E 100%);color:#FFFFEC;border:none;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:600;cursor:pointer;transition:transform 180ms,box-shadow 180ms;position:relative;z-index:10}
.submit-btn4:hover{transform:translateY(-3px);box-shadow:0 8px 24px #fa13725c}
.submit-btn4:active{transform:translateY(-1px)}
@media (max-width: 1024px) {
.hero-inner-container{flex-direction:column;gap:38px}
.hero-image-block{width:100%;max-width:520px}
.contact-hero-text h1{font-size:42px}
.info-grid3{grid-template-columns:1fr;gap:28px}
.form-content-wrap{grid-template-columns:1fr;gap:48px}
}
@media (max-width: 768px) {
.contact-hero-wrap{padding:64px 18px 58px;margin-bottom:52px}
.contact-hero-text h1{font-size:34px}
.contact-hero-text p{font-size:17px}
.hero-image-block{height:260px}
.form-row-dual{grid-template-columns:1fr;gap:18px}
.contact-form-container{padding:36px 24px}
.form-main-section{padding:58px 18px 68px}
.contact-info-section{margin-bottom:62px}
}
.hero-program{position:relative;padding:140px 20px 120px;background:linear-gradient(135deg,#FA1372 0%,#590B9E 100%);overflow:hidden}
.hero-program::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffffec26 0%,transparent 70%);border-radius:50%;animation:floatShape 20s infinite ease-in-out}
.hero-program::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#ffffec1a 0%,transparent 70%);border-radius:50%;animation:floatShape 25s infinite ease-in-out reverse}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.program-hero-wrap{max-width:1366px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.hero-text-side{flex:1}
.hero-program .title1{font-size:3.2rem;line-height:1.2;color:#FFFFEC;margin:0 0 24px;font-weight:700}
.hero-program .title1 .keyword-mark{position:relative;display:inline-block}
.hero-program .title1 .keyword-mark::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:#FFFFEC;border-radius:2px}
.hero-program .subtitle-hero{font-size:1.25rem;line-height:1.7;color:#ffffece6;margin:0 0 32px;max-width:540px}
.hero-img-side{flex:0 0 480px;position:relative}
.hero-img-side img{width:100%;height:360px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #0000004d 0 8px 20px #fa137266}
.content-modules{padding:100px 20px;background:#FFFFEC}
.modules-container{max-width:1366px;margin:0 auto}
.modules-container .section-head{text-align:center;margin-bottom:80px}
.modules-container .section-head h2{font-size:2.6rem;color:#590B9E;margin:0 0 16px;font-weight:700}
.modules-container .section-head p{font-size:1.15rem;color:#333;line-height:1.6;max-width:680px;margin:0 auto}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.module-item{background:#fff;border-radius:12px;padding:36px 28px;border:2px solid transparent;transition:all 220ms ease;position:relative}
.module-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#FA1372 0%,#590B9E 100%);border-radius:12px 12px 0 0;opacity:0;transition:opacity 220ms ease}
.module-item:hover{border-color:#FA1372;box-shadow:0 12px 40px #fa137226;transform:translateY(-4px)}
.module-item:hover::before{opacity:1}
.module-item .icon-wrap{width:64px;height:64px;background:linear-gradient(135deg,#fa13721a 0%,#590b9e1a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.module-item .icon-wrap svg{width:32px;height:32px;fill:#590B9E}
.module-item h3{font-size:1.4rem;color:#590B9E;margin:0 0 12px;font-weight:700}
.module-item .desc-text{font-size:1rem;line-height:1.6;color:#555;margin:0 0 20px}
.module-item .topics-list{list-style:none;padding:0;margin:0}
.module-item .topics-list li{font-size:.95rem;color:#666;padding:6px 0 6px 24px;position:relative}
.module-item .topics-list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#FA1372;border-radius:50%}
.learning-path-section{padding:0 20px 100px;background:linear-gradient(180deg,#FFFFEC 0%,#fff 100%)}
.path-wrapper{max-width:1366px;margin:0 auto;display:flex;gap:80px;align-items:center}
.path-visual{flex:0 0 520px;position:relative}
.path-visual img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 16px 50px #590b9e33}
.path-content{flex:1}
.path-content h2{font-size:2.4rem;color:#590B9E;margin:0 0 28px;font-weight:700;position:relative;display:inline-block}
.path-content h2::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:28px;height:4px;background:#FA1372;border-radius:2px}
.timeline-steps{position:relative;padding-left:40px}
.timeline-steps::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FA1372 0%,#590B9E 100%);border-radius:2px}
.step-block{position:relative;margin-bottom:32px;padding-bottom:32px}
.step-block:last-child{margin-bottom:0;padding-bottom:0}
.step-block::before{content:'';position:absolute;left:-33px;top:8px;width:16px;height:16px;background:#FA1372;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #fa13724d}
.step-block h4{font-size:1.3rem;color:#590B9E;margin:0 0 10px;font-weight:700}
.step-block p{font-size:1rem;line-height:1.7;color:#555;margin:0}
.step-block .duration-tag{display:inline-block;background:#fa13721a;color:#FA1372;font-size:.85rem;padding:4px 12px;border-radius:6px;margin-top:8px;font-weight:600}
@media (max-width: 1024px) {
.program-hero-wrap{flex-direction:column;gap:40px}
.hero-img-side{flex:0 0 auto;width:100%;max-width:540px}
.module-grid{grid-template-columns:repeat(2,1fr);gap:30px}
.path-wrapper{flex-direction:column-reverse;gap:50px}
.path-visual{flex:0 0 auto;width:100%;max-width:600px}
}
@media (max-width: 768px) {
.hero-program{padding:100px 20px 80px}
.hero-program .title1{font-size:2.4rem}
.hero-program .subtitle-hero{font-size:1.1rem}
.module-grid{grid-template-columns:1fr;gap:24px}
.modules-container .section-head h2{font-size:2.2rem}
.path-content h2{font-size:2rem}
.path-content h2::before{display:none}
.timeline-steps{padding-left:30px}
.step-block::before{left:-27px}
}
@media (max-width: 480px) {
.hero-program{padding:80px 16px 60px}
.hero-program .title1{font-size:2rem}
.content-modules{padding:70px 16px}
.learning-path-section{padding:0 16px 70px}
}
.header-split{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1366px;margin:0 auto;min-height:480px;position:relative}
.header-split .imgBox{position:relative;overflow:hidden}
.header-split .imgBox img{width:100%;height:100%;object-fit:cover;display:block}
.header-split .titleWrap{background:linear-gradient(135deg,#590B9E 0%,#FA1372 100%);padding:60px 50px;display:flex;flex-direction:column;justify-content:center;position:relative}
.header-split .titleWrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffec12;clip-path:polygon(0 0,100% 0,100% 100%,0 85%)}
.header-split .mainTitle{font-size:52px;font-weight:700;color:#FFFFEC;line-height:1.2;margin:0 0 20px;position:relative;z-index:2}
.header-split .subtext1{font-size:18px;color:#ffffece6;line-height:1.6;margin:0;position:relative;z-index:2}
.story-container{max-width:1366px;margin:80px auto;padding:0 40px}
.story-container .grid3col{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.story-container .storyCard{background:#FFFFEC;border-radius:12px;padding:35px 28px;box-shadow:0 8px 16px #590b9e1f;transition:all 200ms;position:relative}
.story-container .storyCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FA1372 0%,#590B9E 100%);border-radius:12px 0 0 12px}
.story-container .storyCard:hover{transform:translateY(-6px);box-shadow:0 12px 24px #fa13722e}
.story-container .cardTitle{font-size:24px;font-weight:600;color:#590B9E;margin:0 0 16px}
.story-container .cardText{font-size:16px;color:#333;line-height:1.7;margin:0 0 12px}
.story-container .cardText:last-child{margin-bottom:0}
.team-section{background:linear-gradient(90deg,#590b9e14 0%,#fa137214 100%);padding:90px 40px;position:relative}
.team-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#FA1372 50%,transparent 100%)}
.team-section .contentWrap{max-width:1366px;margin:0 auto}
.team-section .sectionHead{font-size:42px;font-weight:700;color:#590B9E;margin:0 0 50px;text-align:center}
.team-section .teamGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.team-section .memberCard{background:#fff;border-radius:16px;padding:32px;box-shadow:0 6px 18px #590b9e1a;transition:transform 180ms}
.team-section .memberCard:hover{transform:scale(1.03)}
.team-section .memberName{font-size:22px;font-weight:600;color:#FA1372;margin:0 0 8px}
.team-section .memberRole{font-size:16px;font-weight:500;color:#590B9E;margin:0 0 18px}
.team-section .memberBio{font-size:15px;color:#444;line-height:1.6;margin:0}
.approach-block{max-width:1366px;margin:100px auto;padding:0 40px;display:grid;grid-template-columns:45% 55%;gap:60px;align-items:center}
.approach-block .imgArea{position:relative}
.approach-block .imgArea img{width:100%;height:500px;object-fit:cover;border-radius:20px;box-shadow:12px 12px 0 #fa137233}
.approach-block .textArea{padding:20px 0}
.approach-block .heading2{font-size:38px;font-weight:700;color:#590B9E;margin:0 0 28px;position:relative;padding-left:24px}
.approach-block .heading2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:#FA1372;border-radius:3px}
.approach-block .paragraph1{font-size:17px;color:#333;line-height:1.8;margin:0 0 20px}
.values-showcase{background:#590B9E;padding:100px 40px;position:relative;overflow:hidden}
.values-showcase::after{content:'';position:absolute;bottom:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#fa137226 0%,transparent 70%);border-radius:50%}
.values-showcase .wrapperContent{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.values-showcase .title3{font-size:44px;font-weight:700;color:#FFFFEC;margin:0 0 60px;text-align:center}
.values-showcase .valueGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.values-showcase .valueItem{display:flex;gap:24px}
.values-showcase .iconCircle{width:70px;height:70px;min-width:70px;background:#fa137233;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #FA1372}
.values-showcase .iconCircle i{font-size:32px;color:#FA1372}
.values-showcase .valueContent{flex:1}
.values-showcase .valueName{font-size:26px;font-weight:600;color:#FFFFEC;margin:0 0 14px}
.values-showcase .valueDesc{font-size:16px;color:#ffffecd9;line-height:1.7;margin:0}
.cta-section{max-width:1366px;margin:90px auto;padding:0 40px;text-align:center}
.cta-section .ctaBox{background:linear-gradient(135deg,#FA1372 0%,#590B9E 100%);border-radius:20px;padding:70px 50px;position:relative;overflow:hidden}
.cta-section .ctaBox::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffec1a 0%,transparent 50%)}
.cta-section .ctaHeading{font-size:40px;font-weight:700;color:#FFFFEC;margin:0 0 22px;position:relative;z-index:2}
.cta-section .ctaText{font-size:18px;color:#ffffece6;line-height:1.6;margin:0 0 38px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.cta-section .btnGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.cta-section .btn1{background:#FFFFEC;color:#590B9E;font-size:17px;font-weight:600;padding:16px 42px;border-radius:10px;text-decoration:none;transition:all 180ms;box-shadow:0 6px 16px #00000026;display:inline-block}
.cta-section .btn1:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000040}
.cta-section .btn2{background:transparent;color:#FFFFEC;font-size:17px;font-weight:600;padding:16px 42px;border-radius:10px;text-decoration:none;transition:all 180ms;border:2px solid #FFFFEC;display:inline-block}
.cta-section .btn2:hover{background:#ffffec26;transform:translateY(-3px)}
@media (max-width: 1200px) {
.header-split .mainTitle{font-size:44px}
.team-section .teamGrid{grid-template-columns:repeat(2,1fr)}
.approach-block{grid-template-columns:1fr;gap:40px}
.values-showcase .valueGrid{gap:40px}
}
@media (max-width: 768px) {
.header-split{grid-template-columns:1fr;min-height:auto}
.header-split .imgBox{height:300px}
.header-split .titleWrap{padding:40px 30px}
.header-split .mainTitle{font-size:36px}
.story-container{margin:60px auto;padding:0 20px}
.story-container .grid3col{grid-template-columns:1fr;gap:30px}
.team-section{padding:60px 20px}
.team-section .sectionHead{font-size:34px;margin-bottom:35px}
.team-section .teamGrid{grid-template-columns:1fr;gap:30px}
.approach-block{margin:70px auto;padding:0 20px}
.approach-block .imgArea img{height:350px}
.approach-block .heading2{font-size:32px}
.values-showcase{padding:70px 20px}
.values-showcase .title3{font-size:36px;margin-bottom:40px}
.values-showcase .valueGrid{grid-template-columns:1fr;gap:35px}
.cta-section{margin:60px auto;padding:0 20px}
.cta-section .ctaBox{padding:50px 30px}
.cta-section .ctaHeading{font-size:32px}
.cta-section .btnGroup{flex-direction:column;align-items:stretch}
.cta-section .btn1,.cta-section .btn2{width:100%;text-align:center}
}
.success-wrap{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFFFEC 0%,#fa137214 100%);padding:60px 20px;position:relative;overflow:hidden}
.success-wrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#590b9e1f 0%,transparent 70%);border-radius:50%}
.success-wrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#fa13721a 0%,transparent 70%);border-radius:50%}
.success-container{max-width:680px;width:100%;margin:0 auto;position:relative;z-index:2}
.success-content{background:#fff;border-radius:12px;padding:70px 50px 60px;box-shadow:0 8px 24px #590b9e1f 0 2px 8px #fa137214;text-align:center;position:relative}
.success-content::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#FA1372 0%,#590B9E 100%);border-radius:14px;z-index:-1;opacity:.15}
.icon-check-circle{width:92px;height:92px;margin:0 auto 32px;background:linear-gradient(135deg,#FA1372 0%,#590B9E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:successPulse 2s ease-in-out infinite}
@keyframes successPulse {
0%,100%{transform:scale(1);box-shadow:0 4px 16px #fa13724d}
50%{transform:scale(1.05);box-shadow:0 8px 24px #fa137266}
}
.icon-check-circle svg{width:48px;height:48px;fill:#FFFFEC}
.success-content .heading1{font-size:38px;font-weight:700;color:#590B9E;margin:0 0 18px;line-height:1.2}
.success-content .subtext{font-size:18px;line-height:1.6;color:#2d2d2d;margin:0 0 14px}
.success-content .detail-text{font-size:16px;line-height:1.5;color:#555;margin:0 0 38px}
.button-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-primary2{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#FA1372 0%,#590B9E 100%);color:#FFFFEC;text-decoration:none;border-radius:10px;font-size:17px;font-weight:600;transition:all 200ms ease;box-shadow:0 4px 12px #fa137240;position:relative;z-index:5}
.btn-primary2:hover{transform:translateY(-2px);box-shadow:0 6px 18px #fa137259}
.btn-primary2:active{transform:translateY(0)}
.btn-secondary3{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:transparent;color:#590B9E;text-decoration:none;border:2px solid #590B9E;border-radius:10px;font-size:17px;font-weight:600;transition:all 200ms ease;position:relative;z-index:5}
.btn-secondary3:hover{background:#590b9e14;transform:translateY(-2px)}
.btn-secondary3:active{transform:translateY(0)}
.decor-line{width:60px;height:4px;background:linear-gradient(90deg,#FA1372 0%,#590B9E 100%);margin:0 auto 26px;border-radius:2px}
@media (max-width: 768px) {
.success-wrap{padding:40px 16px;min-height:80vh}
.success-content{padding:50px 30px 45px}
.icon-check-circle{width:76px;height:76px;margin-bottom:26px}
.icon-check-circle svg{width:40px;height:40px}
.success-content .heading1{font-size:30px;margin-bottom:14px}
.success-content .subtext{font-size:16px;margin-bottom:12px}
.success-content .detail-text{font-size:15px;margin-bottom:32px}
.button-group{flex-direction:column;gap:12px}
.btn-primary2,.btn-secondary3{width:100%;justify-content:center;padding:14px 24px;font-size:16px}
}
@media (max-width: 480px) {
.success-content{padding:40px 24px}
.success-content .heading1{font-size:26px}
.success-content .subtext{font-size:15px}
.success-content .detail-text{font-size:14px}
}