@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/merriweather@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/merriweather@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Nunito',sans-serif;line-height:1.6;color:#2a2a2a;background:#fafafa;overflow-x:hidden}
.HdrWrap{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);border-bottom:2px solid #e0e0e0;padding:0;position:relative}
.HdrCntnr{max-width:1600px;margin:0 auto;padding:0 20px}
.HdrTop{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #e8e8e8}
.LgArea{display:flex;align-items:center;gap:15px}
.LgArea img{height:90px;width:90px;object-fit:contain;background:#fff;padding:8px;border-radius:8px;box-shadow:0 4px 12px #d791fa26}
.BrandTxt{font-family:'Merriweather',serif;font-size:15px;color:#555;max-width:420px;line-height:1.5}
.HdrBtm{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.NavMain{display:flex;gap:35px;list-style:none}
.NavMain a{text-decoration:none;color:#333;font-weight:600;font-size:15px;transition:color 180ms ease;position:relative}
.NavMain a:hover{color:#D791FA}
.CtaBtn{background:linear-gradient(135deg,#D791FA 0%,#b865d8 100%);color:#fff;padding:12px 32px;border-radius:8px;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 6px 20px #d791fa4d;transition:all 200ms ease;border:none}
.CtaBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d791fa66}
.FtWrap{background:linear-gradient(180deg,#2a2a2a 0%,#1a1a1a 100%);color:#d0d0d0;padding:50px 0 30px;margin-top:80px}
.FtCntnr{max-width:1600px;margin:0 auto;padding:0 20px}
.FtGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #3a3a3a}
.FtCol h3{color:#D791FA;font-size:18px;margin-bottom:18px;font-weight:700}
.FtCol p{font-size:14px;line-height:1.7;color:#b0b0b0}
.FtLinks{list-style:none;display:flex;flex-direction:column;gap:12px}
.FtLinks a{color:#b0b0b0;text-decoration:none;font-size:14px;transition:color 180ms ease}
.FtLinks a:hover{color:#D791FA}
.CtInfo{display:flex;flex-direction:column;gap:10px;font-size:14px}
.CtInfo a{color:#b0b0b0;text-decoration:none;transition:color 180ms ease}
.CtInfo a:hover{color:#FEFA7D}
.FtBtm{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.CpyTxt{font-size:13px;color:#888}
.FtNavLinks{display:flex;gap:25px;list-style:none}
.FtNavLinks a{color:#888;text-decoration:none;font-size:13px;transition:color 180ms ease}
.FtNavLinks a:hover{color:#D791FA}
.CkWrap{position:fixed;top:20px;left:20px;background:#fff;border-radius:10px;box-shadow:0 12px 40px #00000040;width:420px;max-width:calc(100vw - 40px);z-index:9999;transform:scale(0);transform-origin:center;transition:transform 300ms cubic-bezier(0.34,1.56,0.64,1)}
.CkWrap.visible{transform:scale(1)}
.CkTabs{display:flex;border-bottom:2px solid #e0e0e0}
.CkTab{flex:1;padding:15px;background:transparent;border:none;font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:#666;cursor:pointer;transition:all 200ms ease;border-bottom:3px solid transparent}
.CkTab.active{color:#D791FA;border-bottom-color:#D791FA}
.CkContent{padding:25px}
.CkPanel{display:none}
.CkPanel.active{display:block}
.CkPanel h3{font-size:18px;color:#2a2a2a;margin-bottom:12px}
.CkPanel p{font-size:14px;color:#555;line-height:1.6;margin-bottom:20px}
.CkCats{display:flex;flex-direction:column;gap:15px;margin:20px 0}
.CkCat{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f8f8;border-radius:6px}
.CkCat label{font-size:14px;color:#333;font-weight:600;cursor:pointer}
.CkToggle{position:relative;width:48px;height:24px}
.CkToggle input{opacity:0;width:0;height:0}
.CkSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;transition:200ms;border-radius:24px}
.CkSlider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:200ms;border-radius:50%}
.CkToggle input:checked + .CkSlider{background:#34883E}
.CkToggle input:checked + .CkSlider:before{transform:translateX(24px)}
.CkToggle input:disabled + .CkSlider{background:#D791FA;opacity:.6;cursor:not-allowed}
.CkBtns{display:flex;gap:12px;margin-top:20px}
.CkBtns button{flex:1;padding:12px;border:2px solid #D791FA;background:transparent;color:#D791FA;font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;border-radius:6px;cursor:pointer;transition:all 180ms ease}
.CkBtns button:hover{background:#D791FA;color:#fff}
.CkBtns .accept{background:#34883E;border-color:#34883E;color:#fff}
.CkBtns .accept:hover{background:#2a6e32;border-color:#2a6e32}
.CkLink{display:inline-flex;align-items:center;gap:8px;color:#D791FA;text-decoration:none;font-size:13px;margin-top:15px;transition:color 180ms ease}
.CkLink:hover{color:#b865d8}
@media (max-width: 1024px) {
.HdrTop{flex-direction:column;gap:20px;text-align:center}
.BrandTxt{max-width:100%}
.HdrBtm{flex-direction:column;gap:20px}
.NavMain{flex-wrap:wrap;justify-content:center;gap:20px}
.FtGrid{grid-template-columns:1fr;gap:35px}
}
@media (max-width: 768px) {
.NavMain{flex-direction:column;gap:15px;text-align:center}
.CtaBtn{width:100%;text-align:center}
.FtBtm{flex-direction:column;text-align:center}
.FtNavLinks{flex-direction:column;gap:12px}
.CkWrap{width:calc(100vw - 40px);left:20px;right:20px}
}
@media (max-width: 480px) {
.LgArea img{height:70px;width:70px}
.BrandTxt{font-size:13px}
.NavMain a{font-size:14px}
.CkWrap{top:10px;left:10px;right:10px;width:calc(100vw - 20px)}
}
.TtlWrap{background:linear-gradient(135deg,#D791FA 0%,#34883E 100%);padding:80px 20px;position:relative;overflow:hidden}
.TtlWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fefa7d26 0%,transparent 70%);border-radius:50%}
.TtlInner{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.TtlTxt{flex:1;color:#fff}
.TtlTxt .prob{font-size:18px;font-weight:400;margin-bottom:16px;opacity:.92;line-height:1.6}
.TtlTxt .sol{font-size:46px;font-weight:700;line-height:1.2;margin-bottom:24px}
.TtlTxt .desc{font-size:20px;line-height:1.7;opacity:.88;max-width:580px}
.TtlImg{flex:0 0 440px;position:relative}
.TtlImg img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 20px 60px #00000040;opacity:.85;filter:brightness(0.92)}
.InspWrap{padding:100px 20px;background:#f9f9f9}
.InspInner{max-width:1600px;margin:0 auto}
.InspHd{text-align:center;margin-bottom:70px}
.InspHd h2{font-size:38px;font-weight:700;color:#1a1a1a;margin-bottom:18px}
.InspHd p{font-size:19px;color:#4a4a4a;line-height:1.65;max-width:720px;margin:0 auto}
.InspGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.InspCard{background:#fff;padding:42px 36px;border-radius:8px;box-shadow:0 4px 20px #0000000f;transition:transform 0.2s,box-shadow .2s;position:relative}
.InspCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}
.InspCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D791FA 0%,#34883E 100%);border-radius:8px 8px 0 0}
.InspCard h3{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:16px}
.InspCard .txt{font-size:16px;color:#555;line-height:1.7;margin-bottom:20px}
.InspCard .imgBox{margin-top:24px;border-radius:6px;overflow:hidden}
.InspCard .imgBox img{width:100%;height:220px;object-fit:cover;transition:transform .3s}
.InspCard:hover .imgBox img{transform:scale(1.05)}
.FmtWrap{padding:100px 20px;background:#fff}
.FmtInner{max-width:1600px;margin:0 auto}
.FmtHd{margin-bottom:60px}
.FmtHd h2{font-size:38px;font-weight:700;color:#1a1a1a;margin-bottom:18px}
.FmtHd p{font-size:19px;color:#4a4a4a;line-height:1.65;max-width:680px}
.FmtBlocks{display:flex;flex-direction:column;gap:50px}
.FmtRow{display:flex;align-items:center;gap:60px}
.FmtRow.rev{flex-direction:row-reverse}
.FmtTxt{flex:1}
.FmtTxt h3{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:20px;position:relative;padding-left:24px}
.FmtTxt h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#D791FA 0%,#34883E 100%);border-radius:3px}
.FmtTxt .desc{font-size:17px;color:#555;line-height:1.75;margin-bottom:24px}
.FmtTxt .fList{display:flex;flex-direction:column;gap:14px}
.FmtTxt .fList li{font-size:16px;color:#444;display:flex;align-items:flex-start;gap:12px}
.FmtTxt .fList li::before{content:'→';color:#34883E;font-weight:700;font-size:18px;flex-shrink:0}
.FmtVis{flex:0 0 480px}
.FmtVis img{width:100%;height:340px;object-fit:cover;border-radius:8px;box-shadow:0 8px 28px #0000001a}
.FmtProfile{background:linear-gradient(135deg,#d791fa14 0%,#34883e14 100%);padding:50px 40px;border-radius:8px;display:flex;align-items:center;gap:40px}
.FmtProfile .profImg{flex:0 0 180px}
.FmtProfile .profImg img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 6px 24px #0000001f}
.FmtProfile .profTxt{flex:1}
.FmtProfile .profTxt h4{font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:8px}
.FmtProfile .profTxt .role{font-size:16px;color:#34883E;font-weight:500;margin-bottom:16px}
.FmtProfile .profTxt .quote{font-size:17px;color:#555;line-height:1.7;font-style:italic}
.CtaWrap{padding:80px 20px;background:linear-gradient(135deg,#34883E 0%,#D791FA 100%);text-align:center}
.CtaInner{max-width:800px;margin:0 auto}
.CtaInner h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:20px}
.CtaInner p{font-size:19px;color:#fff;opacity:.92;line-height:1.65;margin-bottom:32px}
.CtaBtns{display:flex;justify-content:center;gap:20px}
.CtaBtns a{padding:16px 38px;font-size:17px;font-weight:600;border-radius:6px;text-decoration:none;transition:all .2s;display:inline-block}
.CtaBtns .prim{background:#fff;color:#34883E;box-shadow:0 6px 20px #00000026}
.CtaBtns .prim:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0003}
.CtaBtns .sec{background:transparent;color:#fff;border:2px solid #fff}
.CtaBtns .sec:hover{background:#ffffff26}
@media (max-width: 1024px) {
.TtlInner{flex-direction:column;gap:40px}
.TtlImg{flex:0 0 auto;width:100%;max-width:500px}
.TtlTxt .sol{font-size:38px}
.InspGrid{grid-template-columns:repeat(2,1fr);gap:30px}
.FmtRow{flex-direction:column}
.FmtRow.rev{flex-direction:column}
.FmtVis{flex:0 0 auto;width:100%}
}
@media (max-width: 768px) {
.TtlWrap{padding:60px 20px}
.TtlTxt .sol{font-size:32px}
.TtlTxt .desc{font-size:18px}
.InspWrap{padding:70px 20px}
.InspHd h2{font-size:32px}
.InspGrid{grid-template-columns:1fr;gap:24px}
.FmtWrap{padding:70px 20px}
.FmtHd h2{font-size:32px}
.FmtProfile{flex-direction:column;text-align:center}
.CtaBtns{flex-direction:column;align-items:center}
.CtaBtns a{width:100%;max-width:320px}
}
@media (max-width: 480px) {
.TtlTxt .sol{font-size:28px}
.TtlImg img{height:280px}
.InspCard{padding:32px 24px}
.FmtTxt h3{font-size:24px}
.CtaInner h2{font-size:28px}
}
.ReachUs{width:100%;max-width:1600px;margin:0 auto}
.ReachUs .IntroManifest{background:linear-gradient(135deg,#D791FA,#34883E);padding:80px 24px;text-align:center;position:relative;overflow:hidden}
.ReachUs .IntroManifest::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#fefa7d4d,transparent);border-radius:50%}
.ReachUs .IntroManifest::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,#ffffff26,transparent);border-radius:50%}
.ReachUs .ManifestInner{max-width:800px;margin:0 auto;position:relative;z-index:2}
.ReachUs .ManifestInner h1{font-size:48px;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.2}
.ReachUs .ManifestInner .SubLine{font-size:20px;color:#fffffff2;line-height:1.6;margin:0}
.ReachUs .ContactGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1400px;margin:80px auto;padding:0 24px}
.ReachUs .InfoColumn{display:flex;flex-direction:column;gap:32px}
.ReachUs .InfoCard{background:#f8f9fa;padding:32px;border-radius:8px;box-shadow:0 4px 16px #0000000f}
.ReachUs .InfoCard h3{font-size:22px;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.ReachUs .InfoCard p{font-size:16px;color:#4a4a4a;line-height:1.7;margin:0 0 12px}
.ReachUs .InfoCard p:last-child{margin:0}
.ReachUs .InfoCard a{color:#34883E;text-decoration:none;font-weight:500;transition:color .2s}
.ReachUs .InfoCard a:hover{color:#D791FA}
.ReachUs .FormColumn{background:#fff;padding:40px;border-radius:8px;box-shadow:0 8px 24px #00000014}
.ReachUs .FormColumn h2{font-size:28px;color:#1a1a1a;margin:0 0 24px;font-weight:600}
.ReachUs .FormColumn .FormDesc{font-size:16px;color:#5a5a5a;line-height:1.6;margin:0 0 32px}
.ReachUs .ContactForm{display:flex;flex-direction:column;gap:24px}
.ReachUs .NameRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ReachUs .FieldGroup{display:flex;flex-direction:column;gap:8px}
.ReachUs .FieldGroup label{font-size:14px;color:#2a2a2a;font-weight:500}
.ReachUs .FieldGroup input,.ReachUs .FieldGroup select,.ReachUs .FieldGroup textarea{padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:15px;color:#1a1a1a;background:#fff;transition:border-color 0.2s,box-shadow .2s;font-family:inherit}
.ReachUs .FieldGroup input:focus,.ReachUs .FieldGroup select:focus,.ReachUs .FieldGroup textarea:focus{outline:none;border-color:#D791FA;box-shadow:0 0 0 3px #d791fa1a}
.ReachUs .FieldGroup textarea{min-height:120px;resize:vertical}
.ReachUs .RadioSet{display:flex;flex-direction:column;gap:8px}
.ReachUs .RadioSet label{font-size:14px;color:#2a2a2a;font-weight:500;margin-bottom:12px}
.ReachUs .RadioOptions{display:flex;gap:24px;flex-wrap:wrap}
.ReachUs .RadioOption{display:flex;align-items:center;gap:8px}
.ReachUs .RadioOption input[type="radio"]{width:20px;height:20px;accent-color:#34883E;cursor:pointer}
.ReachUs .RadioOption span{font-size:15px;color:#3a3a3a;cursor:pointer}
.ReachUs .ConsentBox{display:flex;align-items:flex-start;gap:10px;padding:16px;background:#f5f5f5;border-radius:6px}
.ReachUs .ConsentBox input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:#34883E;cursor:pointer;flex-shrink:0}
.ReachUs .ConsentBox label{font-size:14px;color:#3a3a3a;line-height:1.6;cursor:pointer}
.ReachUs .ConsentBox label a{color:#D791FA;text-decoration:none;font-weight:500}
.ReachUs .ConsentBox label a:hover{text-decoration:underline}
.ReachUs .SubmitBtn{padding:16px 40px;background:linear-gradient(135deg,#34883E,#D791FA);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform 0.2s,box-shadow .2s;box-shadow:0 4px 12px #34883e4d;font-family:inherit}
.ReachUs .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #34883e66}
.ReachUs .SubmitBtn:active{transform:translateY(0)}
.ReachUs .VisualShowcase{max-width:1400px;margin:80px auto;padding:0 24px}
.ReachUs .ShowcaseGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.ReachUs .ShowcaseCard{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000001a}
.ReachUs .ShowcaseCard img{width:100%;height:400px;object-fit:cover;display:block}
.ReachUs .ShowcaseOverlay{position:absolute;bottom:0;left:0;right:0;padding:32px;background:linear-gradient(to top,#000c,transparent)}
.ReachUs .ShowcaseOverlay h4{font-size:24px;color:#fff;margin:0 0 8px;font-weight:600}
.ReachUs .ShowcaseOverlay p{font-size:15px;color:#ffffffe6;line-height:1.5;margin:0}
.ReachUs .FinalCTA{text-align:center;padding:80px 24px;background:linear-gradient(180deg,#f8f9fa,#fff)}
.ReachUs .CTAContent{max-width:700px;margin:0 auto}
.ReachUs .CTAContent h2{font-size:36px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.ReachUs .CTAContent .CTAText{font-size:18px;color:#4a4a4a;line-height:1.7;margin:0 0 32px}
.ReachUs .CTAButtons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.ReachUs .CTAButtons a{padding:16px 32px;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;transition:transform 0.2s,box-shadow .2s}
.ReachUs .CTAButtons .PrimaryBtn{background:#34883E;color:#fff;box-shadow:0 4px 12px #34883e4d}
.ReachUs .CTAButtons .PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #34883e66}
.ReachUs .CTAButtons .SecondaryBtn{background:transparent;color:#D791FA;border:2px solid #D791FA}
.ReachUs .CTAButtons .SecondaryBtn:hover{background:#d791fa1a;transform:translateY(-2px)}
@media (max-width: 1024px) {
.ReachUs .ContactGrid{grid-template-columns:1fr;gap:40px}
.ReachUs .ShowcaseGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.ReachUs .ManifestInner h1{font-size:36px}
.ReachUs .ManifestInner .SubLine{font-size:18px}
.ReachUs .NameRow{grid-template-columns:1fr}
.ReachUs .FormColumn{padding:32px 24px}
.ReachUs .CTAContent h2{font-size:28px}
.ReachUs .CTAButtons{flex-direction:column;align-items:stretch}
}
@media (max-width: 480px) {
.ReachUs .IntroManifest{padding:60px 20px}
.ReachUs .ManifestInner h1{font-size:28px}
.ReachUs .ContactGrid,.ReachUs .VisualShowcase{margin:60px auto}
.ReachUs .InfoCard{padding:24px}
.ReachUs .ShowcaseCard img{height:300px}
}
.Abt{max-width:1600px;margin:0 auto;padding:0}
.TtlWrp{background:linear-gradient(135deg,#f8f8fc 0%,#fff 100%);padding:80px 20px;position:relative;overflow:hidden}
.TtlWrp::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,#d791fa0d 0%,transparent 50%),radial-gradient(circle at 80% 70%,#34883e0a 0%,transparent 50%);pointer-events:none}
.TtlWrp .Inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:1}
.TtlWrp .TxtSec{flex:1}
.TtlWrp .MainHd{font-size:52px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.TtlWrp .MainHd .Br{display:block;margin-top:8px}
.TtlWrp .Intro{font-size:18px;color:#4a4a4a;line-height:1.7;margin:0}
.TtlWrp .ImgHold{flex:0 0 420px;position:relative}
.TtlWrp .ImgHold img{width:100%;height:380px;object-fit:cover;border-radius:12px;box-shadow:0 16px 48px #00000014}
.TtlWrp .ImgHold::after{content:'';position:absolute;top:-12px;right:-12px;width:100px;height:100px;background:linear-gradient(135deg,#d791fa33,#fefa7d33);border-radius:50%;z-index:-1}
.StryBlck{padding:100px 20px;background:#fff}
.StryBlck .Grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.StryBlck .LeftCol{position:sticky;top:100px}
.StryBlck .Lbl{display:inline-block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#D791FA;margin:0 0 16px;padding:6px 16px;background:#d791fa1a;border-radius:20px}
.StryBlck .Hd{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.3}
.StryBlck .Hd::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#D791FA,#34883E);margin-bottom:20px;border-radius:2px}
.StryBlck .Lead{font-size:19px;color:#5a5a5a;line-height:1.6;margin:0}
.StryBlck .RightCol{display:flex;flex-direction:column;gap:48px}
.StryBlck .StryItm{padding:32px;background:#fafafa;border-radius:10px;border-left:4px solid #D791FA;transition:all 200ms ease}
.StryBlck .StryItm:hover{background:#f5f5f5;box-shadow:0 8px 24px #0000000f;transform:translateX(4px)}
.StryBlck .StryItm .Year{font-size:15px;font-weight:600;color:#34883E;margin:0 0 12px}
.StryBlck .StryItm .StryHd{font-size:24px;font-weight:700;color:#2a2a2a;margin:0 0 16px}
.StryBlck .StryItm .StryTxt{font-size:16px;color:#5a5a5a;line-height:1.6;margin:0}
.StryBlck .StryItm-2{border-left-color:#34883E}
.StryBlck .StryItm-3{border-left-color:#FEFA7D}
.VlsBox{padding:100px 20px;background:linear-gradient(180deg,#fafafa 0%,#fff 100%)}
.VlsBox .Inner{max-width:1400px;margin:0 auto}
.VlsBox .TopHd{text-align:center;margin-bottom:80px}
.VlsBox .TopHd .Tag{font-size:14px;font-weight:600;color:#34883E;letter-spacing:1px;margin:0 0 12px}
.VlsBox .TopHd .MainT{font-size:44px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2}
.VlsBox .CardsWrp{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.VlsBox .VCard{background:#fff;padding:40px 32px;border-radius:10px;box-shadow:0 4px 20px #0000000a;position:relative;overflow:hidden;transition:all 220ms ease}
.VlsBox .VCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#D791FA,#34883E);transform:scaleX(0);transform-origin:left;transition:transform 220ms ease}
.VlsBox .VCard:hover{box-shadow:0 12px 40px #00000014;transform:translateY(-6px)}
.VlsBox .VCard:hover::before{transform:scaleX(1)}
.VlsBox .VCard .Icon{width:64px;height:64px;margin-bottom:24px;background:linear-gradient(135deg,#d791fa26,#34883e26);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#D791FA}
.VlsBox .VCard .Ttl{font-size:22px;font-weight:700;color:#2a2a2a;margin:0 0 16px}
.VlsBox .VCard .Dsc{font-size:16px;color:#5a5a5a;line-height:1.7;margin:0}
.VlsBox .VCard-2 .Icon{color:#34883E}
.VlsBox .VCard-3 .Icon{color:#5a5a5a}
.TeamSec{padding:100px 20px;background:#fff}
.TeamSec .Contain{max-width:1200px;margin:0 auto}
.TeamSec .Hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px;gap:40px}
.TeamSec .Hdr .LeftP{flex:1}
.TeamSec .Hdr .PreT{font-size:14px;font-weight:600;color:#D791FA;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}
.TeamSec .Hdr .BigH{font-size:40px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3}
.TeamSec .Hdr .RightP{flex:0 0 480px}
.TeamSec .Hdr .SubT{font-size:17px;color:#5a5a5a;line-height:1.6;margin:0}
.TeamSec .Showcase{display:flex;gap:40px;align-items:center}
.TeamSec .Showcase .Photo{flex:0 0 320px}
.TeamSec .Showcase .Photo img{width:100%;height:400px;object-fit:cover;border-radius:10px;box-shadow:0 12px 32px #0000001a}
.TeamSec .Showcase .Details{flex:1}
.TeamSec .Showcase .Name{font-size:32px;font-weight:700;color:#2a2a2a;margin:0 0 8px}
.TeamSec .Showcase .Role{font-size:16px;font-weight:600;color:#34883E;margin:0 0 24px;text-transform:uppercase;letter-spacing:.5px}
.TeamSec .Showcase .Bio{font-size:16px;color:#5a5a5a;line-height:1.8;margin:0 0 32px}
.TeamSec .Showcase .Expertise{display:flex;flex-wrap:wrap;gap:12px}
.TeamSec .Showcase .Expertise .Skill{padding:10px 20px;background:#d791fa1a;border-radius:6px;font-size:14px;font-weight:600;color:#D791FA;border:2px solid #d791fa33;transition:all 180ms ease}
.TeamSec .Showcase .Expertise .Skill:hover{background:#d791fa33;border-color:#D791FA}
@media (max-width: 1024px) {
.TtlWrp .Inner{flex-direction:column;gap:40px}
.TtlWrp .ImgHold{flex:0 0 auto;width:100%;max-width:500px}
.TtlWrp .MainHd{font-size:42px}
.StryBlck .Grid{grid-template-columns:1fr;gap:60px}
.StryBlck .LeftCol{position:static}
.VlsBox .CardsWrp{grid-template-columns:1fr}
.TeamSec .Hdr{flex-direction:column;align-items:flex-start}
.TeamSec .Hdr .RightP{flex:1}
.TeamSec .Showcase{flex-direction:column}
.TeamSec .Showcase .Photo{flex:0 0 auto;width:100%;max-width:400px}
}
@media (max-width: 768px) {
.TtlWrp{padding:60px 20px}
.TtlWrp .MainHd{font-size:36px}
.TtlWrp .Intro{font-size:16px}
.StryBlck{padding:80px 20px}
.StryBlck .Hd{font-size:32px}
.StryBlck .Lead{font-size:17px}
.VlsBox{padding:80px 20px}
.VlsBox .TopHd .MainT{font-size:34px}
.TeamSec{padding:80px 20px}
.TeamSec .Hdr .BigH{font-size:32px}
.TeamSec .Showcase .Name{font-size:28px}
}
@media (max-width: 480px) {
.TtlWrp .MainHd{font-size:28px}
.TtlWrp .ImgHold img{height:300px}
.StryBlck .Hd{font-size:26px}
.StryBlck .StryItm{padding:24px}
.VlsBox .TopHd .MainT{font-size:28px}
.VlsBox .VCard{padding:32px 24px}
.TeamSec .Showcase .Photo img{height:350px}
}
.PgHdr{background:linear-gradient(135deg,#D791FA 0%,#34883E 100%);padding:80px 20px;position:relative;overflow:hidden}
.PgHdr::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fefa7d33 0%,transparent 70%);border-radius:50%;animation:slowPulse 8s ease-in-out infinite}
@keyframes slowPulse {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.1);opacity:.5}
}
.PgHdr-wrap{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.PgHdr-content{flex:1}
.PgHdr-content h1{font-size:48px;color:#fff;line-height:1.3;margin:0 0 24px;font-weight:700}
.PgHdr-content h1::after{content:'';display:block;width:80px;height:4px;background:#FEFA7D;margin-top:20px}
.PgHdr-img-container{flex:0 0 420px;position:relative}
.PgHdr-img-container img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 20px 60px #00000040;filter:blur(0.3px)}
.PathOverview{padding:100px 20px;background:#f8f9fa}
.PathOverview-wrap{max-width:1600px;margin:0 auto}
.PathOverview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}
.PathOverview h2{font-size:38px;color:#2d2d2d;margin:0 0 16px;font-weight:700}
.PathOverview-intro{font-size:18px;color:#5a5a5a;line-height:1.7;max-width:900px}
.path-card{background:#fff;padding:36px;border-radius:6px;box-shadow:0 4px 16px #00000014;transition:transform 200ms ease,box-shadow 200ms ease;position:relative}
.path-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000024}
.path-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#D791FA,#34883E);border-radius:6px 0 0 6px}
.path-card h3{font-size:24px;color:#2d2d2d;margin:0 0 16px;font-weight:600}
.path-card h3::before{content:'';display:inline-block;width:8px;height:8px;background:#34883E;border-radius:50%;margin-right:12px;vertical-align:middle}
.path-card p{font-size:16px;color:#6b6b6b;line-height:1.6;margin:0 0 20px}
.path-duration{font-size:14px;color:#D791FA;font-weight:600;display:inline-block;padding:6px 14px;background:#d791fa1a;border-radius:20px}
.CurricStruct{padding:100px 20px;background:#fff}
.CurricStruct-wrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}
.CurricStruct-sidebar{position:sticky;top:40px}
.CurricStruct-sidebar h2{font-size:36px;color:#2d2d2d;margin:0 0 20px;font-weight:700}
.CurricStruct-sidebar p{font-size:17px;color:#5a5a5a;line-height:1.7;margin:0}
.CurricStruct-sidebar img{width:100%;height:240px;object-fit:cover;border-radius:6px;margin-top:32px;box-shadow:0 8px 24px #0000001f}
.module-list{display:flex;flex-direction:column;gap:24px}
.module-item{background:#f8f9fa;padding:32px;border-radius:6px;border-left:6px solid #D791FA;transition:all 200ms ease}
.module-item:hover{background:#fff;box-shadow:0 6px 20px #0000001a;border-left-color:#34883E}
.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.module-header h3{font-size:22px;color:#2d2d2d;margin:0;font-weight:600}
.module-weeks{font-size:14px;color:#34883E;font-weight:600;padding:4px 12px;background:#34883e1a;border-radius:16px}
.module-item p{font-size:16px;color:#5a5a5a;line-height:1.6;margin:0 0 16px}
.module-topics{display:flex;flex-wrap:wrap;gap:10px}
.topic-tag{font-size:13px;color:#6b6b6b;background:#fff;padding:6px 14px;border-radius:20px;border:1px solid #e0e0e0}
.InstrTeam{padding:100px 20px;background:linear-gradient(to bottom,#f8f9fa 0%,#fff 100%)}
.InstrTeam-wrap{max-width:1600px;margin:0 auto}
.InstrTeam h2{font-size:38px;color:#2d2d2d;margin:0 0 60px;text-align:center;font-weight:700}
.InstrTeam h2::before{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,#D791FA,#34883E);margin:0 auto 20px}
.instructor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.instructor-card{display:flex;gap:28px;background:#fff;padding:32px;border-radius:6px;box-shadow:0 4px 16px #0000000f}
.instructor-img{flex:0 0 140px}
.instructor-img img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:4px solid #FEFA7D}
.instructor-info h3{font-size:24px;color:#2d2d2d;margin:0 0 8px;font-weight:600}
.instructor-role{font-size:15px;color:#D791FA;font-weight:600;margin-bottom:16px;display:block}
.instructor-info p{font-size:16px;color:#5a5a5a;line-height:1.7;margin:0}
.EnrollPath{padding:120px 20px;background:linear-gradient(135deg,#34883E 0%,#D791FA 100%);position:relative;overflow:hidden}
.EnrollPath::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#fefa7d26 0%,transparent 70%);border-radius:50%}
.EnrollPath-wrap{max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:2}
.EnrollPath h2{font-size:42px;color:#fff;margin:0 0 24px;font-weight:700}
.EnrollPath p{font-size:19px;color:#fff;line-height:1.7;margin:0 0 40px;opacity:.95}
.EnrollPath-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn-primary{display:inline-block;padding:16px 40px;background:#FEFA7D;color:#2d2d2d;font-size:17px;font-weight:600;border-radius:6px;text-decoration:none;transition:all 200ms ease;box-shadow:0 8px 20px #00000026}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000040;background:#fff}
.btn-secondary{display:inline-block;padding:16px 40px;background:transparent;color:#fff;font-size:17px;font-weight:600;border-radius:6px;text-decoration:none;border:2px solid #fff;transition:all 200ms ease}
.btn-secondary:hover{background:#fff;color:#34883E;transform:translateY(-3px)}
@media (max-width: 1024px) {
.PgHdr-wrap{flex-direction:column;text-align:center}
.PgHdr-img-container{flex:0 0 auto;width:100%;max-width:500px}
.PgHdr-content h1::after{margin-left:auto;margin-right:auto}
.PathOverview-grid{grid-template-columns:repeat(2,1fr)}
.CurricStruct-wrap{grid-template-columns:1fr;gap:50px}
.CurricStruct-sidebar{position:static}
.instructor-grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.PgHdr{padding:60px 20px}
.PgHdr-content h1{font-size:36px}
.PathOverview-grid{grid-template-columns:1fr}
.PathOverview,.CurricStruct,.InstrTeam,.EnrollPath{padding:60px 20px}
.PathOverview h2,.CurricStruct-sidebar h2,.InstrTeam h2,.EnrollPath h2{font-size:32px}
.instructor-card{flex-direction:column;align-items:center;text-align:center}
.EnrollPath-actions{flex-direction:column;align-items:stretch}
.btn-primary,.btn-secondary{width:100%}
}
@media (max-width: 480px) {
.PgHdr-content h1{font-size:28px}
.path-card,.module-item,.instructor-card{padding:24px}
.EnrollPath h2{font-size:28px}
}
.MthHead{max-width:1600px;margin:0 auto;padding:80px 24px;position:relative}
.MthHead::before{content:'';position:absolute;top:40px;left:24px;width:8px;height:8px;background:radial-gradient(circle,#D791FA,#34883E);border-radius:50%;animation:dot-pulse 3s infinite}
.MthHead::after{content:'';position:absolute;bottom:40px;right:24px;width:12px;height:12px;background:linear-gradient(135deg,#FEFA7D,#34883E);border-radius:50%;animation:dot-pulse 3.5s infinite}
@keyframes dot-pulse {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:1;transform:scale(1.2)}
}
.MthHead .inner-wrap{display:flex;flex-direction:column;align-items:center;gap:48px}
.MthHead .txt-zone{max-width:720px;text-align:center}
.MthHead .txt-zone h1{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.MthHead .txt-zone .tag-line{font-size:19px;color:#4a4a4a;line-height:1.6;margin:0 0 32px}
.MthHead .btn-row{display:flex;flex-direction:row;gap:16px;justify-content:center;flex-wrap:wrap}
.MthHead .btn-pr{padding:14px 32px;background:linear-gradient(135deg,#D791FA,#9B5AC7);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all 200ms ease;box-shadow:0 4px 16px #d791fa4d}
.MthHead .btn-pr:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d791fa66}
.MthHead .btn-sc{padding:14px 32px;background:#fff;color:#34883E;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;border:2px solid #34883E;transition:all 200ms ease}
.MthHead .btn-sc:hover{background:#34883E;color:#fff;transform:translateY(-2px)}
.MthHead .vis-wrap{width:100%;max-width:560px;position:relative}
.MthHead .vis-wrap img{width:100%;height:auto;border-radius:10px;box-shadow:0 16px 48px #0000001f;animation:float-motion 6s ease-in-out infinite}
@keyframes float-motion {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.ApprchSec{max-width:1600px;margin:0 auto;padding:80px 24px;background:linear-gradient(180deg,#fefa7d14 0%,#34883e0f 100%)}
.ApprchSec .grid-container{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.ApprchSec .left-col{position:sticky;top:100px}
.ApprchSec .left-col h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2;position:relative;padding-left:20px}
.ApprchSec .left-col h2::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#D791FA,#34883E);border-radius:3px}
.ApprchSec .left-col .intro-text{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0 0 32px}
.ApprchSec .left-col img{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 32px #0000001a}
.ApprchSec .right-col{display:flex;flex-direction:column;gap:32px}
.ApprchSec .step-card{background:#fff;padding:32px;border-radius:10px;border-left:4px solid #D791FA;box-shadow:0 8px 24px #00000014;transition:all 250ms ease;position:relative}
.ApprchSec .step-card:hover{transform:translateX(8px);box-shadow:0 12px 32px #0000001f;border-left-color:#34883E}
.ApprchSec .step-card .num-badge{position:absolute;top:-16px;right:32px;width:40px;height:40px;background:linear-gradient(135deg,#D791FA,#9B5AC7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 4px 12px #d791fa66}
.ApprchSec .step-card h3{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.ApprchSec .step-card p{font-size:16px;color:#5a5a5a;line-height:1.6;margin:0}
.ImpactSec{max-width:1600px;margin:0 auto;padding:80px 24px;background:#fff}
.ImpactSec .sec-header{max-width:800px;margin:0 auto 64px;text-align:center}
.ImpactSec .sec-header h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.ImpactSec .sec-header .desc{font-size:18px;color:#4a4a4a;line-height:1.7;margin:0}
.ImpactSec .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ImpactSec .feat-item{background:linear-gradient(135deg,#fff 0%,#f9f9f9 100%);padding:40px 28px;border-radius:10px;border:2px solid transparent;transition:all 250ms ease;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}
.ImpactSec .feat-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D791FA,#34883E,#FEFA7D);transform:scaleX(0);transform-origin:left;transition:transform 250ms ease}
.ImpactSec .feat-item:hover::before{transform:scaleX(1)}
.ImpactSec .feat-item:hover{border-color:#D791FA;box-shadow:0 12px 32px #d791fa26;transform:translateY(-4px)}
.ImpactSec .feat-item .icon-box{width:64px;height:64px;background:linear-gradient(135deg,#d791fa26,#34883e26);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#34883E}
.ImpactSec .feat-item h4{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}
.ImpactSec .feat-item p{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0}
.ImpactSec .story-box{margin-top:64px;background:linear-gradient(135deg,#fefa7d1f,#d791fa14);padding:48px;border-radius:10px;display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center;border:2px solid #d791fa33}
.ImpactSec .story-box .profile-area{display:flex;flex-direction:column;align-items:center;gap:16px}
.ImpactSec .story-box .profile-area img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #D791FA;box-shadow:0 8px 24px #d791fa4d}
.ImpactSec .story-box .profile-area .name-tag{font-size:18px;font-weight:700;color:#1a1a1a;text-align:center;margin:0}
.ImpactSec .story-box .profile-area .role-tag{font-size:14px;color:#34883E;font-weight:600;text-align:center;margin:0}
.ImpactSec .story-box .quote-area{position:relative}
.ImpactSec .story-box .quote-area::before{content:'"';position:absolute;top:-20px;left:-20px;font-size:80px;color:#d791fa4d;font-family:Georgia,serif;line-height:1}
.ImpactSec .story-box .quote-area p{font-size:17px;color:#2a2a2a;line-height:1.7;margin:0;font-style:italic}
@media (max-width: 1024px) {
.MthHead .txt-zone h1{font-size:38px}
.ApprchSec .grid-container{grid-template-columns:1fr;gap:48px}
.ApprchSec .left-col{position:static}
.ImpactSec .feat-grid{grid-template-columns:repeat(2,1fr)}
.ImpactSec .story-box{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.MthHead{padding:60px 20px}
.MthHead .txt-zone h1{font-size:32px}
.MthHead .btn-row{flex-direction:column;width:100%}
.MthHead .btn-pr,.MthHead .btn-sc{width:100%;text-align:center}
.ApprchSec{padding:60px 20px}
.ApprchSec .left-col h2{font-size:32px}
.ApprchSec .step-card{padding:24px}
.ImpactSec{padding:60px 20px}
.ImpactSec .sec-header h2{font-size:32px}
.ImpactSec .feat-grid{grid-template-columns:1fr}
.ImpactSec .story-box{padding:32px 24px}
.ImpactSec .story-box .quote-area::before{font-size:60px;top:-16px;left:-12px}
}
@media (max-width: 480px) {
.MthHead .txt-zone h1{font-size:28px}
.MthHead .txt-zone .tag-line{font-size:17px}
.ApprchSec .left-col h2{font-size:28px}
.ImpactSec .sec-header h2{font-size:28px}
}
.CkPg{max-width:1600px;margin:0 auto;padding:0}
.TtlBlk{position:relative;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:120px 40px 80px;overflow:hidden}
.TtlBlk::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(ellipse at center,#d791fa26 0%,transparent 70%);animation:GlwPls 8s ease-in-out infinite}
.TtlBlk::after{content:'';position:absolute;bottom:-30%;left:-10%;width:60%;height:150%;background:radial-gradient(ellipse at center,#34883e1f 0%,transparent 65%);animation:GlwPls 10s ease-in-out infinite reverse}
@keyframes GlwPls {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.7;transform:scale(1.1)}
}
.TtlBlk .TtlWrp{position:relative;z-index:2;max-width:900px;margin:0 auto}
.TtlBlk .MnTtl{font-size:3.2rem;font-weight:700;color:#2c3e50;margin:0 0 24px;line-height:1.2}
.TtlBlk .SbTxt{font-size:1.15rem;color:#546e7a;line-height:1.7;margin:0 0 16px}
.TtlBlk .DtTxt{font-size:.95rem;color:#78909c;margin:20px 0 0}
.PlcCnt{max-width:1200px;margin:0 auto;padding:80px 40px;background:#fff}
.PlcSct{margin:0 0 60px}
.PlcSct:last-child{margin:0}
.PlcSct .SctHd{font-size:2rem;font-weight:600;color:#2c3e50;margin:0 0 24px;padding:0 0 16px;border-bottom:3px solid #D791FA;position:relative}
.PlcSct .SctHd::after{content:'';position:absolute;bottom:-3px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#34883E,#FEFA7D)}
.PlcSct .TxtBlk{font-size:1.05rem;line-height:1.8;color:#455a64;margin:0 0 20px}
.PlcSct .TxtBlk:last-child{margin:0}
.PlcSct .Hlt{font-weight:600;color:#D791FA;background:linear-gradient(120deg,#d791fa1a 0%,transparent 100%);padding:2px 8px;border-radius:4px}
.PlcSct .LstWrp{margin:24px 0}
.PlcSct .LstItm{padding:16px 0 16px 40px;position:relative;font-size:1.05rem;line-height:1.7;color:#455a64;border-left:2px solid #e0e0e0;margin:0 0 12px}
.PlcSct .LstItm::before{content:'';position:absolute;left:-6px;top:24px;width:10px;height:10px;background:linear-gradient(135deg,#D791FA,#34883E);border-radius:50%;box-shadow:0 0 8px #d791fa66}
.PlcSct .LstItm .LstTtl{font-weight:600;color:#2c3e50;display:block;margin:0 0 6px}
.TblWrp{overflow-x:auto;margin:32px 0;border-radius:8px;box-shadow:0 4px 16px #0000000f}
.CkTbl{width:100%;border-collapse:collapse;background:#fff}
.CkTbl .TblHd{background:linear-gradient(135deg,#D791FA 0%,#8e5db8 100%)}
.CkTbl .TblHd .TblCl{padding:20px 24px;text-align:left;font-weight:600;color:#fff;font-size:1.05rem}
.CkTbl .TblRw{border-bottom:1px solid #e0e0e0;transition:background .2s ease}
.CkTbl .TblRw:hover{background:#f8f9fa}
.CkTbl .TblRw:last-child{border-bottom:none}
.CkTbl .TblRw .TblCl{padding:18px 24px;color:#455a64;font-size:.98rem;line-height:1.6}
.CkTbl .TblRw .TblCl:first-child{font-weight:600;color:#2c3e50}
.NtBx{background:linear-gradient(135deg,#fefa7d26 0%,#fefa7d0d 100%);border-left:4px solid #FEFA7D;padding:24px 28px;margin:32px 0;border-radius:6px}
.NtBx .NtTxt{font-size:1.02rem;line-height:1.7;color:#455a64;margin:0}
.NtBx .NtTxt .StrgTxt{font-weight:600;color:#34883E}
.CtcInf{background:linear-gradient(135deg,#f1f3f5 0%,#fff 100%);padding:32px 36px;border-radius:10px;margin:48px 0 0;box-shadow:0 8px 24px #0000000a}
.CtcInf .CtcTtl{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 20px}
.CtcInf .CtcTxt{font-size:1.05rem;line-height:1.7;color:#455a64;margin:0 0 16px}
.CtcInf .CtcLnk{color:#D791FA;text-decoration:none;font-weight:600;transition:color .2s ease;border-bottom:2px solid transparent}
.CtcInf .CtcLnk:hover{color:#8e5db8;border-bottom-color:#D791FA}
@media (max-width: 1024px) {
.TtlBlk{padding:80px 32px 60px}
.TtlBlk .MnTtl{font-size:2.6rem}
.PlcCnt{padding:60px 32px}
.PlcSct .SctHd{font-size:1.75rem}
}
@media (max-width: 768px) {
.TtlBlk{padding:60px 24px 48px}
.TtlBlk .MnTtl{font-size:2.2rem}
.TtlBlk .SbTxt{font-size:1.05rem}
.PlcCnt{padding:48px 24px}
.PlcSct{margin:0 0 48px}
.PlcSct .SctHd{font-size:1.5rem}
.PlcSct .LstItm{padding-left:28px}
.CkTbl .TblHd .TblCl,.CkTbl .TblRw .TblCl{padding:14px 16px;font-size:.92rem}
}
@media (max-width: 480px) {
.TtlBlk{padding:48px 20px 36px}
.TtlBlk .MnTtl{font-size:1.85rem}
.PlcCnt{padding:36px 20px}
.PlcSct .SctHd{font-size:1.35rem}
.PlcSct .TxtBlk,.PlcSct .LstItm{font-size:.98rem}
.NtBx{padding:20px}
.CtcInf{padding:24px}
}
.PrivCntr{max-width:1600px;margin:0 auto;padding:0 20px}
.PvHd{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 20px;position:relative;overflow:hidden}
.PvHd::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#d791fa14 0%,transparent 70%);border-radius:50%}
.PvHd::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#34883e0f 0%,transparent 70%);border-radius:50%}
.HdWrp{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.PvHd h1{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.PvMeta{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.PvMeta span{font-size:16px;color:#6c757d;display:flex;align-items:center;gap:8px}
.PvMeta span::before{content:'';width:4px;height:4px;background:#D791FA;border-radius:50%}
.PvCnt{padding:80px 20px}
.PvSec{max-width:900px;margin:0 auto 60px}
.PvSec:last-child{margin-bottom:0}
.PvSec h2{font-size:32px;font-weight:600;color:#1a1a1a;margin:0 0 24px;padding-left:20px;border-left:4px solid #D791FA;line-height:1.3}
.PvSec h3{font-size:24px;font-weight:600;color:#2d2d2d;margin:40px 0 16px;line-height:1.4}
.PvSec p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 20px}
.PvSec ul{list-style:none;padding:0;margin:0 0 20px}
.PvSec li{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 12px;padding-left:30px;position:relative}
.PvSec li::before{content:'';position:absolute;left:0;top:10px;width:12px;height:2px;background:linear-gradient(90deg,#D791FA 0%,#34883E 100%)}
.PvSec strong{color:#2d2d2d;font-weight:600}
.InfoBx{background:linear-gradient(135deg,#f8f4fc 0%,#f0f8f1 100%);border-left:4px solid #34883E;padding:24px 28px;margin:30px 0;border-radius:8px}
.InfoBx p{margin:0;font-size:16px;line-height:1.6;color:#3a3a3a}
.CtTbl{width:100%;border-collapse:separate;border-spacing:0;margin:30px 0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #0000000f}
.CtTbl th,.CtTbl td{padding:18px 24px;text-align:left;font-size:16px;border-bottom:1px solid #e9ecef}
.CtTbl th{background:linear-gradient(135deg,#D791FA 0%,#b56ed4 100%);color:#fff;font-weight:600}
.CtTbl tr:last-child td{border-bottom:none}
.CtTbl tr:hover{background:#f8f9fa}
.CtTbl td:first-child{font-weight:600;color:#2d2d2d}
.CtFt{background:#f8f9fa;padding:60px 20px;margin-top:80px;text-align:center}
.CtFtWrp{max-width:800px;margin:0 auto}
.CtFt h2{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.CtFt p{font-size:17px;line-height:1.6;color:#4a4a4a;margin:0 0 28px}
.CtBt{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#D791FA 0%,#b56ed4 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 16px #d791fa4d;position:relative;z-index:5}
.CtBt:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d791fa66}
@media (max-width: 768px) {
.PvHd{padding:60px 20px}
.PvHd h1{font-size:36px}
.PvMeta{gap:15px}
.PvCnt{padding:60px 20px}
.PvSec h2{font-size:26px;padding-left:16px}
.PvSec h3{font-size:20px}
.CtTbl{font-size:14px}
.CtTbl th,.CtTbl td{padding:12px 16px}
.CtFt{padding:50px 20px;margin-top:60px}
.CtFt h2{font-size:24px}
}
@media (max-width: 480px) {
.PvHd h1{font-size:28px}
.PvSec h2{font-size:22px}
.InfoBx{padding:20px}
.CtTbl{display:block;overflow-x:auto}
}
.MsgWrap{max-width:1600px;margin:0 auto;padding:80px 20px}
.ConfirmBox{background:linear-gradient(135deg,#d791fa14 0%,#34883e0f 100%);border-radius:8px;padding:60px 40px;margin-bottom:80px;position:relative;overflow:hidden}
.ConfirmBox::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#d791fa26,transparent);border-radius:50%}
.ConfirmBox::after{content:'';position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,#34883e1f,transparent);border-radius:50%}
.SuccessIcon{width:120px;height:120px;margin:0 auto 40px;position:relative;z-index:2}
.SuccessIcon svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #34883e33)}
.MsgContent{text-align:center;position:relative;z-index:2;max-width:720px;margin:0 auto}
.MsgContent h1{font-size:42px;font-weight:700;color:#2d2d2d;margin:0 0 24px;line-height:1.2}
.MsgContent .SubTxt{font-size:20px;color:#5a5a5a;line-height:1.6;margin:0 0 16px}
.MsgContent .DetailTxt{font-size:16px;color:#757575;line-height:1.7;margin:0}
.NextBlock{display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto}
.ImgSide{position:relative}
.ImgSide::before{content:'';position:absolute;top:-20px;left:-20px;width:180px;height:180px;background:linear-gradient(135deg,#D791FA,#34883E);opacity:.15;border-radius:50%;z-index:1}
.ImgSide::after{content:'';position:absolute;bottom:-30px;right:-30px;width:140px;height:140px;border:3px solid #FEFA7D;opacity:.4;border-radius:8px;transform:rotate(12deg);z-index:1}
.ImgBox{background:linear-gradient(135deg,#d791fa1f,#34883e1f);border-radius:8px;padding:80px 40px;position:relative;z-index:2;box-shadow:0 12px 32px #00000014}
.ImgBox svg{width:100%;height:auto;display:block}
.TxtSide h2{font-size:36px;font-weight:700;color:#2d2d2d;margin:0 0 32px;line-height:1.3;position:relative;display:inline-block}
.TxtSide h2::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#D791FA,#34883E);border-radius:2px}
.TxtSide .InfoPara{font-size:17px;color:#5a5a5a;line-height:1.7;margin:0 0 28px}
.ProcessSteps{display:flex;flex-direction:column;gap:24px;margin-top:40px}
.StepItem{display:flex;gap:20px;align-items:flex-start;padding:24px;background:#fff;border-radius:8px;border-left:4px solid transparent;transition:all 250ms ease;box-shadow:0 4px 16px #0000000a}
.StepItem:nth-child(1){border-left-color:#D791FA}
.StepItem:nth-child(2){border-left-color:#34883E}
.StepItem:nth-child(3){border-left-color:#FEFA7D}
.StepItem:hover{transform:translateX(8px);box-shadow:0 8px 24px #00000014}
.StepNum{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}
.StepItem:nth-child(1) .StepNum{background:linear-gradient(135deg,#D791FA,#b968d4)}
.StepItem:nth-child(2) .StepNum{background:linear-gradient(135deg,#34883E,#2a6e32)}
.StepItem:nth-child(3) .StepNum{background:linear-gradient(135deg,#FEFA7D,#deda5f)}
.StepTxt h3{font-size:19px;font-weight:600;color:#2d2d2d;margin:0 0 8px;line-height:1.4}
.StepTxt p{font-size:15px;color:#6a6a6a;margin:0;line-height:1.6}
.ActionRow{display:flex;gap:20px;margin-top:48px;flex-wrap:wrap}
.BtnPrimary{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:linear-gradient(135deg,#D791FA,#34883E);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;transition:all 200ms ease;box-shadow:0 6px 20px #d791fa4d;position:relative;overflow:hidden;z-index:1}
.BtnPrimary::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#34883E,#D791FA);opacity:0;transition:opacity 200ms ease;z-index:-1}
.BtnPrimary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #d791fa66}
.BtnPrimary:hover::before{opacity:1}
.BtnSecondary{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:#fff;color:#34883E;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid #34883E;transition:all 200ms ease}
.BtnSecondary:hover{background:#34883E;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #34883e33}
@media (max-width: 1024px) {
.NextBlock{grid-template-columns:320px 1fr;gap:40px}
.MsgContent h1{font-size:36px}
.TxtSide h2{font-size:32px}
}
@media (max-width: 768px) {
.MsgWrap{padding:60px 20px}
.ConfirmBox{padding:40px 24px;margin-bottom:60px}
.SuccessIcon{width:100px;height:100px;margin-bottom:32px}
.MsgContent h1{font-size:30px;margin-bottom:20px}
.MsgContent .SubTxt{font-size:18px}
.NextBlock{grid-template-columns:1fr;gap:48px}
.ImgSide::before{width:140px;height:140px}
.ImgSide::after{width:100px;height:100px}
.ImgBox{padding:60px 30px}
.TxtSide h2{font-size:28px;margin-bottom:24px}
.ProcessSteps{margin-top:32px}
.ActionRow{flex-direction:column;margin-top:36px}
.BtnPrimary,.BtnSecondary{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.MsgWrap{padding:40px 16px}
.ConfirmBox{padding:32px 20px}
.SuccessIcon{width:80px;height:80px;margin-bottom:24px}
.MsgContent h1{font-size:26px}
.MsgContent .SubTxt{font-size:16px}
.MsgContent .DetailTxt{font-size:15px}
.TxtSide h2{font-size:24px}
.TxtSide .InfoPara{font-size:16px}
.StepItem{padding:20px;gap:16px}
.StepNum{width:40px;height:40px;font-size:18px}
.StepTxt h3{font-size:17px}
.StepTxt p{font-size:14px}
.BtnPrimary,.BtnSecondary{padding:14px 28px;font-size:16px}
}