*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:'Lexend',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;line-height:1.6;color:#1a1a1a;background:#fafafa}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.hdrWrap{position:relative;background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);box-shadow:0 8px 24px #00000014;padding-bottom:80px}
.topBar{background:linear-gradient(125deg,#FF0B8F 0%,#9D33E8 50%,#0EFFB8 100%);padding:16px 0}
.navHolder{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:32px;justify-content:center;flex-wrap:wrap}
.navLink{color:#fff;font-weight:400;font-size:15px;padding:8px 16px;border-radius:6px;transition:background 450ms ease}
.navLink:hover{background:#ffffff26}
.brandFloat{position:absolute;left:50%;transform:translateX(-50%);top:60px;z-index:10}
.logoBox{display:flex;align-items:center;gap:16px;background:#fff;padding:16px 32px;border-radius:10px;box-shadow:0 12px 32px #9d33e833 0 4px 12px #ff0b8f26}
.logoImg{width:110px;height:110px}
.compName{font-size:28px;font-weight:700;background:linear-gradient(125deg,#FF0B8F 0%,#9D33E8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ftWrap{background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 100%);color:#e0e0e0;padding:64px 0 32px;margin-top:80px}
.ftContainer{max-width:1200px;margin:0 auto;padding:0 24px}
.ftGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:48px}
.ftBrand .ftLogo{width:80px;height:80px;margin-bottom:16px}
.ftTagline{font-size:14px;color:#b0b0b0;line-height:1.5}
.ftHeading{font-size:18px;font-weight:700;margin-bottom:20px;color:#fff}
.ftContact p{margin-bottom:12px;font-size:14px;line-height:1.7}
.ftContact a{color:#0EFFB8;transition:color 450ms ease}
.ftContact a:hover{color:#FF0B8F}
.ftNav{display:flex;flex-direction:column;gap:12px}
.ftNavLink{font-size:14px;color:#d0d0d0;transition:color 450ms ease,padding-left 450ms ease;padding-left:0}
.ftNavLink:hover{color:#0EFFB8;padding-left:8px}
.ftBottom{padding-top:32px;border-top:1px solid #ffffff1a;text-align:center}
.ftCopy{font-size:13px;color:#909090}
.cookieOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:9999;align-items:center;justify-content:center;padding:20px}
.cookieModal{background:#fff;border-radius:12px;max-width:680px;width:100%;max-height:85vh;overflow-y:auto;padding:40px;box-shadow:0 24px 64px #0000004d}
.cookieTitle{font-size:26px;font-weight:700;margin-bottom:16px;color:#1a1a1a}
.cookieDesc{font-size:15px;line-height:1.6;color:#4a4a4a;margin-bottom:28px}
.cookieSettings{margin-bottom:28px}
.cookieItem{padding:20px;background:#f8f8f8;border-radius:8px;margin-bottom:16px}
.cookieItemHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cookieLabel{font-weight:700;font-size:15px;color:#2a2a2a}
.cookieStatus{font-size:13px;color:#0EFFB8;font-weight:700}
.cookieItemDesc{font-size:13px;color:#6a6a6a;line-height:1.5}
.toggleSwitch{position:relative;display:inline-block;width:52px;height:28px}
.toggleInput{opacity:0;width:0;height:0}
.toggleSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;transition:background 500ms ease;border-radius:28px}
.toggleSlider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;transition:transform 500ms ease;border-radius:50%}
.toggleInput:checked + .toggleSlider{background:linear-gradient(125deg,#FF0B8F 0%,#9D33E8 100%)}
.toggleInput:checked + .toggleSlider:before{transform:translateX(24px)}
.cookiePolicy{font-size:13px;color:#6a6a6a;margin-bottom:28px}
.cookiePolicyLink{color:#9D33E8;text-decoration:underline}
.cookieBtns{display:flex;gap:16px;justify-content:flex-end}
.cookieBtn{padding:14px 36px;border-radius:50px;font-size:15px;font-weight:700;transition:all 500ms ease}
.cookieBtnDecline{background:#e0e0e0;color:#3a3a3a}
.cookieBtnDecline:hover{background:#d0d0d0}
.cookieBtnAccept{background:linear-gradient(125deg,#FF0B8F 0%,#9D33E8 100%);color:#fff}
.cookieBtnAccept:hover{box-shadow:0 8px 24px #9d33e866;transform:translateY(-2px)}
@media (max-width: 768px) {
.navHolder{gap:16px}
.navLink{font-size:14px;padding:6px 12px}
.brandFloat{top:50px}
.logoBox{padding:12px 20px;gap:12px}
.logoImg{width:70px;height:70px}
.compName{font-size:20px}
.ftGrid{gap:32px}
.cookieModal{padding:28px 20px}
.cookieTitle{font-size:22px}
.cookieBtns{flex-direction:column}
.cookieBtn{width:100%}
}
@media (max-width: 480px) {
.navHolder{flex-direction:column;align-items:center;gap:8px}
.hdrWrap{padding-bottom:60px}
.brandFloat{position:static;transform:none;margin-top:20px;display:flex;justify-content:center}
.logoBox{flex-direction:column;text-align:center}
}
.info-legal-umh{max-width:1200px;margin:0 auto;padding:80px 24px 120px;background:linear-gradient(135deg,#fff 0%,#fafbfc 100%)}
.info-legal-umh h1{font-size:48px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.02em}
.info-legal-umh h2{font-size:36px;font-weight:600;line-height:1.3;color:#2a2a2a;margin:64px 0 24px;letter-spacing:-.01em;background:linear-gradient(125deg,#FF0B8F 0%,#9D33E8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.info-legal-umh h3{font-size:28px;font-weight:600;line-height:1.4;color:#3a3a3a;margin:48px 0 20px}
.info-legal-umh h4{font-size:22px;font-weight:600;line-height:1.4;color:#4a4a4a;margin:40px 0 16px}
.info-legal-umh h5{font-size:18px;font-weight:600;line-height:1.5;color:#5a5a5a;margin:32px 0 12px}
.info-legal-umh h6{font-size:16px;font-weight:600;line-height:1.5;color:#6a6a6a;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.05em}
.info-legal-umh p{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 24px;font-weight:400}
.info-legal-umh em,.info-legal-umh i{font-style:italic;color:#3a3a3a}
.info-legal-umh div{margin:32px 0}
.info-legal-umh table{width:100%;border-collapse:separate;border-spacing:0;margin:48px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000000f}
.info-legal-umh thead{background:linear-gradient(135deg,#FF0B8F 0%,#9D33E8 100%)}
.info-legal-umh thead tr{border:none}
.info-legal-umh thead th{padding:20px 24px;text-align:left;font-size:15px;font-weight:600;color:#fff;letter-spacing:.03em;text-transform:uppercase;border:none}
.info-legal-umh tbody{background:#fff}
.info-legal-umh tbody tr{border-bottom:1px solid #f0f0f0;transition:background 500ms ease}
.info-legal-umh tbody tr:hover{background:#fafbfc}
.info-legal-umh tbody tr:last-child{border-bottom:none}
.info-legal-umh tbody td{padding:20px 24px;font-size:16px;line-height:1.6;color:#4a4a4a;border:none}
.info-legal-umh tbody th{padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#2a2a2a;background:#f8f9fa;border:none}
@media (max-width: 768px) {
.info-legal-umh{padding:48px 20px 80px}
.info-legal-umh h1{font-size:36px;margin-bottom:12px}
.info-legal-umh h2{font-size:28px;margin:48px 0 20px}
.info-legal-umh h3{font-size:24px;margin:36px 0 16px}
.info-legal-umh h4{font-size:20px;margin:32px 0 14px}
.info-legal-umh h5{font-size:17px;margin:28px 0 10px}
.info-legal-umh h6{font-size:15px;margin:20px 0 10px}
.info-legal-umh p{font-size:16px;line-height:1.7;margin-bottom:20px}
.info-legal-umh table{margin:32px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.info-legal-umh thead th{padding:16px;font-size:13px;white-space:nowrap}
.info-legal-umh tbody td,.info-legal-umh tbody th{padding:16px;font-size:15px}
}
@media (max-width: 480px) {
.info-legal-umh{padding:32px 16px 60px}
.info-legal-umh h1{font-size:30px}
.info-legal-umh h2{font-size:24px;margin:40px 0 16px}
.info-legal-umh h3{font-size:20px;margin:32px 0 14px}
.info-legal-umh p{font-size:15px}
.info-legal-umh thead th,.info-legal-umh tbody td,.info-legal-umh tbody th{padding:12px;font-size:14px}
}
.heroWrap{position:relative;background:linear-gradient(142deg,#FF0B8F 0%,#9D33E8 100%);overflow:hidden;padding:120px 0 100px}
.heroWrap::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:#0defb814;border-radius:50%;z-index:1}
.heroWrap::after{content:'';position:absolute;bottom:-15%;left:-8%;width:500px;height:500px;background:#ffffff0d;border-radius:50%;z-index:1}
.heroContent{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.heroTxt{flex:1}
.heroTxt h1{font-size:56px;color:#fff;margin:0 0 24px;line-height:1.15;font-weight:700}
.heroTxt .subhdg{font-size:20px;color:#ffffffeb;line-height:1.6;margin:0 0 32px;max-width:540px}
.heroImg{flex:0 0 380px;position:relative}
.heroImg img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 16px 48px #00000059}
.heroActions a{display:inline-block;padding:16px 36px;background:#0EFFB8;color:#1a1a1a;text-decoration:none;border-radius:6px;font-weight:600;font-size:17px;transition:all 450ms;box-shadow:0 8px 24px #0defb84d}
.heroActions a:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 32px #0defb873}
.priceArea{background:#fafafa;padding:90px 0}
.priceArea .holder{max-width:1200px;margin:0 auto;padding:0 20px}
.priceArea .secHd{text-align:center;margin-bottom:64px}
.priceArea .secHd h2{font-size:42px;color:#2a2a2a;margin:0 0 16px;font-weight:700}
.priceArea .secHd .desc{font-size:18px;color:#5a5a5a;line-height:1.6;max-width:620px;margin:0 auto}
.planGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.planCard{background:#fff;border-radius:10px;padding:48px 32px;box-shadow:0 4px 16px #0000000f;transition:all 500ms;position:relative}
.planCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001f}
.planCard.featured{background:linear-gradient(135deg,#9D33E8 0%,#FF0B8F 100%);color:#fff;transform:scale(1.05)}
.planCard.featured:hover{transform:scale(1.05) translateY(-6px)}
.planCard.featured .planName,.planCard.featured .planPrice,.planCard.featured .planFeat,.planCard.featured .planDetail{color:#fff}
.planCard.featured .planBtn{background:#0EFFB8;color:#1a1a1a}
.planCard.featured .planBtn:hover{background:#fff}
.planBadge{position:absolute;top:-14px;right:32px;background:#0EFFB8;color:#1a1a1a;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.planName{font-size:24px;color:#2a2a2a;font-weight:700;margin:0 0 12px}
.planPrice{font-size:48px;color:#FF0B8F;font-weight:700;margin:0 0 8px}
.planPrice span{font-size:18px;color:#7a7a7a;font-weight:400}
.planDetail{font-size:14px;color:#6a6a6a;margin:0 0 32px}
.planFeat{list-style:none;padding:0;margin:0 0 40px}
.planFeat li{padding:12px 0;border-bottom:1px solid #0000000f;color:#4a4a4a;font-size:15px;display:flex;align-items:center;gap:10px}
.planCard.featured .planFeat li{border-bottom-color:#ffffff26}
.planFeat li::before{content:'✓';color:#0EFFB8;font-weight:700;font-size:18px}
.planBtn{display:block;text-align:center;padding:14px 28px;background:linear-gradient(135deg,#9D33E8 0%,#FF0B8F 100%);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all 450ms}
.planBtn:hover{background:linear-gradient(135deg,#FF0B8F 0%,#9D33E8 100%);box-shadow:0 8px 24px #9d33e84d}
.socialArea{background:#fff;padding:90px 0}
.socialArea .wrapper{max-width:1200px;margin:0 auto;padding:0 20px}
.socialArea .topHd{text-align:center;margin-bottom:56px}
.socialArea .topHd h2{font-size:40px;color:#2a2a2a;margin:0 0 20px;font-weight:700}
.socialArea .topHd .subline{font-size:18px;color:#5a5a5a;line-height:1.7;max-width:680px;margin:0 auto}
.impactCards{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.impactCard{background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);padding:44px 36px;border-radius:8px;border-left:6px solid #9D33E8;transition:all 480ms}
.impactCard:hover{transform:translateX(8px);border-left-color:#FF0B8F;box-shadow:0 12px 32px #00000014}
.impactCard h3{font-size:26px;color:#2a2a2a;margin:0 0 16px;font-weight:700;display:flex;align-items:center;gap:12px}
.impactCard h3::before{content:'';width:8px;height:8px;background:#0EFFB8;border-radius:50%}
.impactCard p{font-size:16px;color:#4a4a4a;line-height:1.7;margin:0 0 20px}
.impactCard .statData{display:flex;gap:32px;margin-top:24px}
.statItem{flex:1}
.statItem .num{font-size:32px;color:#9D33E8;font-weight:700;display:block;margin-bottom:6px}
.statItem .lbl{font-size:14px;color:#6a6a6a;text-transform:uppercase;letter-spacing:.5px}
.benefitsWrap{background:linear-gradient(147deg,#2a2a2a 0%,#1a1a1a 100%);padding:100px 0;position:relative;overflow:hidden}
.benefitsWrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./stock_photos/P5116186x221.jpg);background-size:cover;background-position:center;opacity:.08;z-index:1}
.benefitsWrap .inner{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.benefitsWrap .header{text-align:center;margin-bottom:68px}
.benefitsWrap .header h2{font-size:44px;color:#fff;margin:0 0 18px;font-weight:700}
.benefitsWrap .header .intro{font-size:19px;color:#ffffffd9;line-height:1.6;max-width:700px;margin:0 auto}
.benefitsList{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.benefitBlock{background:#ffffff0a;padding:40px 28px;border-radius:10px;border:2px solid #ffffff14;transition:all 520ms;backdrop-filter:blur(10px)}
.benefitBlock:hover{background:#ffffff14;border-color:#0EFFB8;transform:translateY(-8px);box-shadow:0 20px 48px #0defb826}
.benefitBlock .ico{width:64px;height:64px;background:linear-gradient(135deg,#FF0B8F 0%,#9D33E8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:28px;color:#fff}
.benefitBlock h3{font-size:22px;color:#fff;margin:0 0 14px;font-weight:700}
.benefitBlock p{font-size:15px;color:#ffffffbf;line-height:1.7;margin:0}
.flexSection{background:#fff;padding:95px 0}
.flexSection .container{max-width:1200px;margin:0 auto;padding:0 20px}
.flexSection .titleArea{margin-bottom:60px}
.flexSection .titleArea h2{font-size:42px;color:#2a2a2a;margin:0 0 18px;font-weight:700}
.flexSection .titleArea .brief{font-size:18px;color:#5a5a5a;line-height:1.65;max-width:720px}
.flexGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.flexTxt h3{font-size:32px;color:#2a2a2a;margin:0 0 24px;font-weight:700;position:relative;padding-left:24px}
.flexTxt h3::before{content:'';position:absolute;left:0;top:8px;width:6px;height:28px;background:linear-gradient(180deg,#FF0B8F 0%,#9D33E8 100%);border-radius:3px}
.flexTxt p{font-size:17px;color:#4a4a4a;line-height:1.75;margin:0 0 28px}
.flexList{list-style:none;padding:0;margin:0 0 32px}
.flexList li{padding:14px 0 14px 40px;font-size:16px;color:#3a3a3a;position:relative;line-height:1.6}
.flexList li::before{content:'';position:absolute;left:0;top:18px;width:24px;height:24px;background:linear-gradient(135deg,#0EFFB8 0%,#9D33E8 100%);border-radius:50%;opacity:.2}
.flexList li::after{content:'→';position:absolute;left:6px;top:14px;color:#9D33E8;font-weight:700;font-size:18px}
.flexImg{position:relative}
.flexImg .mainPic{width:100%;height:480px;object-fit:cover;border-radius:10px;box-shadow:0 16px 48px #0000001f}
.flexImg .accent{position:absolute;bottom:-20px;right:-20px;width:280px;height:200px;object-fit:cover;border-radius:10px;border:6px solid #fff;box-shadow:0 12px 36px #00000026}
.testimonyArea{background:linear-gradient(138deg,#fafafa 0%,#f0f0f0 100%);padding:90px 0}
.testimonyArea .base{max-width:1200px;margin:0 auto;padding:0 20px}
.testimonyArea .leadHd{text-align:center;margin-bottom:64px}
.testimonyArea .leadHd h2{font-size:40px;color:#2a2a2a;margin:0 0 16px;font-weight:700}
.testimonyArea .leadHd .note{font-size:17px;color:#5a5a5a;line-height:1.6}
.reviewCards{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.reviewBox{background:#fff;padding:40px 36px;border-radius:10px;box-shadow:0 8px 24px #0000000f;transition:all 480ms;position:relative}
.reviewBox:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-4px)}
.reviewBox::before{content:'"';position:absolute;top:20px;left:28px;font-size:120px;color:#9d33e814;font-family:Georgia,serif;line-height:1}
.reviewBox .profileArea{display:flex;align-items:center;gap:18px;margin-bottom:24px;position:relative;z-index:2}
.reviewBox .avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;border:3px solid #0EFFB8}
.reviewBox .identity h4{font-size:19px;color:#2a2a2a;margin:0 0 6px;font-weight:700}
.reviewBox .identity .role{font-size:14px;color:#6a6a6a}
.reviewBox .msg{font-size:16px;color:#4a4a4a;line-height:1.75;margin:0;position:relative;z-index:2}
.reviewBox .stars{margin-top:20px;display:flex;gap:4px}
.reviewBox .stars span{color:#FF0B8F;font-size:18px}
@media (max-width: 968px) {
.heroContent{flex-direction:column;text-align:center}
.heroTxt h1{font-size:42px}
.heroImg{flex:0 0 auto;width:100%;max-width:400px}
.planGrid{grid-template-columns:1fr}
.planCard.featured{transform:scale(1)}
.planCard.featured:hover{transform:translateY(-6px)}
.impactCards{grid-template-columns:1fr}
.benefitsList{grid-template-columns:1fr}
.flexGrid{grid-template-columns:1fr}
.flexImg .accent{position:static;margin-top:20px;width:100%}
.reviewCards{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.heroWrap{padding:80px 0 60px}
.heroTxt h1{font-size:32px}
.heroTxt .subhdg{font-size:17px}
.priceArea .secHd h2,.socialArea .topHd h2,.benefitsWrap .header h2,.flexSection .titleArea h2,.testimonyArea .leadHd h2{font-size:32px}
.impactCard .statData{flex-direction:column;gap:20px}
.flexTxt h3{font-size:26px}
}
.tl-hdr{position:relative;min-height:480px;background:linear-gradient(157deg,#FF0B8F 0%,#9D33E8 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:80px}
.tl-hdr .img-bckgrnd{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15;filter:blur(2px)}
.tl-hdr .cntnt-ovr{position:relative;z-index:5;max-width:900px;margin:0 auto;padding:60px 24px;text-align:center}
.tl-hdr .prblm-txt{font-size:1.1rem;color:#ffffffe6;margin-bottom:20px;font-weight:400;letter-spacing:.3px}
.tl-hdr .sltn-txt{font-size:2.8rem;color:#fff;font-weight:700;line-height:1.2;margin:0;text-shadow:0 4px 12px #0003}
.cntct-wrp{max-width:1200px;margin:0 auto 100px;padding:0 24px}
.inf-crds{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:80px}
.inf-crd{background:linear-gradient(135deg,#ff0b8f0d 0%,#9d33e80d 100%);border:2px solid #9d33e826;border-radius:8px;padding:36px 28px;transition:all 480ms ease}
.inf-crd:hover{transform:translateY(-6px);box-shadow:0 16px 32px #9d33e826;border-color:#9d33e84d}
.inf-crd .icn-hldr{width:56px;height:56px;background:linear-gradient(135deg,#FF0B8F 0%,#9D33E8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.inf-crd .icn-hldr i{font-size:24px;color:#fff}
.inf-crd h3{font-size:1.3rem;color:#1a1a1a;margin-bottom:12px;font-weight:700}
.inf-crd .dtl-txt{font-size:1rem;color:#4a4a4a;line-height:1.6;margin-bottom:8px}
.inf-crd a{color:#9D33E8;text-decoration:none;font-weight:500;transition:color 400ms ease}
.inf-crd a:hover{color:#FF0B8F}
.frm-sctn{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:56px 48px;max-width:720px;margin:0 auto}
.frm-sctn h2{font-size:2.2rem;color:#1a1a1a;margin-bottom:12px;font-weight:700}
.frm-sctn .sbttl{font-size:1.05rem;color:#6a6a6a;margin-bottom:40px;line-height:1.6}
.stp-frm{display:flex;flex-direction:column;gap:28px}
.frm-stp{padding:28px;background:linear-gradient(135deg,#0effb80a 0%,#9d33e80a 100%);border-radius:8px;border-left:4px solid #0EFFB8;transition:all 480ms ease}
.frm-stp:nth-child(2){border-left-color:#9D33E8}
.frm-stp:nth-child(3){border-left-color:#FF0B8F}
.frm-stp:focus-within{box-shadow:0 8px 20px #9d33e81f;transform:translateX(6px)}
.stp-lbl{display:block;font-size:.9rem;color:#9D33E8;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}
.nm-grp{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.inpt-wrp{display:flex;flex-direction:column}
.inpt-wrp label{font-size:.95rem;color:#3a3a3a;margin-bottom:8px;font-weight:500}
.inpt-wrp input,.inpt-wrp textarea{padding:14px 16px;border:2px solid #9d33e833;border-radius:6px;font-size:1rem;color:#1a1a1a;background:#fff;transition:all 400ms ease}
.inpt-wrp input:focus,.inpt-wrp textarea:focus{outline:none;border-color:#9D33E8;box-shadow:0 0 0 3px #9d33e81a}
.inpt-wrp textarea{min-height:140px;resize:vertical;font-family:inherit}
.prvc-chck{display:flex;align-items:flex-start;gap:12px;margin:32px 0 28px}
.prvc-chck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#9D33E8}
.prvc-chck label{font-size:.95rem;color:#4a4a4a;line-height:1.5;cursor:pointer}
.prvc-chck a{color:#9D33E8;text-decoration:none;font-weight:500;transition:color 400ms ease}
.prvc-chck a:hover{color:#FF0B8F}
.sbmt-btn{background:linear-gradient(135deg,#FF0B8F 0%,#9D33E8 100%);color:#fff;font-size:1.1rem;font-weight:600;padding:18px 48px;border:none;border-radius:8px;cursor:pointer;transition:all 480ms ease;box-shadow:0 6px 20px #9d33e840;position:relative;z-index:10}
.sbmt-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9d33e859}
.sbmt-btn:active{transform:translateY(-1px)}
.adtnl-cntct{max-width:1200px;margin:100px auto 0;padding:0 24px;text-align:center}
.adtnl-cntct h3{font-size:1.8rem;color:#1a1a1a;margin-bottom:16px;font-weight:700}
.adtnl-cntct p{font-size:1.05rem;color:#5a5a5a;margin-bottom:32px;line-height:1.6;max-width:640px;margin-left:auto;margin-right:auto}
.msgr-lnks{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.msgr-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:#fff;border:2px solid #9d33e833;border-radius:8px;text-decoration:none;color:#1a1a1a;font-weight:600;font-size:1rem;transition:all 480ms ease;position:relative;z-index:10}
.msgr-btn:hover{border-color:#9D33E8;background:linear-gradient(135deg,#ff0b8f0d 0%,#9d33e80d 100%);transform:translateY(-3px);box-shadow:0 8px 20px #9d33e826}
.msgr-btn i{font-size:20px;color:#9D33E8}
@media (max-width: 768px) {
.tl-hdr{min-height:360px;margin-bottom:60px}
.tl-hdr .cntnt-ovr{padding:40px 20px}
.tl-hdr .prblm-txt{font-size:1rem}
.tl-hdr .sltn-txt{font-size:2rem}
.inf-crds{grid-template-columns:1fr;gap:24px;margin-bottom:60px}
.frm-sctn{padding:36px 24px}
.frm-sctn h2{font-size:1.8rem}
.nm-grp{grid-template-columns:1fr}
.msgr-lnks{flex-direction:column;align-items:stretch}
.msgr-btn{justify-content:center}
.adtnl-cntct{margin-top:80px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.tl-hdr .sltn-txt{font-size:2.4rem}
.inf-crds{grid-template-columns:repeat(2,1fr)}
.frm-sctn{padding:48px 36px}
}
.hro{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(217deg,#FF0B8F 0%,#9D33E8 100%)}
.hro .prllx{position:absolute;top:0;left:0;width:100%;height:120%;background-image:url(./stock_photos/asset-2021-010.jpg);background-size:cover;background-position:center;transform:translateY(0);transition:transform .1s linear}
.hro .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000 0%,#0006 60%,#000000d9 100%);z-index:2}
.hro .txtWrp{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);width:90%;max-width:1200px;z-index:3;color:#fff}
.hro .txtWrp .mainTitle{font-size:3.8rem;line-height:1.2;margin:0 0 1.2rem;font-weight:700}
.hro .txtWrp .mainTitle .acnt{color:#0EFFB8;position:relative;display:inline-block}
.hro .txtWrp .mainTitle .acnt::after{content:'';position:absolute;bottom:-.3rem;left:0;width:100%;height:.25rem;background:linear-gradient(90deg,#0EFFB8 0%,#9D33E8 100%);animation:pls 2s ease-in-out infinite}
@keyframes pls {
0%,100%{width:100%}
50%{width:60%}
}
.hro .txtWrp .subTxt{font-size:1.35rem;line-height:1.6;max-width:720px;color:#ffffffeb}
.shp1,.shp2,.shp3{position:absolute;z-index:4;opacity:.15}
.shp1{top:8%;right:12%;width:180px;height:180px;border:3px solid #0EFFB8;border-radius:50%;animation:flt1 8s ease-in-out infinite}
@keyframes flt1 {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-30px) rotate(180deg)}
}
.shp2{bottom:35%;left:8%;width:120px;height:120px;background:linear-gradient(135deg,#FF0B8F 0%,transparent 100%);transform:rotate(45deg);animation:flt2 10s ease-in-out infinite}
@keyframes flt2 {
0%,100%{transform:rotate(45deg) scale(1)}
50%{transform:rotate(225deg) scale(1.2)}
}
.shp3{top:40%;right:5%;width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-bottom:120px solid #9D33E8;animation:flt3 12s ease-in-out infinite}
@keyframes flt3 {
0%,100%{transform:translateX(0) rotate(0deg);opacity:.15}
50%{transform:translateX(40px) rotate(360deg);opacity:.25}
}
.prgWrap{background:#fff;padding:5rem 0}
.prgContainer{width:90%;max-width:1200px;margin:0 auto}
.prgTitle{font-size:2.8rem;line-height:1.3;margin:0 0 3rem;color:#1a1a1a;text-align:center;font-weight:700}
.prgGrid{display:grid;grid-template-columns:1fr;gap:2rem}
.moduleCard{background:#fafafa;border-radius:8px;padding:2.5rem;position:relative;overflow:hidden;transition:all 500ms ease;border:2px solid transparent}
.moduleCard::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#FF0B8F 0%,#9D33E8 100%);transition:width 500ms ease}
.moduleCard:hover{border-color:#0EFFB8;transform:translateX(10px);box-shadow:0 12px 32px #9d33e826}
.moduleCard:hover::before{width:100%;opacity:.05}
.modHeader{display:flex;align-items:center;margin-bottom:1.5rem;gap:1.2rem}
.modNum{font-size:2.8rem;font-weight:700;color:#FF0B8F;line-height:1;min-width:60px}
.modName{font-size:1.8rem;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3}
.modDesc{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0 0 1.8rem}
.detailsList{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.detailsList li{font-size:.95rem;color:#5a5a5a;padding:.6rem 1rem;background:#fff;border-radius:6px;position:relative;padding-left:2.5rem}
.detailsList li::before{content:'';position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:10px;height:10px;background:#0EFFB8;border-radius:50%}
.progressBar{margin-top:2rem;height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}
.progressFill{height:100%;background:linear-gradient(90deg,#FF0B8F 0%,#9D33E8 50%,#0EFFB8 100%);border-radius:10px;transition:width 600ms ease}
.moduleCard:nth-child(1) .progressFill{width:100%}
.moduleCard:nth-child(2) .progressFill{width:85%}
.moduleCard:nth-child(3) .progressFill{width:70%}
.moduleCard:nth-child(4) .progressFill{width:55%}
.moduleCard:nth-child(5) .progressFill{width:40%}
.moduleCard:nth-child(6) .progressFill{width:25%}
.instrSection{padding:5rem 0;background:linear-gradient(135deg,#f8f8f8 0%,#fff 100%)}
.instrContainer{width:90%;max-width:1200px;margin:0 auto}
.instrTitle{font-size:2.6rem;line-height:1.3;margin:0 0 3.5rem;color:#1a1a1a;text-align:center;font-weight:700}
.instrGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}
.instrCard{background:#fff;border-radius:10px;padding:0;overflow:hidden;box-shadow:0 6px 20px #00000014;transition:all 500ms ease;display:flex;flex-direction:column}
.instrCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #ff0b8f33}
.instrImg{width:100%;height:280px;object-fit:cover;display:block}
.instrInfo{padding:2rem;flex-grow:1;display:flex;flex-direction:column}
.instrName{font-size:1.6rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;line-height:1.3}
.instrRole{font-size:1rem;color:#9D33E8;margin:0 0 1.2rem;font-weight:500}
.instrBio{font-size:1rem;line-height:1.7;color:#5a5a5a;margin:0 0 1.5rem;flex-grow:1}
.instrStats{display:flex;gap:1.5rem;padding-top:1.2rem;border-top:2px solid #f0f0f0}
.statItem{display:flex;flex-direction:column;gap:.3rem}
.statNum{font-size:1.8rem;font-weight:700;color:#FF0B8F;line-height:1}
.statLabel{font-size:.85rem;color:#7a7a7a;text-transform:uppercase;letter-spacing:.05rem}
@media (max-width: 768px) {
.hro .txtWrp .mainTitle{font-size:2.5rem}
.hro .txtWrp .subTxt{font-size:1.1rem}
.shp1,.shp2,.shp3{opacity:.08}
.shp1{width:100px;height:100px}
.shp2{width:80px;height:80px}
.prgTitle{font-size:2rem}
.moduleCard{padding:1.8rem}
.modNum{font-size:2rem;min-width:45px}
.modName{font-size:1.4rem}
.detailsList{grid-template-columns:1fr}
.instrTitle{font-size:2rem}
.instrGrid{grid-template-columns:1fr;gap:2rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hro .txtWrp .mainTitle{font-size:3.2rem}
.prgGrid{grid-template-columns:1fr}
.instrGrid{grid-template-columns:repeat(2,1fr)}
}
.aboutMain{max-width:1200px;margin:0 auto;padding:0}
.ttlHolder{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(127deg,#0EFFB8 0%,#9D33E8 100%);margin-bottom:90px}
.ttlHolder .bgImg{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.7;filter:saturate(1.3)}
.ttlHolder .decorLayer{position:absolute;width:280px;height:280px;background:#ffffff1f;border-radius:50%;animation:floatDeco 8s ease-in-out infinite}
.ttlHolder .decorLayer:nth-child(2){right:12%;top:10%;width:190px;height:190px;animation-delay:1.2s;animation-duration:10s}
.ttlHolder .decorLayer:nth-child(3){right:40%;bottom:15%;width:140px;height:140px;animation-delay:2.4s;animation-duration:12s}
@keyframes floatDeco {
0%,100%{transform:translateY(0) translateX(0)}
25%{transform:translateY(-25px) translateX(15px)}
50%{transform:translateY(-15px) translateX(-20px)}
75%{transform:translateY(-30px) translateX(10px)}
}
.ttlHolder .contentWrap{position:relative;z-index:3;max-width:640px;padding:60px 30px 60px 50px}
.ttlHolder .contentWrap h1{font-size:3.2rem;line-height:1.15;color:#fff;margin:0 0 24px;font-weight:700;text-shadow:0 2px 8px #00000026}
.ttlHolder .contentWrap .intro{font-size:1.15rem;line-height:1.65;color:#fff;margin:0;text-shadow:0 1px 4px #0000001f}
.valuesGrid{max-width:1200px;margin:0 auto 100px;padding:0 30px}
.valuesGrid h2{font-size:2.6rem;line-height:1.2;color:#1a1a1a;margin:0 0 18px;font-weight:700;position:relative;display:inline-block}
.valuesGrid h2::after{content:'';position:absolute;bottom:-8px;left:0;width:70px;height:4px;background:linear-gradient(90deg,#FF0B8F,#9D33E8);border-radius:2px}
.valuesGrid .sectionIntro{font-size:1.05rem;line-height:1.7;color:#444;margin:30px 0 50px;max-width:720px}
.vGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.vCard{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:36px 28px;transition:all .45s ease;box-shadow:0 2px 8px #0000000a}
.vCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #9d33e82e;border-color:#9D33E8}
.vCard .iconBox{width:64px;height:64px;background:linear-gradient(135deg,#FF0B8F,#9D33E8);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.vCard .iconBox svg{width:32px;height:32px;fill:#fff}
.vCard h3{font-size:1.4rem;line-height:1.3;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.vCard p{font-size:.98rem;line-height:1.65;color:#555;margin:0}
.teamDisplay{background:linear-gradient(152deg,#f9f9fc 0%,#fff 100%);padding:85px 30px;margin-bottom:90px}
.teamDisplay .innerWrap{max-width:1200px;margin:0 auto}
.teamDisplay h2{font-size:2.6rem;line-height:1.2;color:#1a1a1a;margin:0 0 48px;font-weight:700;text-align:center}
.teamFlex{display:flex;gap:50px;align-items:flex-start}
.memberCard{flex:1;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .5s ease}
.memberCard:hover{box-shadow:0 16px 48px #0effb838;transform:scale(1.03)}
.memberCard .photoWrap{width:100%;height:320px;overflow:hidden;position:relative}
.memberCard .photoWrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.memberCard:hover .photoWrap img{transform:scale(1.08)}
.memberCard .infoWrap{padding:32px 28px}
.memberCard .infoWrap h3{font-size:1.55rem;line-height:1.3;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.memberCard .infoWrap .role{font-size:1rem;line-height:1.5;color:#9D33E8;margin:0 0 18px;font-weight:500}
.memberCard .infoWrap p{font-size:.97rem;line-height:1.65;color:#555;margin:0}
.journeyTimeline{max-width:1200px;margin:0 auto 100px;padding:0 30px}
.journeyTimeline h2{font-size:2.6rem;line-height:1.2;color:#1a1a1a;margin:0 0 60px;font-weight:700;text-align:center;position:relative}
.journeyTimeline h2::before{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:90px;height:4px;background:linear-gradient(90deg,#0EFFB8,#9D33E8);border-radius:2px}
.timelineWrap{position:relative;padding-left:80px}
.timelineWrap::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FF0B8F,#9D33E8,#0EFFB8);border-radius:2px}
.timelineItem{position:relative;margin-bottom:55px;padding-left:40px}
.timelineItem::before{content:'';position:absolute;left:-52px;top:8px;width:16px;height:16px;background:#fff;border:4px solid #FF0B8F;border-radius:50%;z-index:2;transition:all .45s ease}
.timelineItem:nth-child(2)::before{border-color:#9D33E8}
.timelineItem:nth-child(3)::before{border-color:#0EFFB8}
.timelineItem:hover::before{transform:scale(1.4)}
.timelineItem h3{font-size:1.45rem;line-height:1.3;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.timelineItem .yearTag{display:inline-block;font-size:.85rem;line-height:1;color:#fff;background:linear-gradient(135deg,#FF0B8F,#9D33E8);padding:6px 14px;border-radius:20px;margin-bottom:14px;font-weight:600}
.timelineItem p{font-size:1rem;line-height:1.7;color:#555;margin:0}
@media (max-width: 968px) {
.ttlHolder{min-height:420px;margin-bottom:70px}
.ttlHolder .bgImg{width:65%}
.ttlHolder .contentWrap{max-width:520px;padding:45px 25px}
.ttlHolder .contentWrap h1{font-size:2.5rem}
.vGrid{grid-template-columns:repeat(2,1fr);gap:32px}
.teamFlex{gap:35px}
.memberCard .photoWrap{height:280px}
}
@media (max-width: 640px) {
.ttlHolder{min-height:360px;margin-bottom:60px}
.ttlHolder .bgImg{width:100%;opacity:.5}
.ttlHolder .contentWrap{padding:35px 20px}
.ttlHolder .contentWrap h1{font-size:2rem;margin-bottom:18px}
.ttlHolder .contentWrap .intro{font-size:1.05rem}
.valuesGrid{margin-bottom:70px;padding:0 20px}
.valuesGrid h2{font-size:2rem}
.vGrid{grid-template-columns:1fr;gap:28px}
.teamDisplay{padding:60px 20px;margin-bottom:70px}
.teamDisplay h2{font-size:2rem;margin-bottom:35px}
.teamFlex{flex-direction:column;gap:30px}
.memberCard .photoWrap{height:320px}
.journeyTimeline{margin-bottom:70px;padding:0 20px}
.journeyTimeline h2{font-size:2rem;margin-bottom:45px}
.timelineWrap{padding-left:60px}
.timelineWrap::before{left:20px}
.timelineItem{padding-left:25px;margin-bottom:45px}
.timelineItem::before{left:-40px}
}
.faqWrp{max-width:1200px;margin:0 auto;padding:0}
.hdrBlk{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center;justify-content:center;margin-bottom:80px}
.hdrBlk .bgImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}
.hdrBlk::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(125deg,#ff0b8fd9 0%,#9d33e8bf 50%,#0effb8a6 100%);backdrop-filter:blur(8px);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);z-index:1}
.hdrBlk .txtCnt{position:relative;z-index:2;text-align:center;padding:40px 20px;background:#ffffff26;backdrop-filter:blur(12px);border-radius:8px;max-width:700px}
.hdrBlk .txtCnt h1{font-size:3rem;font-weight:700;color:#fff;margin:0 0 16px;text-shadow:2px 4px 12px #0000004d}
.hdrBlk .txtCnt .subTxt{font-size:1.25rem;color:#fff;line-height:1.6;margin:0;text-shadow:1px 2px 8px #00000040}
.qstGrid{max-width:1200px;margin:0 auto 90px;padding:0 20px}
.qstGrid h2{font-size:2.25rem;font-weight:700;color:#1a1a1a;margin:0 0 50px;text-align:center;position:relative}
.qstGrid h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FF0B8F,#9D33E8);border-radius:2px}
.qstItm{margin-bottom:20px;border-radius:8px;background:#fff;box-shadow:0 2px 12px #00000014;transition:all 450ms ease}
.qstItm:hover{box-shadow:0 8px 24px #9d33e826;transform:translateY(-2px)}
.qstToggle{position:absolute;opacity:0;pointer-events:none}
.qstLbl{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;cursor:pointer;font-size:1.2rem;font-weight:600;color:#2a2a2a;user-select:none;position:relative}
.qstLbl::after{content:'';width:32px;height:32px;background:linear-gradient(135deg,#FF0B8F,#9D33E8);border-radius:50%;position:relative;flex-shrink:0;transition:transform 450ms ease}
.qstLbl::before{content:'+';position:absolute;right:40px;font-size:1.5rem;color:#fff;font-weight:400;z-index:1;transition:transform 450ms ease}
.qstToggle:checked + .qstLbl::after{transform:rotate(180deg);background:linear-gradient(135deg,#0EFFB8,#9D33E8)}
.qstToggle:checked + .qstLbl::before{content:'−';transform:rotate(180deg)}
.qstAns{max-height:0;overflow:hidden;transition:max-height 500ms ease,padding 500ms ease;padding:0 32px}
.qstToggle:checked ~ .qstAns{max-height:800px;padding:0 32px 28px}
.qstAns p{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0}
.ctaHolder{background:linear-gradient(135deg,#ff0b8f14 0%,#9d33e814 50%,#0effb814 100%);padding:70px 20px;margin:0 auto 80px;border-radius:12px;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ctaHolder .imgBox{position:relative}
.ctaHolder .imgBox img{width:100%;height:400px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #9d33e833}
.ctaHolder .txtSide h3{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;position:relative;padding-left:20px}
.ctaHolder .txtSide h3::before{content:'';position:absolute;left:0;top:8px;width:6px;height:80%;background:linear-gradient(180deg,#FF0B8F,#9D33E8);border-radius:3px}
.ctaHolder .txtSide p{font-size:1.1rem;line-height:1.75;color:#4a4a4a;margin:0 0 30px}
.ctaHolder .btnGrp{display:flex;gap:16px}
.ctaHolder .btnPrim,.ctaHolder .btnSec{padding:16px 32px;border-radius:6px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all 450ms ease;display:inline-block}
.ctaHolder .btnPrim{background:linear-gradient(135deg,#FF0B8F,#9D33E8);color:#fff;box-shadow:0 4px 16px #9d33e84d}
.ctaHolder .btnPrim:hover{box-shadow:0 8px 24px #9d33e873;transform:translateY(-2px)}
.ctaHolder .btnSec{background:#fff;color:#9D33E8;border:2px solid #9D33E8}
.ctaHolder .btnSec:hover{background:#9D33E8;color:#fff;transform:translateY(-2px)}
.resourcesBlk{max-width:1200px;margin:0 auto 80px;padding:0 20px}
.resourcesBlk h2{font-size:2.25rem;font-weight:700;color:#1a1a1a;margin:0 0 50px;text-align:center}
.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.resCard{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all 450ms ease;position:relative}
.resCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF0B8F,#0EFFB8);transform:scaleX(0);transform-origin:left;transition:transform 450ms ease}
.resCard:hover{box-shadow:0 12px 32px #9d33e833;transform:translateY(-4px)}
.resCard:hover::before{transform:scaleX(1)}
.resCard img{width:100%;height:200px;object-fit:cover}
.resCard .cardCnt{padding:24px}
.resCard .cardCnt h4{font-size:1.3rem;font-weight:700;color:#2a2a2a;margin:0 0 12px}
.resCard .cardCnt p{font-size:1rem;line-height:1.65;color:#5a5a5a;margin:0 0 20px}
.resCard .cardCnt .lnkBtn{color:#9D33E8;text-decoration:none;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:8px;transition:gap 450ms ease}
.resCard .cardCnt .lnkBtn:hover{gap:12px}
.resCard .cardCnt .lnkBtn::after{content:'→';font-size:1.2rem}
@media (max-width: 900px) {
.hdrBlk .txtCnt h1{font-size:2.25rem}
.hdrBlk .txtCnt .subTxt{font-size:1.1rem}
.ctaHolder{grid-template-columns:1fr;gap:40px}
.cardGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px) {
.hdrBlk{min-height:350px}
.hdrBlk .txtCnt h1{font-size:1.85rem}
.hdrBlk .txtCnt .subTxt{font-size:1rem}
.qstGrid h2{font-size:1.85rem}
.qstLbl{padding:20px 24px;font-size:1.05rem}
.qstAns{padding:0 24px}
.qstToggle:checked ~ .qstAns{padding:0 24px 20px}
.ctaHolder .txtSide h3{font-size:1.65rem}
.ctaHolder .txtSide p{font-size:1rem}
.ctaHolder .btnGrp{flex-direction:column}
.ctaHolder .imgBox img{height:300px}
.cardGrid{grid-template-columns:1fr}
.resourcesBlk h2{font-size:1.85rem}
}
.successWrap{max-width:1200px;margin:0 auto;padding:80px 20px;position:relative;overflow:hidden}
.successWrap::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:linear-gradient(135deg,#9d33e814 0%,#0effb814 100%);border-radius:50%;z-index:0;pointer-events:none}
.successWrap::after{content:'';position:absolute;bottom:-80px;left:-80px;width:350px;height:350px;background:linear-gradient(225deg,#ff0b8f0f 0%,#9d33e80f 100%);border-radius:50%;z-index:0;pointer-events:none}
.mainHolder{position:relative;z-index:1;background:#fff;border-radius:8px;padding:60px 40px;box-shadow:0 12px 48px #0000000f;text-align:center}
.iconHolder{width:120px;height:120px;margin:0 auto 32px;position:relative;display:flex;align-items:center;justify-content:center}
.iconHolder::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(145deg,#FF0B8F,#9D33E8);border-radius:50%;opacity:.12;animation:pulseEffect 2s ease-in-out infinite}
.iconHolder::after{content:'';position:absolute;width:80%;height:80%;background:linear-gradient(145deg,#9D33E8,#0EFFB8);border-radius:50%;opacity:.15;animation:pulseEffect 2s ease-in-out .5s infinite}
@keyframes pulseEffect {
0%,100%{transform:scale(1);opacity:.12}
50%{transform:scale(1.15);opacity:.06}
}
.iconHolder svg{width:64px;height:64px;position:relative;z-index:2}
.mainHolder h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.mainHolder h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FF0B8F 0%,#9D33E8 50%,#0EFFB8 100%);margin:24px auto 0;border-radius:6px}
.txtDesc{font-size:18px;color:#4a4a4a;line-height:1.7;margin:0 0 40px;max-width:640px;margin-left:auto;margin-right:auto}
.detailBox{background:linear-gradient(135deg,#9d33e80a 0%,#0effb80a 100%);border-radius:6px;padding:32px;margin:40px 0;border:1px solid #9d33e81f}
.detailBox p{font-size:16px;color:#2d2d2d;line-height:1.8;margin:0 0 16px}
.detailBox p:last-child{margin-bottom:0}
.detailBox strong{color:#9D33E8;font-weight:600}
.ctaBtnGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:48px}
.btnPrim{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#FF0B8F 0%,#9D33E8 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all 450ms ease;box-shadow:0 8px 24px #ff0b8f3d;position:relative;z-index:5}
.btnPrim:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff0b8f52}
.btnSec{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#fff;color:#9D33E8;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;border:2px solid #9D33E8;transition:all 450ms ease;position:relative;z-index:5}
.btnSec:hover{background:#9D33E8;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #9d33e83d}
.infoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:56px}
.infoCard{background:#fff;border:1px solid #9d33e824;border-radius:6px;padding:28px 24px;text-align:center;transition:all 500ms ease;position:relative;overflow:hidden}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF0B8F 0%,#9D33E8 50%,#0EFFB8 100%);transform:scaleX(0);transform-origin:left;transition:transform 500ms ease}
.infoCard:hover::before{transform:scaleX(1)}
.infoCard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #9d33e829}
.infoCard h3{font-size:19px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.infoCard p{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0}
.infoCard a{color:#9D33E8;text-decoration:none;font-weight:600;transition:color 450ms ease}
.infoCard a:hover{color:#FF0B8F}
@media (max-width: 768px) {
.successWrap{padding:60px 16px}
.mainHolder{padding:40px 24px}
.mainHolder h1{font-size:32px}
.txtDesc{font-size:16px}
.ctaBtnGroup{flex-direction:column}
.btnPrim,.btnSec{width:100%;justify-content:center}
.infoGrid{grid-template-columns:1fr}
.detailBox{padding:24px 20px}
}
@media (max-width: 480px) {
.iconHolder{width:100px;height:100px}
.iconHolder svg{width:52px;height:52px}
.mainHolder h1{font-size:28px}
}