:root{font-size:16px;line-height:1.6}
html{box-sizing:border-box;scroll-behavior:smooth}
*,:before,:after{box-sizing:inherit;margin:0;padding:0}
body{font-family:'Rubik',sans-serif;background:#FAFAFA;color:#222;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}
.MainHeader{background:linear-gradient(135deg,#a953f114 0%,#10ae760d 100%);padding:20px 0;box-shadow:0 4px 12px #a953f11a}
.MainHeader .header-wrapper{max-width:1140px;margin:0 auto;padding:0 20px}
.MainHeader .TopRow{display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:center;margin-bottom:20px}
.MainHeader .LogoZone{display:flex;align-items:center}
.MainHeader .LogoImg{width:120px;height:120px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 6px 16px #a953f126;border:2px solid #a953f133}
.MainHeader .CompanyTitle{text-align:right}
.MainHeader .company-name{font-size:2rem;font-weight:700;color:#A953F1;margin-bottom:4px}
.MainHeader .tagline{font-size:.95rem;color:#666;font-weight:400}
.MainHeader .BottomRow{border-top:2px solid #a953f126;padding-top:18px}
.MainHeader .primary-navi .nav-list{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}
.MainHeader .nav-item{position:relative}
.MainHeader .nav-link{font-size:1.05rem;font-weight:500;color:#333;padding:8px 16px;border-radius:8px;transition:background 0.2s,color .2s;display:block}
.MainHeader .nav-link:hover{background:#a953f11a;color:#A953F1}
.MainHeader .dropdown-parent:hover .dropdown-menu{display:block}
.MainHeader .dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:200px;box-shadow:0 8px 20px #0000001f;border-radius:10px;padding:8px 0;margin-top:8px;z-index:1000}
.MainHeader .dropdown-link{display:block;padding:10px 20px;color:#333;font-size:.95rem;transition:background .2s}
.MainHeader .dropdown-link:hover{background:#a953f114;color:#A953F1}
.SiteFooter{background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);padding:50px 0 30px;margin-top:60px;border-top:3px solid #a953f133}
.SiteFooter .footer-wrapper{max-width:1140px;margin:0 auto;padding:0 20px}
.SiteFooter .FooterTop{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px}
.SiteFooter .block-title{font-size:1.3rem;font-weight:700;color:#A953F1;margin-bottom:16px}
.SiteFooter .contact-list{display:flex;flex-direction:column;gap:12px}
.SiteFooter .contact-item{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:#444}
.SiteFooter .contact-item i{font-size:1.2rem;color:#10AE76;margin-top:2px}
.SiteFooter .contact-item a{color:#333;transition:color .2s}
.SiteFooter .contact-item a:hover{color:#A953F1}
.SiteFooter .hours-list{display:flex;flex-direction:column;gap:8px;font-size:.95rem;color:#555}
.SiteFooter .FooterBottom{border-top:2px solid #a953f126;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.SiteFooter .legal-navi{display:flex;gap:24px;flex-wrap:wrap}
.SiteFooter .legal-link{font-size:.9rem;color:#666;transition:color .2s}
.SiteFooter .legal-link:hover{color:#A953F1}
.SiteFooter .copyright{font-size:.9rem;color:#777}
.CookieCard{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateX(100vw);background:#fff;padding:28px 32px;border-radius:14px;box-shadow:0 12px 40px #0000002e;max-width:480px;width:90%;z-index:10000;transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.CookieCard.showing{transform:translate(-50%,-50%) translateX(0)}
.CookieCard .card-heading{font-size:1.4rem;font-weight:700;color:#A953F1;margin-bottom:12px}
.CookieCard .card-text{font-size:.95rem;color:#555;line-height:1.5;margin-bottom:20px}
.CookieCard .settings-group{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;padding:18px;background:#a953f10a;border-radius:10px}
.CookieCard .toggle-row{display:flex;align-items:center}
.CookieCard .toggle-label{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;font-size:.95rem;color:#333}
.CookieCard .toggle-input{position:absolute;opacity:0;pointer-events:none}
.CookieCard .toggle-slider{width:50px;height:26px;background:#ccc;border-radius:13px;position:relative;transition:background .3s}
.CookieCard .toggle-slider::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}
.CookieCard .toggle-input:checked + .toggle-slider{background:#10AE76}
.CookieCard .toggle-input:checked + .toggle-slider::after{transform:translateX(24px)}
.CookieCard .toggle-input:disabled + .toggle-slider{background:#999;opacity:.6}
.CookieCard .button-group{display:flex;gap:14px;margin-bottom:16px}
.CookieCard .ConsentButt{flex:1;padding:12px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Rubik',sans-serif}
.CookieCard .accept-butt{background:transparent;border:2px solid #10AE76;color:#10AE76}
.CookieCard .accept-butt:hover{background:#10ae761a}
.CookieCard .decline-butt{background:transparent;border:2px solid #EB3F40;color:#EB3F40}
.CookieCard .decline-butt:hover{background:#eb3f401a}
.CookieCard .policy-ref{font-size:.85rem;color:#888;text-align:center}
.CookieCard .policy-ref a{color:#A953F1;text-decoration:underline}
@media (max-width: 1024px) {
.MainHeader .TopRow{grid-template-columns:1fr;text-align:center;gap:15px}
.MainHeader .CompanyTitle{text-align:center}
.MainHeader .LogoZone{justify-content:center}
.MainHeader .primary-navi .nav-list{gap:20px}
}
@media (max-width: 640px) {
.MainHeader .LogoImg{width:90px;height:90px}
.MainHeader .company-name{font-size:1.6rem}
.MainHeader .primary-navi .nav-list{flex-direction:column;align-items:center;gap:12px}
.MainHeader .nav-link{padding:10px 24px}
.SiteFooter .FooterBottom{flex-direction:column;text-align:center}
.SiteFooter .legal-navi{flex-direction:column;gap:12px}
.CookieCard{width:95%;padding:22px 24px}
.CookieCard .button-group{flex-direction:column}
}
.legal-section{max-width:1140px;margin:0 auto;padding:80px 20px;background:#fff}
.legal-section h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px}
.legal-section h2{font-size:32px;font-weight:700;color:#2a2a2a;margin:60px 0 20px;line-height:1.3;letter-spacing:-.3px;padding-top:20px;border-top:2px solid #a953f126}
.legal-section h3{font-size:24px;font-weight:600;color:#3a3a3a;margin:40px 0 16px;line-height:1.4}
.legal-section h4{font-size:20px;font-weight:600;color:#4a4a4a;margin:32px 0 14px;line-height:1.4}
.legal-section h5{font-size:18px;font-weight:600;color:#5a5a5a;margin:28px 0 12px;line-height:1.5}
.legal-section h6{font-size:16px;font-weight:600;color:#6a6a6a;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.legal-section p{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 20px;font-weight:400}
.legal-section strong,.legal-section b{font-weight:700;color:#2a2a2a}
.legal-section hr{border:none;height:2px;background:linear-gradient(to right,#a953f14d,#10ae764d,#eb3f404d);margin:50px 0;border-radius:2px}
.legal-section div{margin:0 0 20px}
.legal-section h1 + p{font-size:19px;color:#5a5a5a;margin-bottom:40px;line-height:1.7}
.legal-section h2 + p,.legal-section h3 + p,.legal-section h4 + p{margin-top:0}
.legal-section ul,.legal-section ol{margin:0 0 24px;padding-left:32px}
.legal-section li{font-size:17px;line-height:1.8;color:#3a3a3a;margin-bottom:12px}
.legal-section li strong,.legal-section li b{color:#2a2a2a}
.legal-section a{color:#A953F1;text-decoration:none;border-bottom:1px solid #a953f14d;transition:all .3s ease}
.legal-section a:hover{color:#8a3ad1;border-bottom-color:#8a3ad1}
@media (max-width: 1024px) {
.legal-section{padding:60px 24px}
.legal-section h1{font-size:36px}
.legal-section h2{font-size:28px;margin:50px 0 18px}
.legal-section h3{font-size:22px}
.legal-section h4{font-size:19px}
}
@media (max-width: 640px) {
.legal-section{padding:40px 16px}
.legal-section h1{font-size:30px;margin-bottom:12px}
.legal-section h2{font-size:24px;margin:40px 0 16px;padding-top:16px}
.legal-section h3{font-size:20px;margin:32px 0 14px}
.legal-section h4{font-size:18px;margin:28px 0 12px}
.legal-section h5{font-size:17px}
.legal-section h6{font-size:15px}
.legal-section p,.legal-section li{font-size:16px;line-height:1.7}
.legal-section h1 + p{font-size:17px;margin-bottom:32px}
.legal-section hr{margin:40px 0}
.legal-section ul,.legal-section ol{padding-left:24px}
}
.heroSplit{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:480px;position:relative;overflow:hidden}
.heroSplit .imagePanel{position:relative;overflow:hidden}
.heroSplit .imagePanel img{width:100%;height:100%;object-fit:cover;filter:blur(0px);transition:filter .4s ease}
.heroSplit .imagePanel::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a953f126 0%,#10ae7626 100%);pointer-events:none}
.heroSplit .textPanel{background:linear-gradient(165deg,#f9f8fc 0%,#fff 100%);padding:64px 56px;display:flex;flex-direction:column;justify-content:center;position:relative}
.heroSplit .textPanel h1{font-size:48px;line-height:1.15;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.heroSplit .textPanel .accentLine{width:80px;height:4px;background:linear-gradient(90deg,#A953F1 0%,#10AE76 100%);margin-bottom:28px;border-radius:2px}
.heroSplit .textPanel p{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0}
.heroSplit .waveBottom{position:absolute;bottom:-2px;left:0;width:100%;height:100px;overflow:hidden}
.heroSplit .waveBottom svg{width:100%;height:100%}
@media (max-width: 1024px) {
.heroSplit{grid-template-columns:1fr;min-height:auto}
.heroSplit .imagePanel{height:320px}
.heroSplit .textPanel{padding:48px 32px}
.heroSplit .textPanel h1{font-size:36px}
}
@media (max-width: 640px) {
.heroSplit .imagePanel{height:240px}
.heroSplit .textPanel{padding:40px 24px}
.heroSplit .textPanel h1{font-size:28px}
.heroSplit .textPanel p{font-size:16px}
}
.programWrapper{max-width:1140px;margin:0 auto;padding:120px 24px}
.programGrid{display:grid;grid-template-columns:380px 1fr;gap:72px;align-items:start}
.programGrid .sidePanel{position:sticky;top:40px}
.programGrid .sidePanel img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #a953f12e}
.programGrid .mainContent{display:flex;flex-direction:column;gap:56px}
.programGrid .introBlock h2{font-size:38px;line-height:1.25;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.programGrid .introBlock h2::before{content:'';display:inline-block;width:6px;height:38px;background:linear-gradient(180deg,#A953F1 0%,#EB3F40 100%);margin-right:16px;vertical-align:middle;border-radius:3px}
.programGrid .introBlock p{font-size:17px;line-height:1.75;color:#3a3a3a;margin:0 0 16px}
.moduleContainer{display:flex;flex-direction:column;gap:16px}
.moduleContainer input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.moduleContainer .moduleCard{background:#fff;border:2px solid #e8e8e8;border-radius:10px;overflow:hidden;transition:all .3s ease}
.moduleContainer .moduleCard:hover{border-color:#A953F1;box-shadow:0 8px 24px #a953f11f}
.moduleContainer .moduleLabel{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;cursor:pointer;user-select:none}
.moduleContainer .moduleLabel .leftSide{display:flex;align-items:center;gap:20px}
.moduleContainer .moduleLabel .moduleNumber{width:48px;height:48px;background:linear-gradient(135deg,#A953F1 0%,#EB3F40 100%);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}
.moduleContainer .moduleLabel .moduleTitleBlock h3{font-size:22px;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.moduleContainer .moduleLabel .moduleTitleBlock .durationTag{font-size:14px;color:#10AE76;font-weight:600}
.moduleContainer .moduleLabel .expandIcon{font-size:24px;color:#A953F1;transition:transform .3s ease}
.moduleContainer input[type="radio"]:checked + .moduleCard .expandIcon{transform:rotate(180deg)}
.moduleContainer .moduleDetails{max-height:0;overflow:hidden;transition:max-height .4s ease}
.moduleContainer input[type="radio"]:checked + .moduleCard .moduleDetails{max-height:600px}
.moduleContainer .moduleDetails .detailInner{padding:0 32px 32px;border-top:1px solid #f0f0f0}
.moduleContainer .moduleDetails p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:24px 0 0}
.moduleContainer .moduleDetails .topicList{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.moduleContainer .moduleDetails .topicItem{display:flex;align-items:center;gap:10px;font-size:15px;color:#3a3a3a}
.moduleContainer .moduleDetails .topicItem i{color:#10AE76;font-size:18px}
@media (max-width: 1024px) {
.programGrid{grid-template-columns:1fr;gap:48px}
.programGrid .sidePanel{position:static}
.programGrid .sidePanel img{height:400px}
.moduleContainer .moduleDetails .topicList{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.programWrapper{padding:80px 20px}
.programGrid .mainContent{gap:40px}
.programGrid .introBlock h2{font-size:28px}
.programGrid .sidePanel img{height:280px}
.moduleContainer .moduleLabel{padding:20px;flex-direction:column;align-items:flex-start;gap:16px}
.moduleContainer .moduleLabel .leftSide{width:100%}
.moduleContainer .moduleLabel .expandIcon{position:absolute;top:20px;right:20px}
.moduleContainer .moduleDetails .detailInner{padding:0 20px 20px}
}
.titleStage{position:relative;min-height:520px;background:linear-gradient(135deg,#A953F1 0%,#EB3F40 60%,#10AE76 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:60px 20px}
.titleStage::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,#a953f14d,#eb3f404d);animation:gradShift 8s ease-in-out infinite}
@keyframes gradShift {
0%,100%{opacity:.5}
50%{opacity:.8}
}
.titleStage .imageBox{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:380px;height:440px;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #00000040}
.titleStage .imageBox img{width:100%;height:100%;object-fit:cover;position:relative}
.titleStage .imageBox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#000000b3,transparent)}
.titleStage .contentWrapper{position:relative;z-index:2;max-width:1140px;width:100%;margin:0 auto}
.titleStage h1{font-size:52px;line-height:1.2;color:#fff;font-weight:700;max-width:620px;margin:0 0 24px}
.titleStage h1 .accent{color:#10AE76;position:relative;display:inline-block}
.titleStage h1 .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#10AE76}
.titleStage .divLine{width:140px;height:4px;background:#fff9;margin:0 0 28px;border-radius:2px}
.titleStage .leadText{font-size:18px;line-height:1.6;color:#fff;max-width:580px;margin:0}
@media (max-width: 1024px) {
.titleStage .imageBox{width:300px;height:360px;right:5%}
.titleStage h1{font-size:42px;max-width:500px}
}
@media (max-width: 640px) {
.titleStage{min-height:460px;padding:40px 20px}
.titleStage .imageBox{position:static;transform:none;width:100%;height:280px;margin-bottom:32px}
.titleStage h1{font-size:32px;max-width:100%}
.titleStage .leadText{font-size:16px}
}
.directionsLayer{background:#fff;padding:80px 20px}
.directionsLayer .centerBox{max-width:1140px;margin:0 auto}
.directionsLayer h2{font-size:38px;line-height:1.3;color:#1a1a1a;font-weight:700;margin:0 0 16px}
.directionsLayer .subline{font-size:17px;line-height:1.6;color:#4a4a4a;margin:0 0 48px;max-width:720px}
.directionsLayer .pathGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.directionsLayer .pathCard{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:2px solid #e5e5e5;border-radius:14px;padding:32px 28px;transition:all .3s ease;position:relative}
.directionsLayer .pathCard::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#A953F1,#EB3F40);border-radius:14px 14px 0 0;opacity:0;transition:opacity .3s ease}
.directionsLayer .pathCard:hover::before{opacity:1}
.directionsLayer .pathCard:hover{transform:translateY(-6px);box-shadow:0 14px 32px #a953f126;border-color:#A953F1}
.directionsLayer .pathCard .iconHolder{width:56px;height:56px;background:#a953f11a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.directionsLayer .pathCard .iconHolder i{font-size:28px;color:#A953F1}
.directionsLayer .pathCard h3{font-size:22px;line-height:1.4;color:#1a1a1a;font-weight:600;margin:0 0 12px}
.directionsLayer .pathCard .cardText{font-size:15px;line-height:1.7;color:#5a5a5a;margin:0}
@media (max-width: 1024px) {
.directionsLayer .pathGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px) {
.directionsLayer{padding:60px 20px}
.directionsLayer h2{font-size:30px}
.directionsLayer .pathGrid{grid-template-columns:1fr;gap:20px}
}
.growthCanvas{background:linear-gradient(180deg,#f4f4f8 0%,#fff 100%);padding:80px 20px}
.growthCanvas .wrapBox{max-width:1140px;margin:0 auto}
.growthCanvas .headerZone{text-align:center;margin-bottom:56px}
.growthCanvas h2{font-size:38px;line-height:1.3;color:#1a1a1a;font-weight:700;margin:0 0 18px}
.growthCanvas h2::before{content:'';display:block;width:80px;height:4px;background:#10AE76;margin:0 auto 20px;border-radius:2px}
.growthCanvas .headerText{font-size:17px;line-height:1.6;color:#4a4a4a;margin:0 auto;max-width:680px}
.growthCanvas .journeyMap{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}
.growthCanvas .journeyMap::before{content:'';position:absolute;top:40px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,#A953F1,#EB3F40,#10AE76);z-index:0}
.growthCanvas .stepItem{position:relative;z-index:1;text-align:center}
.growthCanvas .stepItem .numCircle{width:80px;height:80px;background:#fff;border:4px solid #A953F1;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;font-weight:700;color:#A953F1;box-shadow:0 6px 18px #a953f133}
.growthCanvas .stepItem:nth-child(2) .numCircle{border-color:#EB3F40;color:#EB3F40}
.growthCanvas .stepItem:nth-child(3) .numCircle{border-color:#10AE76;color:#10AE76}
.growthCanvas .stepItem:nth-child(4) .numCircle{border-color:#A953F1;color:#A953F1}
.growthCanvas .stepItem h3{font-size:20px;line-height:1.4;color:#1a1a1a;font-weight:600;margin:0 0 10px}
.growthCanvas .stepItem .stepDesc{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
@media (max-width: 1024px) {
.growthCanvas .journeyMap{grid-template-columns:repeat(2,1fr)}
.growthCanvas .journeyMap::before{display:none}
}
@media (max-width: 640px) {
.growthCanvas{padding:60px 20px}
.growthCanvas h2{font-size:30px}
.growthCanvas .journeyMap{grid-template-columns:1fr;gap:40px}
}
.transparencyFrame{background:#fff;padding:80px 20px}
.transparencyFrame .containerBox{max-width:1140px;margin:0 auto}
.transparencyFrame .splitLayout{display:flex;gap:60px;align-items:center}
.transparencyFrame .textSide{flex:1}
.transparencyFrame .imageSide{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.transparencyFrame .imageSide .photoBox{border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0000001a}
.transparencyFrame .imageSide .photoBox img{width:100%;height:240px;object-fit:cover;transition:transform .4s ease}
.transparencyFrame .imageSide .photoBox:hover img{transform:scale(1.08)}
.transparencyFrame h2{font-size:38px;line-height:1.3;color:#1a1a1a;font-weight:700;margin:0 0 24px;position:relative}
.transparencyFrame h2::after{content:'';position:absolute;bottom:-8px;left:0;width:120px;height:4px;background:#EB3F40;border-radius:2px}
.transparencyFrame .textBlock{margin:32px 0 0}
.transparencyFrame .textBlock p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0 0 18px}
.transparencyFrame .expertBox{background:linear-gradient(135deg,#a953f10d 0%,#10ae760d 100%);border-left:4px solid #10AE76;padding:24px 28px;border-radius:8px;margin-top:28px;display:flex;gap:20px;align-items:center}
.transparencyFrame .expertBox .profileImg{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}
.transparencyFrame .expertBox .profileImg img{width:100%;height:100%;object-fit:cover}
.transparencyFrame .expertBox .expertData h4{font-size:18px;line-height:1.4;color:#1a1a1a;font-weight:600;margin:0 0 6px}
.transparencyFrame .expertBox .expertData .role{font-size:14px;line-height:1.5;color:#10AE76;font-weight:500;margin:0 0 10px}
.transparencyFrame .expertBox .expertData .quote{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0;font-style:italic}
@media (max-width: 1024px) {
.transparencyFrame .splitLayout{flex-direction:column;gap:40px}
.transparencyFrame .imageSide{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px) {
.transparencyFrame{padding:60px 20px}
.transparencyFrame h2{font-size:30px}
.transparencyFrame .imageSide{grid-template-columns:1fr}
.transparencyFrame .expertBox{flex-direction:column;text-align:center}
}
.heado-block{position:relative;width:100%;max-width:1140px;margin:0 auto 100px;overflow:hidden;border-radius:12px}
.heado-block .visual-layer{position:relative;width:100%;height:520px;overflow:hidden}
.heado-block .visual-layer img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:grayscale(0.6)}
.heado-block .content-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center;z-index:3}
.heado-block .content-overlay .accent-num{font-size:88px;font-weight:700;line-height:1;color:#A953F1;margin-bottom:20px;text-shadow:0 4px 12px #a953f14d}
.heado-block .content-overlay .title-main{font-size:42px;font-weight:600;line-height:1.2;color:#1a1a1a;margin-bottom:24px;max-width:780px}
.heado-block .content-overlay .desc-text{font-size:18px;line-height:1.6;color:#3a3a3a;max-width:640px;margin:0 auto}
.heado-block .float-shape{position:absolute;border-radius:50%;opacity:.15;z-index:2}
.heado-block .shape-one{width:180px;height:180px;background:linear-gradient(135deg,#A953F1,#EB3F40);top:60px;left:80px;animation:floatOne 8s ease-in-out infinite}
.heado-block .shape-two{width:140px;height:140px;background:linear-gradient(225deg,#10AE76,#A953F1);bottom:90px;right:100px;animation:floatTwo 10s ease-in-out infinite}
.heado-block .shape-three{width:100px;height:100px;background:linear-gradient(45deg,#EB3F40,#10AE76);top:140px;right:160px;animation:floatThree 12s ease-in-out infinite}
@keyframes floatOne {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(20px,30px) rotate(180deg)}
}
@keyframes floatTwo {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-30px,-20px) rotate(-180deg)}
}
@keyframes floatThree {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(15px,-25px) scale(1.2)}
}
.mission-wrap{width:100%;max-width:1140px;margin:0 auto 100px;padding:0 20px}
.mission-wrap .grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.mission-wrap .text-column .section-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#A953F1;margin-bottom:16px;display:inline-block;position:relative;padding-left:24px}
.mission-wrap .text-column .section-label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:3px;background:linear-gradient(90deg,#A953F1,#EB3F40);border-radius:2px}
.mission-wrap .text-column .heading-primary{font-size:36px;font-weight:700;line-height:1.3;color:#1a1a1a;margin-bottom:28px}
.mission-wrap .text-column .para-block{font-size:17px;line-height:1.7;color:#3a3a3a;margin-bottom:20px}
.mission-wrap .text-column .highlight-term{color:#10AE76;font-weight:600}
.mission-wrap .image-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mission-wrap .image-column .img-card{border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.mission-wrap .image-column .img-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #a953f126}
.mission-wrap .image-column .img-card img{width:100%;height:240px;object-fit:cover;display:block}
.mission-wrap .image-column .img-card.tall{grid-row:span 2}
.mission-wrap .image-column .img-card.tall img{height:100%}
.profile-section{width:100%;background:linear-gradient(135deg,#a953f10a,#10ae760a);padding:80px 20px;margin-bottom:100px}
.profile-section .container-prof{max-width:1140px;margin:0 auto;display:flex;gap:70px;align-items:center}
.profile-section .img-wrapper{flex:0 0 340px;position:relative}
.profile-section .img-wrapper::before{content:'';position:absolute;top:-16px;left:-16px;right:16px;bottom:16px;border:3px solid #A953F1;border-radius:12px;z-index:1}
.profile-section .img-wrapper img{width:100%;height:420px;object-fit:cover;border-radius:12px;position:relative;z-index:2;box-shadow:0 10px 30px #0000001f}
.profile-section .text-content{flex:1}
.profile-section .text-content .name-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.profile-section .text-content .role-label{font-size:18px;font-weight:600;color:#EB3F40;margin-bottom:24px;display:inline-block;padding:6px 14px;background:#eb3f4014;border-radius:6px}
.profile-section .text-content .bio-para{font-size:16px;line-height:1.7;color:#3a3a3a;margin-bottom:18px}
.profile-section .text-content .bio-para strong{color:#10AE76;font-weight:600}
.profile-section .text-content .cta-butt{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#A953F1,#EB3F40);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;margin-top:20px;box-shadow:0 6px 18px #a953f14d;transition:transform .2s ease,box-shadow .2s ease;z-index:10;position:relative}
.profile-section .text-content .cta-butt:hover{transform:translateY(-3px);box-shadow:0 10px 26px #a953f166}
@media (max-width: 1024px) {
.heado-block .visual-layer{height:420px}
.heado-block .content-overlay .accent-num{font-size:68px}
.heado-block .content-overlay .title-main{font-size:34px}
.mission-wrap .grid-layout{grid-template-columns:1fr;gap:50px}
.profile-section .container-prof{flex-direction:column;gap:50px}
.profile-section .img-wrapper{flex:0 0 auto;width:100%;max-width:380px}
}
@media (max-width: 640px) {
.heado-block{margin-bottom:60px}
.heado-block .visual-layer{height:340px}
.heado-block .content-overlay{padding:30px 20px}
.heado-block .content-overlay .accent-num{font-size:52px}
.heado-block .content-overlay .title-main{font-size:26px}
.heado-block .content-overlay .desc-text{font-size:16px}
.heado-block .shape-one,.heado-block .shape-two,.heado-block .shape-three{display:none}
.mission-wrap{margin-bottom:60px}
.mission-wrap .text-column .heading-primary{font-size:28px}
.mission-wrap .image-column{grid-template-columns:1fr}
.mission-wrap .image-column .img-card.tall{grid-row:span 1}
.mission-wrap .image-column .img-card.tall img{height:240px}
.profile-section{padding:60px 20px;margin-bottom:60px}
.profile-section .container-prof{gap:40px}
.profile-section .img-wrapper img{height:360px}
.profile-section .text-content .name-title{font-size:26px}
.profile-section .text-content .role-label{font-size:16px}
}
.page-canvas{background:linear-gradient(135deg,#f8f5ff 0%,#fff9f9 100%);padding:0;margin:0}
.intro-stage{max-width:1140px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:center}
.intro-stage .image-strip{position:relative;height:420px;overflow:hidden;border-radius:12px}
.intro-stage .image-strip::before{content:'';position:absolute;inset:0;background:linear-gradient(165deg,#a953f1bf 0%,#10ae76a6 100%);z-index:1}
.intro-stage .image-strip::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,#ffffff0d 20px,#ffffff0d 40px);z-index:2}
.intro-stage .text-zone{position:relative;padding-left:40px}
.intro-stage .text-zone::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#A953F1 0%,#10AE76 100%);border-radius:2px}
.intro-stage .main-heading{font-size:52px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.intro-stage .subtitle-text{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0}
.contact-surface{max-width:1140px;margin:0 auto;padding:0 20px 100px}
.form-container{background:#fff;border-radius:16px;padding:60px;box-shadow:0 8px 32px #a953f11f}
.step-track{display:flex;justify-content:space-between;margin-bottom:60px;position:relative}
.step-track::before{content:'';position:absolute;top:20px;left:40px;right:40px;height:2px;background:#e8e8e8;z-index:1}
.step-indicator{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.step-indicator .circle{width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #e8e8e8;display:flex;align-items:center;justify-content:center;font-weight:600;color:#999;margin-bottom:12px;transition:all .3s ease}
.step-indicator .label{font-size:14px;color:#666;font-weight:500}
input[type="radio"].step-radio{display:none}
#step1:checked ~ .step-track .step-indicator:nth-child(1) .circle,#step2:checked ~ .step-track .step-indicator:nth-child(2) .circle,#step3:checked ~ .step-track .step-indicator:nth-child(3) .circle{background:linear-gradient(135deg,#A953F1 0%,#8a3fd1 100%);border-color:#A953F1;color:#fff}
.step-panel{display:none;animation:fadeSlide .4s ease}
@keyframes fadeSlide {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
#step1:checked ~ .step-content .panel-one,#step2:checked ~ .step-content .panel-two,#step3:checked ~ .step-content .panel-three{display:block}
.step-content{min-height:320px}
.field-group{margin-bottom:32px}
.field-group label{display:block;font-size:15px;font-weight:600;color:#2a2a2a;margin-bottom:10px}
.field-group label .req-mark{color:#EB3F40;margin-left:3px}
.field-group input[type="text"],.field-group input[type="email"],.field-group input[type="tel"]{width:100%;padding:16px 20px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;color:#2a2a2a;transition:all .3s ease;box-sizing:border-box}
.field-group input:focus{outline:none;border-color:#A953F1;box-shadow:0 0 0 4px #a953f11a}
.nav-buttons{display:flex;gap:16px;margin-top:40px}
.nav-buttons label{flex:1;padding:16px 32px;border-radius:10px;font-size:16px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;border:none}
.butt-prev{background:#f5f5f5;color:#666}
.butt-prev:hover{background:#ebebeb;transform:translateY(-2px)}
.butt-next{background:linear-gradient(135deg,#A953F1 0%,#8a3fd1 100%);color:#fff;box-shadow:0 6px 20px #a953f14d}
.butt-next:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a953f166}
.privacy-wrap{margin:32px 0;padding:20px;background:#f9f9f9;border-radius:10px;border-left:4px solid #10AE76}
.privacy-wrap input[type="checkbox"]{margin-right:12px;width:18px;height:18px;cursor:pointer;accent-color:#A953F1}
.privacy-wrap label{font-size:14px;color:#4a4a4a;line-height:1.6;cursor:pointer;display:inline}
.privacy-wrap label a{color:#A953F1;text-decoration:none;font-weight:600}
.privacy-wrap label a:hover{text-decoration:underline}
.submit-wrapper{text-align:center}
.final-submit{padding:18px 60px;background:linear-gradient(135deg,#10AE76 0%,#0d9663 100%);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #10ae764d}
.final-submit:hover{transform:translateY(-3px);box-shadow:0 10px 28px #10ae7666}
.info-sidebar{max-width:1140px;margin:60px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.contact-card{background:#fff;padding:36px;border-radius:14px;text-align:center;border:2px solid transparent;transition:all .3s ease}
.contact-card:hover{border-color:#A953F1;transform:translateY(-4px);box-shadow:0 10px 32px #a953f126}
.contact-card .icon-circle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#a953f126 0%,#10ae7626 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.contact-card .icon-circle i{font-size:32px;color:#A953F1}
.contact-card .card-title{font-size:20px;font-weight:700;color:#2a2a2a;margin:0 0 12px}
.contact-card .card-info{font-size:15px;color:#666;line-height:1.6;margin:0}
.contact-card .card-info a{color:#A953F1;text-decoration:none;font-weight:600}
.contact-card .card-info a:hover{text-decoration:underline}
@media (max-width: 1024px) {
.intro-stage{grid-template-columns:220px 1fr;gap:40px;padding:60px 20px}
.intro-stage .image-strip{height:360px}
.intro-stage .main-heading{font-size:42px}
.form-container{padding:40px}
.info-sidebar{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 640px) {
.intro-stage{grid-template-columns:1fr;gap:30px;padding:40px 20px}
.intro-stage .image-strip{height:200px}
.intro-stage .text-zone{padding-left:0}
.intro-stage .text-zone::before{display:none}
.intro-stage .main-heading{font-size:32px;margin-bottom:16px}
.intro-stage .subtitle-text{font-size:16px}
.form-container{padding:30px 20px}
.step-track{flex-direction:column;gap:20px;margin-bottom:40px}
.step-track::before{display:none}
.step-indicator{flex-direction:row;justify-content:flex-start;width:100%}
.step-indicator .circle{margin-right:16px;margin-bottom:0}
.nav-buttons{flex-direction:column}
.info-sidebar{margin-top:40px}
.contact-card{padding:28px 20px}
}
.stage{max-width:1140px;margin:3rem auto;padding:0 1.5rem}
.intro-canvas{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem;position:relative}
.intro-canvas .text-layer{padding:2rem 0}
.intro-canvas .heado{font-size:2.8rem;line-height:1.2;color:#1a1a1a;margin-bottom:1.5rem;font-weight:700}
.intro-canvas .heado::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#A953F1,#EB3F40);margin-bottom:1rem;border-radius:2px}
.intro-canvas .describo{font-size:1.05rem;line-height:1.7;color:#444;margin-bottom:1.2rem}
.intro-canvas .visual-frame{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 12px 40px #a953f126;transform:translateX(3rem)}
.intro-canvas .visual-frame img{width:100%;height:520px;object-fit:cover;display:block;transition:transform .6s ease}
.intro-canvas .visual-frame:hover img{transform:scale(1.05)}
.intro-canvas .visual-frame::after{content:'';position:absolute;top:-20px;right:-20px;width:150px;height:150px;border:3px solid #10AE76;border-radius:12px;pointer-events:none}
.pathway-grid{background:linear-gradient(135deg,#f8f3fe 0%,#fff5f5 100%);padding:5rem 0;margin-bottom:5rem}
.pathway-grid .stage{max-width:1140px;margin:0 auto}
.pathway-grid .section-title{font-size:2.2rem;color:#1a1a1a;margin-bottom:.8rem;font-weight:700;text-align:center}
.pathway-grid .section-intro{font-size:1.05rem;color:#555;text-align:center;max-width:680px;margin:0 auto 3.5rem;line-height:1.6}
.pathway-grid .card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.pathway-grid .learning-card{background:#fff;padding:2.5rem 2rem;border-radius:14px;box-shadow:0 6px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}
.pathway-grid .learning-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#A953F1,#EB3F40);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.pathway-grid .learning-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #a953f133}
.pathway-grid .learning-card:hover::before{transform:scaleX(1)}
.pathway-grid .card-icon{width:56px;height:56px;background:linear-gradient(135deg,#A953F1,#EB3F40);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:1.6rem}
.pathway-grid .card-heading{font-size:1.4rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}
.pathway-grid .card-text{font-size:.95rem;line-height:1.6;color:#555;margin-bottom:1.2rem}
.pathway-grid .card-detail{font-size:.9rem;color:#10AE76;font-weight:600}
.progress-wrapper{max-width:1140px;margin:0 auto 5rem;padding:0 1.5rem}
.progress-wrapper .module-title{font-size:2rem;color:#1a1a1a;margin-bottom:3rem;font-weight:700;position:relative;padding-left:2rem}
.progress-wrapper .module-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:40px;background:linear-gradient(180deg,#A953F1,#EB3F40);border-radius:4px}
.progress-wrapper .tabs-container{position:relative}
.progress-wrapper .tab-input{position:absolute;opacity:0;pointer-events:none}
.progress-wrapper .tab-nav{display:flex;gap:1rem;margin-bottom:2.5rem;border-bottom:2px solid #e8e8e8}
.progress-wrapper .tab-label{padding:1rem 2rem;font-size:1rem;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;background:none;border-top:none;border-left:none;border-right:none;position:relative;bottom:-2px}
.progress-wrapper .tab-label:hover{color:#A953F1}
.progress-wrapper .tab-input:checked + .tab-label{color:#A953F1;border-bottom-color:#A953F1}
.progress-wrapper .tab-panel{display:none;animation:fadeSlide .4s ease}
.progress-wrapper .tab-input:nth-of-type(1):checked ~ .tab-content .tab-panel:nth-of-type(1),.progress-wrapper .tab-input:nth-of-type(3):checked ~ .tab-content .tab-panel:nth-of-type(2),.progress-wrapper .tab-input:nth-of-type(5):checked ~ .tab-content .tab-panel:nth-of-type(3){display:block}
@keyframes fadeSlide {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.progress-wrapper .phase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.progress-wrapper .phase-block{background:#f9f9f9;padding:2rem;border-radius:12px;border-left:4px solid #A953F1}
.progress-wrapper .phase-number{display:inline-block;width:36px;height:36px;background:#A953F1;color:#fff;border-radius:50%;text-align:center;line-height:36px;font-weight:700;margin-bottom:1rem;font-size:.95rem}
.progress-wrapper .phase-head{font-size:1.25rem;color:#1a1a1a;margin-bottom:.8rem;font-weight:600}
.progress-wrapper .phase-describo{font-size:.95rem;line-height:1.6;color:#555;margin-bottom:1rem}
.progress-wrapper .phase-hours{font-size:.9rem;color:#10AE76;font-weight:600}
.testimonial-band{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:5rem 0;margin-bottom:5rem;position:relative;overflow:hidden}
.testimonial-band::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#a953f126,transparent);border-radius:50%}
.testimonial-band .stage{position:relative;z-index:2}
.testimonial-band .band-title{font-size:2rem;color:#fff;margin-bottom:3rem;font-weight:700;text-align:center}
.testimonial-band .review-flex{display:flex;gap:2.5rem;align-items:stretch}
.testimonial-band .review-box{flex:1;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:14px;padding:2.5rem;transition:all .3s ease}
.testimonial-band .review-box:hover{background:#ffffff14;transform:translateY(-5px);box-shadow:0 16px 40px #a953f140}
.testimonial-band .reviewer-info{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}
.testimonial-band .reviewer-pic{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #a953f180}
.testimonial-band .reviewer-meta h4{font-size:1.1rem;color:#fff;margin-bottom:.3rem;font-weight:600}
.testimonial-band .reviewer-meta p{font-size:.9rem;color:#10AE76;font-weight:500}
.testimonial-band .review-text{font-size:.98rem;line-height:1.7;color:#e0e0e0;margin-bottom:1.2rem}
.testimonial-band .rating-stars{color:#EB3F40;font-size:1.1rem;letter-spacing:3px}
@media (max-width: 1024px) {
.intro-canvas{grid-template-columns:1fr;gap:3rem}
.intro-canvas .visual-frame{transform:translateX(0)}
.pathway-grid .card-row{grid-template-columns:1fr}
.progress-wrapper .phase-grid{grid-template-columns:1fr}
.testimonial-band .review-flex{flex-direction:column}
}
@media (max-width: 640px) {
.intro-canvas .heado{font-size:2rem}
.pathway-grid .section-title,.progress-wrapper .module-title,.testimonial-band .band-title{font-size:1.6rem}
.progress-wrapper .tab-nav{flex-direction:column;gap:.5rem}
.progress-wrapper .tab-label{padding:.8rem 1rem}
.stage{padding:0 1rem}
}
.stage{background:linear-gradient(135deg,#a953f114 0%,#eb3f400d 100%);padding:80px 20px;position:relative;overflow:hidden}
.stage::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#a953f108 1px,transparent 1px),linear-gradient(90deg,#a953f108 1px,transparent 1px);background-size:40px 40px;opacity:.4}
.stage .surface{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.stage .title-area{max-width:720px}
.stage .main-header{font-size:3.2rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.15}
.stage .lead-text{font-size:1.2rem;line-height:1.7;color:#4a4a4a;margin:0}
.canvas{padding:90px 20px;background:#fff}
.canvas .surface{max-width:1140px;margin:0 auto}
.canvas .grid-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
.canvas .guide-tile{background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;padding:36px 28px;position:relative;transition:all .3s ease}
.canvas .guide-tile:hover{transform:translateY(-4px);box-shadow:0 12px 24px #a953f126;border-color:#A953F1}
.canvas .guide-tile .icon-wrap{width:56px;height:56px;background:linear-gradient(135deg,#A953F1 0%,#EB3F40 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.canvas .guide-tile .icon-wrap i{font-size:28px;color:#fff}
.canvas .guide-tile .tile-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.canvas .guide-tile .tile-desc{font-size:1rem;line-height:1.6;color:#5a5a5a;margin:0 0 20px}
.canvas .guide-tile .topics-list{list-style:none;padding:0;margin:0}
.canvas .guide-tile .topics-list li{font-size:.95rem;color:#6a6a6a;padding:6px 0 6px 24px;position:relative}
.canvas .guide-tile .topics-list li::before{content:'';position:absolute;left:0;top:12px;width:12px;height:12px;background:#10AE76;border-radius:3px}
.layer{padding:100px 20px;background:linear-gradient(180deg,#fafafa 0%,#fff 100%)}
.layer .surface{max-width:1140px;margin:0 auto}
.layer .split-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.layer .content-col .section-header{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;position:relative;padding-bottom:16px}
.layer .content-col .section-header::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#A953F1 0%,#EB3F40 100%);border-radius:2px}
.layer .content-col .text-block{font-size:1.05rem;line-height:1.75;color:#4a4a4a;margin:0 0 32px}
.layer .steps-col .step-sequence{display:flex;flex-direction:column;gap:28px}
.layer .step-item{background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:28px;position:relative;transition:border-color .3s ease}
.layer .step-item:hover{border-color:#A953F1}
.layer .step-item .step-num{position:absolute;top:-16px;left:28px;width:36px;height:36px;background:linear-gradient(135deg,#A953F1 0%,#EB3F40 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}
.layer .step-item .step-title{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin:8px 0 10px}
.layer .step-item .step-text{font-size:1rem;line-height:1.6;color:#5a5a5a;margin:0}
.frame{padding:90px 20px;background:#fff}
.frame .surface{max-width:1140px;margin:0 auto}
.frame .resource-header{text-align:center;max-width:680px;margin:0 auto 60px}
.frame .resource-header .section-title{font-size:2.6rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.frame .resource-header .section-subtitle{font-size:1.15rem;line-height:1.6;color:#5a5a5a;margin:0}
.frame .tabs-wrapper{margin-top:48px}
.frame input[type="radio"]{display:none}
.frame .tab-navigation{display:flex;gap:12px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}
.frame .tab-label{padding:14px 32px;background:#fafafa;border:2px solid #e8e8e8;border-radius:10px;font-size:1.05rem;font-weight:600;color:#5a5a5a;cursor:pointer;transition:all .3s ease}
.frame .tab-label:hover{background:#f0f0f0;border-color:#A953F1;color:#1a1a1a}
.frame input[type="radio"]:checked + .tab-label{background:linear-gradient(135deg,#A953F1 0%,#EB3F40 100%);border-color:#A953F1;color:#fff}
.frame .tab-panel{display:none}
.frame input[type="radio"]:checked ~ .panels-container .tab-panel{display:none}
.frame #tab1:checked ~ .panels-container .panel1,.frame #tab2:checked ~ .panels-container .panel2,.frame #tab3:checked ~ .panels-container .panel3{display:block}
.frame .resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.frame .resource-card{background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;padding:32px;transition:all .3s ease}
.frame .resource-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #eb3f401f;border-color:#EB3F40}
.frame .resource-card .card-icon{width:48px;height:48px;background:linear-gradient(135deg,#10AE76 0%,#A953F1 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.frame .resource-card .card-icon i{font-size:24px;color:#fff}
.frame .resource-card .card-title{font-size:1.4rem;font-weight:600;color:#1a1a1a;margin:0 0 10px}
.frame .resource-card .card-description{font-size:1rem;line-height:1.6;color:#5a5a5a;margin:0 0 18px}
.frame .resource-card .card-tags{display:flex;flex-wrap:wrap;gap:8px}
.frame .resource-card .tag{padding:6px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:.85rem;color:#6a6a6a}
@media (max-width: 1024px) {
.stage .main-header{font-size:2.6rem}
.canvas .grid-layout{grid-template-columns:1fr 1fr}
.layer .split-layout{grid-template-columns:1fr;gap:48px}
.frame .resource-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.stage{padding:60px 20px}
.stage .main-header{font-size:2rem}
.stage .lead-text{font-size:1.05rem}
.canvas .grid-layout{grid-template-columns:1fr}
.layer{padding:60px 20px}
.layer .content-col .section-header{font-size:1.9rem}
.frame{padding:60px 20px}
.frame .resource-header .section-title{font-size:2rem}
.frame .tab-navigation{flex-direction:column}
.frame .tab-label{width:100%;text-align:center}
}
.SuccessStage{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#a953f114 0%,#10ae7614 100%)}
.SuccessStage::before{content:'';position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:linear-gradient(45deg,#a953f11f,transparent);border-radius:50%;filter:blur(80px)}
.SuccessStage::after{content:'';position:absolute;bottom:-50%;right:-20%;width:60%;height:200%;background:linear-gradient(225deg,#10ae761f,transparent);border-radius:50%;filter:blur(80px)}
.SuccessStage .curveAccent{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}
.SuccessStage .curveAccent svg{position:absolute;opacity:.15}
.SuccessStage .curveAccent svg:nth-child(1){top:10%;left:5%;width:280px;height:280px}
.SuccessStage .curveAccent svg:nth-child(2){bottom:15%;right:8%;width:220px;height:220px}
.ContentWrapper{position:relative;z-index:2;max-width:680px;margin:0 auto;padding:80px 24px;text-align:center}
.SuccessStage .PreLabel{display:inline-block;font-size:14px;font-weight:500;color:#10AE76;background:#10ae761f;padding:8px 20px;border-radius:50px;margin-bottom:24px;letter-spacing:.5px}
.SuccessStage .BigTitle{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.SuccessStage .BigTitle::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#A953F1,#10AE76);margin:28px auto 0;border-radius:8px}
.SuccessStage .InfoText{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 40px;max-width:560px;margin-left:auto;margin-right:auto}
.SuccessStage .CheckList{display:flex;flex-direction:column;gap:16px;margin:0 0 48px;text-align:left;max-width:480px;margin-left:auto;margin-right:auto}
.SuccessStage .CheckList .ItemRow{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#ffffffb3;border-radius:12px;border:1px solid #a953f126;transition:all .3s ease}
.SuccessStage .CheckList .ItemRow:hover{transform:translateX(6px);box-shadow:0 6px 20px #a953f126;border-color:#a953f14d}
.SuccessStage .CheckList .ItemRow .IconCircle{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#A953F1,#10AE76);display:flex;align-items:center;justify-content:center}
.SuccessStage .CheckList .ItemRow .IconCircle svg{width:18px;height:18px;fill:#fff}
.SuccessStage .CheckList .ItemRow .ItemLabel{font-size:16px;font-weight:500;color:#2a2a2a;margin:0}
.SuccessStage .ActionZone{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}
.SuccessStage .MainButt{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#A953F1,#10AE76);color:#fff;font-size:16px;font-weight:600;border-radius:10px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 24px #a953f14d;position:relative;z-index:5}
.SuccessStage .MainButt:hover{transform:translateY(-3px);box-shadow:0 10px 32px #a953f166}
.SuccessStage .MainButt i{font-size:20px}
.SuccessStage .SecondButt{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#fff;color:#A953F1;font-size:16px;font-weight:600;border-radius:10px;text-decoration:none;border:2px solid #A953F1;transition:all .3s ease;position:relative;z-index:5}
.SuccessStage .SecondButt:hover{background:#a953f114;transform:translateY(-3px);box-shadow:0 6px 20px #a953f133}
.SuccessStage .SecondButt i{font-size:20px}
@media (max-width: 640px) {
.SuccessStage{min-height:440px}
.ContentWrapper{padding:60px 20px}
.SuccessStage .BigTitle{font-size:36px}
.SuccessStage .InfoText{font-size:16px}
.SuccessStage .ActionZone{flex-direction:column;width:100%}
.SuccessStage .MainButt,.SuccessStage .SecondButt{width:100%;justify-content:center}
.SuccessStage .CheckList .ItemRow{padding:14px 16px}
.SuccessStage .curveAccent svg:nth-child(1){width:180px;height:180px}
.SuccessStage .curveAccent svg:nth-child(2){width:150px;height:150px}
}
@media (min-width: 641px) and (max-width: 1024px) {
.SuccessStage .BigTitle{font-size:42px}
.ContentWrapper{padding:70px 32px}
}