*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;width:100%}
body{font-family:'Cormorant',serif;background:#fff;color:#0C1822;line-height:1.6;display:flex;flex-direction:column}
main{flex:1 0 auto}
.headWrap{max-width:1140px;margin:0 auto;padding:24px 20px;display:flex;align-items:center;justify-content:space-between;gap:40px}
header{background:linear-gradient(135deg,#EEF2F8 0%,#fff 100%);border-bottom:2px solid #985AFA;box-shadow:0 4px 16px #0c182214}
.leftZone{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.logoBox{width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;box-shadow:0 2px 12px #985afa26;padding:12px}
.logoBox .brandImg{width:100%;height:100%;object-fit:contain}
.companyLabel .brandName{font-size:28px;font-weight:700;color:#0C1822;letter-spacing:.5px}
.rightZone{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:1 1 auto}
.mainNavi .naviList{list-style:none;display:flex;gap:8px;align-items:center}
.mainNavi .naviItem{position:relative}
.mainNavi .naviLink{display:block;padding:10px 18px;color:#0C1822;text-decoration:none;font-size:17px;font-weight:400;border-radius:3px;transition:background-color 0.2s,color .2s}
.mainNavi .naviLink:hover{background-color:#985AFA;color:#fff}
.mainNavi .hasSubmenu:hover .subNavi{display:block}
.mainNavi .subNavi{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #EEF2F8;border-radius:3px;box-shadow:0 8px 24px #0c18221f;min-width:200px;padding:8px 0;z-index:1000;list-style:none;margin-top:4px}
.mainNavi .subNavi:hover{display:block}
.mainNavi .subItem .subLink{display:block;padding:10px 20px;color:#0C1822;text-decoration:none;font-size:16px;transition:background-color .2s}
.mainNavi .subItem .subLink:hover{background-color:#EEF2F8;color:#985AFA}
.taglineBox{margin-top:6px}
.taglineBox .taglineTxt{font-size:15px;color:#985AFA;font-style:italic;font-weight:400}
.footContainer{max-width:1140px;margin:0 auto;padding:48px 20px 32px;position:relative}
footer{background:linear-gradient(180deg,#0C1822 0%,#1a2c3d 100%);color:#EEF2F8;margin-top:auto;position:relative;overflow:hidden}
footer::before{content:'';position:absolute;top:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#985AFA 50%,transparent 100%)}
.upperZone{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eef2f826}
.policyLinks{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.policyLinks .footLink{color:#EEF2F8;text-decoration:none;font-size:16px;padding:6px 12px;border-radius:3px;transition:color 0.2s,background-color .2s}
.policyLinks .footLink:hover{color:#985AFA;background-color:#985afa1a}
.lowerZone{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}
.copyrightTxt p{font-size:15px;color:#EEF2F8;opacity:.85}
.contactInfo{text-align:right}
.contactInfo p{font-size:14px;color:#EEF2F8;opacity:.75;margin-bottom:4px}
.decorStrip{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#985AFA 0%,#0C1822 50%,#985AFA 100%)}
.cookiePanel{display:none;position:fixed;bottom:24px;right:24px;max-width:520px;background:#fff;border:2px solid #985AFA;border-radius:5px;box-shadow:0 12px 32px #0c182240;z-index:9999;transform:translateY(120%);transition:transform .4s ease-out}
.cookiePanel.showing{transform:translateY(0)}
.panelContent{padding:28px}
.panelContent .panelTitle{font-size:24px;font-weight:700;color:#0C1822;margin-bottom:12px}
.panelContent .panelDesc{font-size:15px;color:#0C1822;margin-bottom:20px;line-height:1.5}
.categoryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}
.categoryCard{background:#EEF2F8;padding:16px;border-radius:4px;border:1px solid #985afa33}
.categoryCard .cardHeader{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.categoryCard .categoryCheck{width:18px;height:18px;cursor:pointer}
.categoryCard .categoryCheck:disabled{cursor:not-allowed}
.categoryCard .categoryLabel{font-size:16px;font-weight:700;color:#0C1822;cursor:pointer}
.categoryCard .categoryDesc{font-size:13px;color:#0C1822;opacity:.8;line-height:1.4;margin-left:28px}
.actionButtons{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.actionButtons .consentButt{padding:11px 22px;font-size:15px;font-family:'Cormorant',serif;font-weight:700;border:2px solid #985AFA;border-radius:3px;cursor:pointer;transition:background-color 0.2s,color .2s;background:transparent}
.actionButtons .declineButt{color:#985AFA}
.actionButtons .declineButt:hover{background-color:#985AFA;color:#fff}
.actionButtons .acceptButt{color:#985AFA}
.actionButtons .acceptButt:hover{background-color:#985AFA;color:#fff}
@media (max-width: 968px) {
.headWrap{flex-direction:column;align-items:flex-start;gap:24px}
.leftZone{width:100%;justify-content:center}
.rightZone{width:100%;align-items:flex-start}
.mainNavi .naviList{flex-direction:column;align-items:flex-start;width:100%}
.mainNavi .naviItem{width:100%}
.mainNavi .naviLink{width:100%}
.taglineBox{text-align:left}
.lowerZone{flex-direction:column;align-items:flex-start}
.contactInfo{text-align:left}
.categoryGrid{grid-template-columns:1fr}
.cookiePanel{right:12px;left:12px;max-width:none}
}
@media (max-width: 640px) {
.logoBox{width:70px;height:70px}
.companyLabel .brandName{font-size:22px}
.mainNavi .naviLink{font-size:16px;padding:9px 14px}
.panelContent{padding:20px}
.panelContent .panelTitle{font-size:20px}
.actionButtons{flex-direction:column}
.actionButtons .consentButt{width:100%}
}
.policy-box{max-width:1140px;margin:0 auto;padding:80px 20px;background:#fff}
.policy-box h1{font-size:42px;font-weight:700;color:#0C1822;margin:0 0 24px;line-height:1.2;letter-spacing:-.5px}
.policy-box h2{font-size:32px;font-weight:600;color:#0C1822;margin:64px 0 20px;line-height:1.3;border-bottom:2px solid #EEF2F8;padding-bottom:12px}
.policy-box h3{font-size:24px;font-weight:600;color:#985AFA;margin:48px 0 16px;line-height:1.4}
.policy-box h4{font-size:20px;font-weight:600;color:#0C1822;margin:32px 0 12px;line-height:1.4}
.policy-box h5{font-size:18px;font-weight:600;color:#0C1822;margin:24px 0 10px;line-height:1.5}
.policy-box h6{font-size:16px;font-weight:600;color:#985AFA;margin:20px 0 8px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.policy-box p{font-size:16px;line-height:1.8;color:#0C1822;margin:0 0 20px}
.policy-box ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-box ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.policy-box li{font-size:16px;line-height:1.8;color:#0C1822;margin:0 0 12px;padding-left:8px}
.policy-box ul ul{margin:12px 0 0;list-style-type:circle}
.policy-box ol ol{margin:12px 0 0;list-style-type:lower-alpha}
.policy-box li ul,.policy-box li ol{margin-top:12px}
.policy-box strong,.policy-box b{font-weight:700;color:#0C1822}
.policy-box em,.policy-box i{font-style:italic;color:#0C1822}
.policy-box a{color:#985AFA;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}
.policy-box a:hover{color:#0C1822;border-bottom-color:#985AFA}
.policy-box a:focus{outline:2px solid #985AFA;outline-offset:2px;border-radius:2px}
.policy-box hr{border:none;height:2px;background:linear-gradient(90deg,#985AFA 0%,#EEF2F8 100%);margin:48px 0}
.policy-box div{margin:0 0 20px}
.policy-box div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.policy-box{padding:60px 16px}
.policy-box h1{font-size:32px;margin-bottom:20px}
.policy-box h2{font-size:26px;margin:48px 0 16px}
.policy-box h3{font-size:22px;margin:36px 0 14px}
.policy-box h4{font-size:19px;margin:28px 0 10px}
.policy-box h5{font-size:17px;margin:20px 0 8px}
.policy-box h6{font-size:15px;margin:16px 0 8px}
.policy-box p,.policy-box li{font-size:15px;line-height:1.7}
.policy-box ul,.policy-box ol{padding-left:24px}
.policy-box hr{margin:36px 0}
}
@media (max-width: 480px) {
.policy-box{padding:40px 12px}
.policy-box h1{font-size:28px}
.policy-box h2{font-size:24px;margin:40px 0 14px}
.policy-box h3{font-size:20px}
.policy-box ul,.policy-box ol{padding-left:20px}
}
.evntPage{background:#fff;color:#0C1822}
.topHero{max-width:1140px;margin:60px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.topHero .txtArea{padding-right:30px}
.topHero .mainHeading{font-size:2.8rem;line-height:1.2;margin:0 0 24px;color:#0C1822;font-weight:700}
.topHero .descText{font-size:1.1rem;line-height:1.7;color:#2d3e50;margin:0 0 32px}
.topHero .btnBox{display:flex;gap:16px;flex-wrap:wrap}
.topHero .primaryBtn{background:linear-gradient(115deg,#985AFA 0%,#7845cc 100%);color:#fff;padding:14px 32px;border-radius:4px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #985afa40;display:inline-block;position:relative;z-index:10}
.topHero .primaryBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #985afa59;background:linear-gradient(115deg,#7845cc 0%,#985AFA 100%)}
.topHero .secondBtn{background:transparent;color:#985AFA;padding:14px 32px;border-radius:4px;text-decoration:none;font-weight:600;font-size:1rem;border:2px solid #985AFA;transition:all .3s ease;display:inline-block;position:relative;z-index:10}
.topHero .secondBtn:hover{background:#985AFA;color:#fff;transform:translateY(-2px)}
.topHero .imgSide{position:relative}
.topHero .mainImg{width:100%;height:auto;border-radius:6px;display:block;box-shadow:0 12px 32px #0c182226;filter:blur(0.8px);opacity:.95}
.topHero .decorShape{position:absolute;width:140px;height:140px;background:linear-gradient(135deg,#EEF2F8 0%,#985AFA 100%);opacity:.15;border-radius:50%;top:-30px;right:-30px;z-index:-1}
.workshopGrid{background:linear-gradient(135deg,#EEF2F8 0%,#f8f9fb 100%);padding:80px 20px;margin:60px 0 0}
.workshopGrid .centerWrap{max-width:1140px;margin:0 auto}
.workshopGrid .secHead{text-align:center;margin:0 0 50px}
.workshopGrid .secHead .subLabel{color:#985AFA;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;display:inline-block;position:relative}
.workshopGrid .secHead .subLabel::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:30px;height:2px;background:#985AFA}
.workshopGrid .secHead .subLabel::after{content:'';position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:30px;height:2px;background:#985AFA}
.workshopGrid .secHead .bigTitle{font-size:2.4rem;line-height:1.3;color:#0C1822;margin:0 0 16px;font-weight:700}
.workshopGrid .secHead .explain{font-size:1.1rem;line-height:1.7;color:#4a5568;max-width:720px;margin:0 auto}
.workshopGrid .cardLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.workshopGrid .workshopCard{background:#fff;border-radius:6px;padding:0;box-shadow:0 4px 16px #0c182214;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}
.workshopGrid .workshopCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0c182226}
.workshopGrid .cardTop{position:relative;padding:32px 28px 24px;background:linear-gradient(135deg,#985AFA 0%,#7845cc 100%)}
.workshopGrid .cardTop .dateBox{background:#fff3;border:1px solid #ffffff4d;padding:8px 16px;border-radius:4px;display:inline-block;font-size:.85rem;color:#fff;font-weight:600;margin-bottom:16px;backdrop-filter:blur(10px)}
.workshopGrid .cardTop .eventTitle{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3}
.workshopGrid .cardTop .shortInfo{font-size:.95rem;color:#ffffffe6;margin:0;line-height:1.6}
.workshopGrid .cardBottom{padding:28px;flex-grow:1;display:flex;flex-direction:column}
.workshopGrid .metaList{list-style:none;padding:0;margin:0 0 24px}
.workshopGrid .metaList li{display:flex;align-items:center;margin-bottom:14px;font-size:.95rem;color:#4a5568}
.workshopGrid .metaList li svg{margin-right:12px;flex-shrink:0}
.workshopGrid .focusPoints{background:#EEF2F8;padding:18px;border-radius:4px;margin-bottom:24px}
.workshopGrid .focusPoints .miniHead{font-size:.9rem;font-weight:700;color:#0C1822;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}
.workshopGrid .focusPoints .pointsList{list-style:none;padding:0;margin:0}
.workshopGrid .focusPoints .pointsList li{font-size:.9rem;color:#4a5568;padding-left:20px;position:relative;margin-bottom:8px;line-height:1.5}
.workshopGrid .focusPoints .pointsList li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#985AFA;border-radius:50%}
.workshopGrid .cardBottom .enrollBtn{background:#985AFA;color:#fff;padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:600;font-size:.95rem;text-align:center;transition:all .3s ease;display:block;margin-top:auto;position:relative;z-index:10}
.workshopGrid .cardBottom .enrollBtn:hover{background:#7845cc;transform:translateY(-2px);box-shadow:0 6px 16px #985afa4d}
.testimonialBar{max-width:1140px;margin:80px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.testimonialBar .leftTestim{background:linear-gradient(135deg,#985AFA 0%,#7845cc 100%);padding:40px;border-radius:6px;color:#fff;box-shadow:0 12px 32px #985afa40}
.testimonialBar .leftTestim .quoteIcon{width:50px;height:50px;margin-bottom:20px}
.testimonialBar .leftTestim .quoteText{font-size:1.15rem;line-height:1.7;margin:0 0 24px;font-style:italic}
.testimonialBar .leftTestim .authorBox{display:flex;align-items:center;gap:16px}
.testimonialBar .leftTestim .authorImg{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #ffffff4d}
.testimonialBar .leftTestim .authorInfo .authorName{font-size:1.05rem;font-weight:700;margin:0 0 4px}
.testimonialBar .leftTestim .authorInfo .authorRole{font-size:.9rem;opacity:.9;margin:0}
.testimonialBar .rightTestim{background:linear-gradient(135deg,#0C1822 0%,#1a2f3f 100%);padding:40px;border-radius:6px;color:#fff;box-shadow:0 12px 32px #0c182240}
.testimonialBar .rightTestim .quoteIcon{width:50px;height:50px;margin-bottom:20px}
.testimonialBar .rightTestim .quoteText{font-size:1.15rem;line-height:1.7;margin:0 0 24px;font-style:italic}
.testimonialBar .rightTestim .authorBox{display:flex;align-items:center;gap:16px}
.testimonialBar .rightTestim .authorImg{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #eef2f84d}
.testimonialBar .rightTestim .authorInfo .authorName{font-size:1.05rem;font-weight:700;margin:0 0 4px}
.testimonialBar .rightTestim .authorInfo .authorRole{font-size:.9rem;opacity:.9;margin:0}
@media (max-width: 1024px) {
.topHero{grid-template-columns:1fr;gap:40px;margin:40px auto}
.topHero .txtArea{padding-right:0}
.topHero .mainHeading{font-size:2.4rem}
.workshopGrid .cardLayout{grid-template-columns:repeat(2,1fr)}
.testimonialBar{grid-template-columns:1fr;gap:30px;margin:60px auto}
}
@media (max-width: 768px) {
.topHero .mainHeading{font-size:2rem}
.topHero .descText{font-size:1rem}
.topHero .btnBox{flex-direction:column}
.topHero .primaryBtn,.topHero .secondBtn{width:100%;text-align:center}
.workshopGrid{padding:60px 20px}
.workshopGrid .cardLayout{grid-template-columns:1fr;gap:24px}
.workshopGrid .secHead .bigTitle{font-size:2rem}
.workshopGrid .secHead .subLabel::before,.workshopGrid .secHead .subLabel::after{display:none}
.testimonialBar{margin:50px auto}
.testimonialBar .leftTestim,.testimonialBar .rightTestim{padding:30px}
}
@media (max-width: 480px) {
.topHero{margin:30px auto}
.topHero .mainHeading{font-size:1.75rem}
.workshopGrid .secHead .bigTitle{font-size:1.75rem}
.workshopGrid .cardTop .eventTitle{font-size:1.2rem}
}
.heroTitle{position:relative;max-width:1140px;margin:0 auto 80px;padding:0 20px}
.heroTitle .imgWrap{position:relative;border-radius:4px;overflow:hidden;max-height:520px}
.heroTitle .imgWrap img{width:100%;height:520px;object-fit:cover;display:block}
.heroTitle .imgWrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent 0%,#0c1822d9 100%)}
.heroTitle .txtContent{position:absolute;bottom:40px;left:40px;right:40px;z-index:2;color:#fff}
.heroTitle .txtContent h1{font-size:48px;line-height:1.2;margin:0 0 16px;font-weight:700}
.heroTitle .txtContent .desc{font-size:18px;line-height:1.6;max-width:680px;color:#EEF2F8}
.heroTitle .frameDecor{position:absolute;top:20px;right:20px;width:180px;height:180px;border:2px solid #985AFA;border-radius:3px;z-index:1}
.accessSec{max-width:1140px;margin:0 auto 90px;padding:0 20px}
.accessSec .secHead{text-align:center;margin-bottom:50px}
.accessSec .secHead h2{font-size:36px;line-height:1.3;color:#0C1822;margin:0 0 12px;font-weight:700}
.accessSec .secHead .subtext{font-size:16px;line-height:1.6;color:#4a5568;max-width:620px;margin:0 auto}
.accessSec .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.accessSec .gridLayout .cardItem{background:#fff;padding:32px 28px;border-radius:4px;box-shadow:0 4px 12px #0c182214;transition:transform .3s ease,box-shadow .3s ease}
.accessSec .gridLayout .cardItem:hover{transform:translateY(-4px);box-shadow:0 8px 24px #985afa26}
.accessSec .gridLayout .cardItem .iconHolder{width:56px;height:56px;background:linear-gradient(135deg,#985AFA 0%,#7b47d8 100%);border-radius:3px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.accessSec .gridLayout .cardItem .iconHolder svg{width:28px;height:28px;fill:#fff}
.accessSec .gridLayout .cardItem h3{font-size:22px;line-height:1.4;color:#0C1822;margin:0 0 12px;font-weight:600}
.accessSec .gridLayout .cardItem .cardText{font-size:15px;line-height:1.7;color:#4a5568}
.ecosystmSec{background:linear-gradient(125deg,#EEF2F8 0%,#d9e2ec 100%);padding:80px 20px;margin-bottom:90px}
.ecosystmSec .container{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:60px}
.ecosystmSec .container .imgPart{flex:0 0 48%}
.ecosystmSec .container .imgPart img{width:100%;height:auto;border-radius:4px;box-shadow:0 12px 32px #0c18221f}
.ecosystmSec .container .contentPart{flex:1}
.ecosystmSec .container .contentPart h2{font-size:34px;line-height:1.3;color:#0C1822;margin:0 0 20px;font-weight:700}
.ecosystmSec .container .contentPart .textBlock{font-size:15px;line-height:1.7;color:#4a5568;margin-bottom:16px}
.ecosystmSec .container .contentPart .listFeats{list-style:none;padding:0;margin:24px 0 0}
.ecosystmSec .container .contentPart .listFeats li{padding:12px 0;padding-left:32px;position:relative;font-size:15px;line-height:1.6;color:#4a5568}
.ecosystmSec .container .contentPart .listFeats li::before{content:'';position:absolute;left:0;top:16px;width:18px;height:18px;background:#985AFA;border-radius:2px;transform:rotate(45deg)}
.motivSec{max-width:1140px;margin:0 auto 90px;padding:0 20px}
.motivSec .wrapper{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.motivSec .wrapper .leftText{padding-right:20px}
.motivSec .wrapper .leftText h2{font-size:34px;line-height:1.3;color:#0C1822;margin:0 0 18px;font-weight:700}
.motivSec .wrapper .leftText .intro{font-size:15px;line-height:1.7;color:#4a5568;margin-bottom:28px}
.motivSec .wrapper .leftText .statRow{display:flex;gap:32px;margin-bottom:20px}
.motivSec .wrapper .leftText .statRow .statBox{flex:1}
.motivSec .wrapper .leftText .statRow .statBox .numVal{font-size:28px;font-weight:700;color:#985AFA;margin-bottom:6px}
.motivSec .wrapper .leftText .statRow .statBox .label{font-size:14px;color:#4a5568;line-height:1.5}
.motivSec .wrapper .rightSide img{width:100%;height:auto;border-radius:4px;box-shadow:0 10px 28px #0c18221a}
.opportunSec{background:#0C1822;padding:80px 20px;position:relative;overflow:hidden}
.opportunSec::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#985afa26 0%,transparent 70%);border-radius:50%}
.opportunSec .innerWrap{max-width:1140px;margin:0 auto;position:relative;z-index:1}
.opportunSec .innerWrap .topArea{text-align:center;margin-bottom:50px}
.opportunSec .innerWrap .topArea h2{font-size:36px;line-height:1.3;color:#EEF2F8;margin:0 0 16px;font-weight:700}
.opportunSec .innerWrap .topArea .descText{font-size:16px;line-height:1.6;color:#c7d2e0;max-width:680px;margin:0 auto}
.opportunSec .innerWrap .cardGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.opportunSec .innerWrap .cardGrid .oppCard{background:#eef2f80d;padding:36px 32px;border-radius:4px;border:1px solid #985afa33;transition:all .3s ease}
.opportunSec .innerWrap .cardGrid .oppCard:hover{background:#eef2f814;border-color:#985afa66;transform:translateY(-3px)}
.opportunSec .innerWrap .cardGrid .oppCard .cardIcon{width:48px;height:48px;background:linear-gradient(135deg,#985AFA 0%,#7b47d8 100%);border-radius:3px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.opportunSec .innerWrap .cardGrid .oppCard .cardIcon svg{width:24px;height:24px;fill:#fff}
.opportunSec .innerWrap .cardGrid .oppCard h3{font-size:22px;line-height:1.4;color:#EEF2F8;margin:0 0 12px;font-weight:600}
.opportunSec .innerWrap .cardGrid .oppCard .cardDesc{font-size:15px;line-height:1.7;color:#c7d2e0}
.opportunSec .innerWrap .ctaArea{text-align:center;margin-top:50px}
.opportunSec .innerWrap .ctaArea .butt{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#985AFA 0%,#7b47d8 100%);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:3px;transition:all .3s ease;box-shadow:0 6px 20px #985afa4d}
.opportunSec .innerWrap .ctaArea .butt:hover{transform:translateY(-2px);box-shadow:0 10px 28px #985afa66}
.testimonSec{max-width:1140px;margin:90px auto;padding:0 20px}
.testimonSec .headSec{text-align:center;margin-bottom:50px}
.testimonSec .headSec h2{font-size:36px;line-height:1.3;color:#0C1822;margin:0 0 12px;font-weight:700}
.testimonSec .headSec .subline{font-size:16px;line-height:1.6;color:#4a5568}
.testimonSec .testimCard{background:#fff;padding:40px;border-radius:4px;box-shadow:0 8px 24px #0c18221a;display:flex;gap:36px;align-items:flex-start}
.testimonSec .testimCard .photoWrap{flex:0 0 120px}
.testimonSec .testimCard .photoWrap img{width:120px;height:120px;object-fit:cover;border-radius:3px;box-shadow:0 4px 12px #0c182226}
.testimonSec .testimCard .contentWrap{flex:1}
.testimonSec .testimCard .contentWrap .quote{font-size:16px;line-height:1.7;color:#4a5568;margin-bottom:20px;font-style:italic}
.testimonSec .testimCard .contentWrap .authorInfo{display:flex;align-items:center;gap:16px}
.testimonSec .testimCard .contentWrap .authorInfo .nameBlock .name{font-size:18px;font-weight:600;color:#0C1822;margin-bottom:4px}
.testimonSec .testimCard .contentWrap .authorInfo .nameBlock .role{font-size:14px;color:#985AFA}
@media (max-width: 968px) {
.heroTitle .txtContent h1{font-size:36px}
.heroTitle .txtContent{bottom:30px;left:30px;right:30px}
.heroTitle .frameDecor{width:140px;height:140px}
.accessSec .gridLayout{grid-template-columns:repeat(2,1fr);gap:28px}
.ecosystmSec .container{flex-direction:column;gap:40px}
.ecosystmSec .container .imgPart{flex:0 0 100%}
.motivSec .wrapper{grid-template-columns:1fr;gap:40px}
.opportunSec .innerWrap .cardGrid{grid-template-columns:1fr;gap:24px}
.testimonSec .testimCard{flex-direction:column;gap:24px}
.testimonSec .testimCard .photoWrap{flex:0 0 auto}
}
@media (max-width: 640px) {
.heroTitle .imgWrap{max-height:420px}
.heroTitle .imgWrap img{height:420px}
.heroTitle .txtContent h1{font-size:28px}
.heroTitle .txtContent{bottom:24px;left:20px;right:20px}
.heroTitle .txtContent .desc{font-size:16px}
.heroTitle .frameDecor{display:none}
.accessSec .secHead h2,.motivSec .wrapper .leftText h2,.ecosystmSec .container .contentPart h2,.opportunSec .innerWrap .topArea h2,.testimonSec .headSec h2{font-size:28px}
.accessSec .gridLayout{grid-template-columns:1fr;gap:20px}
.motivSec .wrapper .leftText .statRow{flex-direction:column;gap:20px}
.ecosystmSec{padding:60px 20px}
.opportunSec{padding:60px 20px}
}
.contactWrap{max-width:1140px;margin:0 auto;padding:0 20px}
.topSection{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0;position:relative}
.topSection::before{content:'';position:absolute;top:0;right:40%;width:200px;height:200px;background:linear-gradient(135deg,#985afa14 0%,#eef2f81f 100%);border-radius:50%;z-index:-1}
.textZone h1{font-size:48px;color:#0C1822;margin:0 0 24px;line-height:1.2}
.textZone p{font-size:18px;color:#0C1822;line-height:1.6;margin:0 0 16px;opacity:.85}
.textZone p:last-of-type{margin-bottom:0}
.imgZone{position:relative}
.imgZone img{width:100%;height:auto;border-radius:4px;box-shadow:0 12px 28px #0c182226}
.imgZone::after{content:'';position:absolute;bottom:-20px;right:-20px;width:180px;height:180px;background:linear-gradient(225deg,#985afa26 0%,transparent 70%);border-radius:3px;z-index:-1}
.formSection{background:linear-gradient(135deg,#EEF2F8 0%,#fff 100%);padding:80px 0;margin:40px 0}
.formHeading{text-align:center;margin-bottom:50px}
.formHeading h2{font-size:36px;color:#0C1822;margin:0 0 16px}
.formHeading p{font-size:17px;color:#0C1822;opacity:.8;margin:0}
.contactForm{max-width:680px;margin:0 auto;background:#fff;padding:50px;border-radius:5px;box-shadow:0 8px 24px #0c182214}
.formRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.inputGroup{display:flex;flex-direction:column}
.inputGroup label{font-size:15px;color:#0C1822;font-weight:500;margin-bottom:8px}
.inputGroup input,.inputGroup select,.inputGroup textarea{padding:14px 16px;border:2px solid #EEF2F8;border-radius:3px;font-size:16px;color:#0C1822;transition:all .3s ease}
.inputGroup input:focus,.inputGroup select:focus,.inputGroup textarea:focus{outline:none;border-color:#985AFA;box-shadow:0 0 0 3px #985afa1a}
.inputGroup textarea{resize:vertical;min-height:140px;font-family:inherit}
.fullWidth{grid-column:1 / -1}
.timePreferences{display:flex;flex-direction:column}
.timePreferences label{font-size:15px;color:#0C1822;font-weight:500;margin-bottom:12px}
.timeOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.timeOption{position:relative}
.timeOption input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.timeOption label{display:block;padding:12px 16px;background:#EEF2F8;border:2px solid transparent;border-radius:3px;text-align:center;cursor:pointer;font-size:14px;font-weight:400;transition:all .3s ease}
.timeOption input[type="radio"]:checked + label{background:#985AFA;color:#fff;border-color:#985AFA}
.timeOption label:hover{border-color:#985AFA}
.privacyCheck{margin:30px 0 24px}
.privacyCheck input[type="checkbox"]{margin-right:10px;width:18px;height:18px;cursor:pointer}
.privacyCheck label{font-size:14px;color:#0C1822;opacity:.85;cursor:pointer}
.privacyCheck a{color:#985AFA;text-decoration:none}
.privacyCheck a:hover{text-decoration:underline}
.submitButt{width:100%;padding:16px 32px;background:linear-gradient(135deg,#985AFA 0%,#7a46d6 100%);color:#fff;font-size:17px;font-weight:600;border:none;border-radius:3px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #985afa40}
.submitButt:hover{transform:translateY(-2px);box-shadow:0 8px 24px #985afa59}
.submitButt:active{transform:translateY(0)}
.infoSection{padding:80px 0;background:#fff}
.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1140px;margin:0 auto;padding:0 20px}
.infoBlock{padding:40px 30px;background:linear-gradient(135deg,#fff 0%,#EEF2F8 100%);border-radius:4px;border-left:4px solid #985AFA;box-shadow:0 6px 18px #0c18220f;transition:all .3s ease}
.infoBlock:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0c18221f}
.infoBlock h3{font-size:22px;color:#0C1822;margin:0 0 16px}
.infoBlock p{font-size:16px;color:#0C1822;opacity:.8;margin:0 0 8px;line-height:1.6}
.infoBlock a{color:#985AFA;text-decoration:none;transition:color .3s ease}
.infoBlock a:hover{color:#7a46d6;text-decoration:underline}
@media (max-width: 968px) {
.topSection{grid-template-columns:1fr;gap:40px;padding:60px 0}
.textZone h1{font-size:38px}
.imgZone::after{width:120px;height:120px}
.formSection{padding:60px 0}
.contactForm{padding:40px 30px}
.formHeading h2{font-size:30px}
.timeOptions{grid-template-columns:1fr}
.infoGrid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 640px) {
.textZone h1{font-size:32px}
.textZone p{font-size:16px}
.formRow{grid-template-columns:1fr;gap:24px}
.contactForm{padding:30px 20px}
.formHeading h2{font-size:26px}
.topSection::before{width:150px;height:150px}
.infoSection{padding:60px 0}
.infoBlock{padding:30px 24px}
}
.heroImage{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(115deg,#985AFA 0%,#0C1822 50%,#EEF2F8 100%)}
.heroImage img{width:100%;height:100%;object-fit:cover;filter:sepia(15%) brightness(0.85);opacity:.7}
.heroText{position:absolute;bottom:0;left:0;right:0;padding:60px 20px;background:linear-gradient(to top,#0c1822f2 0%,#0c1822b3 60%,transparent 100%)}
.heroText .wrappTxt{max-width:1140px;margin:0 auto}
.heroText h1{font-size:3.2rem;line-height:1.2;color:#EEF2F8;margin:0 0 20px;font-weight:700;letter-spacing:-.5px}
.heroText .descLine{width:80px;height:4px;background:#985AFA;margin:0 0 24px;border-radius:2px}
.heroText p{font-size:1.25rem;line-height:1.7;color:#EEF2F8;margin:0;max-width:700px}
.modulSec{padding:100px 20px;background:#fff;position:relative}
.modulSec::before{content:'';position:absolute;top:0;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent 0%,#985AFA 50%,transparent 100%)}
.modulSec .contain{max-width:1140px;margin:0 auto}
.modulSec h2{font-size:2.5rem;color:#0C1822;margin:0 0 16px;font-weight:600;text-align:center}
.modulSec .subHead{font-size:1.1rem;color:#666;text-align:center;margin:0 auto 60px;max-width:600px;line-height:1.6}
.gridModul{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.cardModul{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:36px 28px;transition:all .3s ease;box-shadow:0 4px 12px #0000000a}
.cardModul:hover{transform:translateY(-8px);box-shadow:0 16px 32px #985afa26;border-color:#985AFA}
.cardModul .numbr{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#985AFA 0%,#7a45d9 100%);color:#fff;border-radius:3px;font-size:1.3rem;font-weight:700;text-align:center;line-height:48px;margin-bottom:20px}
.cardModul h3{font-size:1.4rem;color:#0C1822;margin:0 0 12px;font-weight:600}
.cardModul p{font-size:1rem;line-height:1.6;color:#555;margin:0}
.pathSec{padding:100px 20px;background:linear-gradient(135deg,#EEF2F8 0%,#fff 100%)}
.pathSec .contain{max-width:1140px;margin:0 auto}
.pathLayout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.pathTxt h2{font-size:2.5rem;color:#0C1822;margin:0 0 24px;font-weight:600}
.pathTxt h2::before{content:'';display:block;width:60px;height:3px;background:#985AFA;margin-bottom:20px;border-radius:2px}
.pathTxt .introTxt{font-size:1.1rem;line-height:1.7;color:#444;margin:0 0 32px}
.lvlBox{background:#fff;border-left:4px solid #985AFA;padding:28px 32px;margin-bottom:20px;border-radius:3px;box-shadow:0 8px 20px #0000000f;transition:all .3s ease}
.lvlBox:hover{box-shadow:0 12px 28px #985afa2e;transform:translateX(8px)}
.lvlBox h4{font-size:1.3rem;color:#0C1822;margin:0 0 8px;font-weight:600;display:flex;align-items:center;gap:12px}
.lvlBox .badg{background:#985AFA;color:#fff;font-size:.75rem;padding:4px 10px;border-radius:2px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.lvlBox p{font-size:.95rem;line-height:1.6;color:#666;margin:0}
.pathVisual img{width:100%;height:auto;border-radius:4px;box-shadow:0 16px 48px #0c182226}
.instrSec{padding:100px 20px;background:#0C1822;position:relative;overflow:hidden}
.instrSec::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#985afa26 0%,transparent 70%);border-radius:50%}
.instrSec .contain{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.instrSec h2{font-size:2.5rem;color:#EEF2F8;text-align:center;margin:0 0 60px;font-weight:600}
.instrGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.profilCard{text-align:center}
.profilCard .imgWrapp{width:180px;height:180px;margin:0 auto 24px;border-radius:50%;overflow:hidden;border:5px solid #985afa4d;transition:all .4s ease;box-shadow:0 12px 32px #0000004d}
.profilCard:hover .imgWrapp{border-color:#985AFA;transform:scale(1.05);box-shadow:0 16px 48px #985afa66}
.profilCard .imgWrapp img{width:100%;height:100%;object-fit:cover}
.profilCard h4{font-size:1.4rem;color:#EEF2F8;margin:0 0 8px;font-weight:600}
.profilCard .spec{font-size:1rem;color:#985AFA;margin:0 0 16px;font-weight:500}
.profilCard p{font-size:.95rem;line-height:1.6;color:silver;margin:0}
.enrollSec{padding:120px 20px;background:linear-gradient(135deg,#985AFA 0%,#7a45d9 100%);position:relative}
.enrollSec::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#eef2f880 50%,transparent 100%)}
.enrollSec .contain{max-width:900px;margin:0 auto;text-align:center}
.enrollSec h2{font-size:2.8rem;color:#fff;margin:0 0 24px;font-weight:700}
.enrollSec .leadTxt{font-size:1.2rem;line-height:1.7;color:#fffffff2;margin:0 0 40px}
.enrollSec .benefitGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px}
.benefitItem{background:#ffffff1f;padding:24px;border-radius:4px;text-align:left;border:1px solid #fff3;transition:all .3s ease}
.benefitItem:hover{background:#ffffff2e;transform:translateY(-4px)}
.benefitItem h5{font-size:1.2rem;color:#fff;margin:0 0 8px;font-weight:600;display:flex;align-items:center;gap:10px}
.benefitItem h5::before{content:'→';color:#EEF2F8;font-size:1.5rem;font-weight:700}
.benefitItem p{font-size:.95rem;color:#ffffffd9;margin:0;line-height:1.5}
.btnEnroll{display:inline-block;padding:18px 48px;background:#fff;color:#985AFA;font-size:1.15rem;font-weight:700;text-decoration:none;border-radius:3px;transition:all .3s ease;box-shadow:0 12px 32px #0003;letter-spacing:.3px;text-transform:uppercase}
.btnEnroll:hover{background:#0C1822;color:#fff;transform:translateY(-3px);box-shadow:0 16px 40px #0000004d}
@media (max-width: 1024px) {
.heroText h1{font-size:2.5rem}
.gridModul{grid-template-columns:repeat(2,1fr);gap:28px}
.pathLayout{grid-template-columns:1fr;gap:50px}
.instrGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.heroImage{height:70vh}
.heroText{padding:40px 20px}
.heroText h1{font-size:2rem}
.heroText p{font-size:1.05rem}
.modulSec,.pathSec,.instrSec,.enrollSec{padding:60px 20px}
.modulSec h2,.pathTxt h2,.instrSec h2,.enrollSec h2{font-size:2rem}
.gridModul{grid-template-columns:1fr;gap:24px}
.instrGrid{grid-template-columns:1fr;gap:36px}
.enrollSec .benefitGrid{grid-template-columns:1fr}
.btnEnroll{display:block;text-align:center}
}
@media (max-width: 480px) {
.heroText h1{font-size:1.75rem}
.modulSec h2,.pathTxt h2,.instrSec h2,.enrollSec h2{font-size:1.75rem}
.cardModul{padding:28px 20px}
.lvlBox{padding:20px 24px}
}
.pageStart{background:linear-gradient(135deg,#EEF2F8 0%,#f8f9fb 100%);padding:80px 20px 60px}
.pageStart .wrapInner{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:50px}
.pageStart .leftImg{width:40%;position:relative}
.pageStart .leftImg img{width:100%;height:480px;object-fit:cover;border-radius:4px;box-shadow:0 16px 40px #0c18221f}
.pageStart .leftImg::before{content:'';position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:linear-gradient(115deg,#985AFA 0%,#985afa33 100%);border-radius:50%;z-index:-1}
.pageStart .rightTxt{width:60%}
.pageStart .rightTxt h1{font-size:42px;color:#0C1822;margin:0 0 20px;line-height:1.2}
.pageStart .rightTxt .descript{font-size:17px;color:#4a5568;line-height:1.7;margin:0}
.postiBlox{padding:70px 20px;background:#fff}
.postiBlox .centWrap{max-width:1140px;margin:0 auto}
.postiBlox .sectHead{text-align:center;margin-bottom:50px}
.postiBlox .sectHead h2{font-size:36px;color:#0C1822;margin:0 0 16px}
.postiBlox .sectHead p{font-size:16px;color:#5a6c7d;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.postiBlox .jobsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}
.postiBlox .jobCard{background:#f9fafb;border:1px solid #e2e8f0;border-radius:4px;padding:30px;transition:all .3s ease;position:relative}
.postiBlox .jobCard:hover{box-shadow:0 12px 28px #985afa26;transform:translateY(-3px);border-color:#985AFA}
.postiBlox .jobCard .jobType{display:inline-block;background:#985AFA;color:#fff;font-size:12px;padding:4px 12px;border-radius:3px;margin-bottom:16px;font-weight:600}
.postiBlox .jobCard h3{font-size:24px;color:#0C1822;margin:0 0 12px}
.postiBlox .jobCard .locInfo{font-size:14px;color:#718096;margin-bottom:16px}
.postiBlox .jobCard .descShort{font-size:15px;color:#4a5568;line-height:1.6;margin-bottom:20px}
.postiBlox .jobCard .applyBtn{display:inline-block;background:transparent;color:#985AFA;border:2px solid #985AFA;padding:10px 24px;border-radius:3px;text-decoration:none;font-size:15px;font-weight:600;transition:all .3s ease}
.postiBlox .jobCard .applyBtn:hover{background:#985AFA;color:#fff}
.whyJoinSect{padding:70px 20px;background:linear-gradient(120deg,#0C1822 0%,#1a2834 100%);position:relative;overflow:hidden}
.whyJoinSect::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#985afa26 0%,transparent 70%);border-radius:50%}
.whyJoinSect .innerWrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.whyJoinSect .headTxt{text-align:left;margin-bottom:50px}
.whyJoinSect .headTxt h2{font-size:38px;color:#fff;margin:0 0 18px}
.whyJoinSect .headTxt .subtxt{font-size:17px;color:#cbd5e0;line-height:1.6;max-width:750px}
.whyJoinSect .benefitsList{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.whyJoinSect .benCard{background:#ffffff0d;padding:32px 28px;border-radius:5px;border:1px solid #ffffff1a;transition:all .3s ease}
.whyJoinSect .benCard:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 8px 24px #0003}
.whyJoinSect .benCard .icn{width:50px;height:50px;margin-bottom:18px}
.whyJoinSect .benCard h3{font-size:20px;color:#fff;margin:0 0 12px}
.whyJoinSect .benCard p{font-size:15px;color:#cbd5e0;line-height:1.6;margin:0}
.teamVoices{padding:70px 20px;background:#fff}
.teamVoices .containWrap{max-width:1140px;margin:0 auto}
.teamVoices .topHead{text-align:center;margin-bottom:50px}
.teamVoices .topHead h2{font-size:36px;color:#0C1822;margin:0 0 14px}
.teamVoices .topHead p{font-size:16px;color:#5a6c7d;margin:0}
.teamVoices .voiceGrid{display:flex;gap:40px;align-items:flex-start}
.teamVoices .voiceCard{flex:1;background:#f9fafb;border-radius:4px;padding:36px;border-left:4px solid #985AFA;box-shadow:0 4px 12px #0000000a}
.teamVoices .voiceCard .profPic{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:3px solid #985AFA}
.teamVoices .voiceCard .quoteTxt{font-size:16px;color:#4a5568;line-height:1.7;margin-bottom:20px;font-style:italic}
.teamVoices .voiceCard .authorInfo h4{font-size:18px;color:#0C1822;margin:0 0 4px}
.teamVoices .voiceCard .authorInfo .roleTxt{font-size:14px;color:#718096;margin:0}
@media (max-width: 768px) {
.pageStart .wrapInner{flex-direction:column;gap:30px}
.pageStart .leftImg,.pageStart .rightTxt{width:100%}
.pageStart .leftImg img{height:320px}
.pageStart .rightTxt h1{font-size:32px}
.postiBlox .jobsGrid{grid-template-columns:1fr}
.whyJoinSect .benefitsList{grid-template-columns:1fr}
.teamVoices .voiceGrid{flex-direction:column}
}
@media (min-width: 769px) and (max-width: 1024px) {
.pageStart .leftImg img{height:400px}
.whyJoinSect .benefitsList{grid-template-columns:repeat(2,1fr)}
}
.successWrap{min-height:92vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#EEF2F8 0%,#fff 50%,#f8f9fc 100%)}
.confirmBox{max-width:640px;width:100%;margin:0 auto;position:relative}
.mainConfirm{background:#fff;border-radius:4px;box-shadow:0 12px 28px #0c182214;padding:0;overflow:hidden;position:relative}
.mainConfirm::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#985AFA 0%,#7a45d8 100%)}
.imgHold{width:180px;height:180px;margin:50px auto 0;position:relative;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,#985AFA 0%,#b57dff 100%);display:flex;align-items:center;justify-content:center}
.imgHold::after{content:'';position:absolute;inset:3px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#fff}
.iconInner{position:relative;z-index:2;width:90px;height:90px;display:flex;align-items:center;justify-content:center}
.checkSvg{width:90px;height:90px;filter:drop-shadow(0 4px 12px #985afa4d)}
.checkCircle{fill:none;stroke:#985AFA;stroke-width:3;stroke-linecap:round;animation:drawCircle .8s ease-out forwards}
.checkMark{fill:none;stroke:#985AFA;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:70;stroke-dashoffset:70;animation:drawCheck .6s ease-out .4s forwards}
@keyframes drawCircle {
from{stroke-dasharray:0 251}
to{stroke-dasharray:251 251}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.txtContent{padding:40px 50px 50px;text-align:center}
.mainHead{font-size:32px;font-weight:700;color:#0C1822;margin:0 0 8px;line-height:1.2}
.numAccent{color:#985AFA;font-size:36px}
.subExplain{font-size:16px;color:#5a6570;line-height:1.6;margin:0 0 32px}
.decorFrame{position:absolute;bottom:48px;right:48px;width:120px;height:120px;border:2px solid #EEF2F8;border-radius:3px;pointer-events:none}
.decorFrame::before{content:'';position:absolute;top:-2px;right:-2px;width:30px;height:30px;border-top:2px solid #985AFA;border-right:2px solid #985AFA}
.actionButt{display:inline-block;padding:14px 36px;background:#985AFA;color:#fff;text-decoration:none;border-radius:3px;font-size:15px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #985afa40}
.actionButt:hover{background:#7a45d8;transform:translateY(-2px);box-shadow:0 6px 20px #985afa59;color:#fff}
.secondButt{display:inline-block;padding:14px 36px;background:transparent;color:#985AFA;text-decoration:none;border:2px solid #985AFA;border-radius:3px;font-size:15px;font-weight:600;margin-left:12px;transition:all .3s ease}
.secondButt:hover{background:#985AFA;color:#fff}
.infoBox{max-width:1140px;margin:60px auto 0;padding:0 20px}
.infoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.infoCard{background:#fff;border-radius:3px;padding:32px 28px;box-shadow:0 6px 18px #0c18220f;border-left:4px solid #985AFA;transition:all .3s ease}
.infoCard:hover{transform:translateY(-4px);box-shadow:0 10px 26px #0c18221a}
.cardIconWrap{width:52px;height:52px;background:linear-gradient(135deg,#985AFA 0%,#b57dff 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cardIconWrap svg{width:28px;height:28px;fill:#fff}
.cardTitle{font-size:19px;font-weight:700;color:#0C1822;margin:0 0 10px;line-height:1.3}
.cardDesc{font-size:15px;color:#5a6570;line-height:1.6;margin:0}
@media (max-width: 768px) {
.successWrap{padding:30px 16px}
.mainConfirm{border-radius:3px}
.imgHold{width:140px;height:140px;margin-top:40px}
.iconInner{width:70px;height:70px}
.checkSvg{width:70px;height:70px}
.txtContent{padding:30px 24px 40px}
.mainHead{font-size:26px}
.numAccent{font-size:30px}
.subExplain{font-size:15px;margin-bottom:26px}
.decorFrame{display:none}
.actionButt,.secondButt{display:block;width:100%;margin:8px 0;text-align:center}
.secondButt{margin-left:0}
.infoBox{margin-top:40px}
.infoGrid{grid-template-columns:1fr;gap:18px}
.infoCard{padding:26px 22px}
}
@media (max-width: 480px) {
.mainHead{font-size:22px}
.numAccent{font-size:26px}
.txtContent{padding:24px 18px 32px}
}