*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Karla',sans-serif;background:#131121;color:#FFF;line-height:1.6;overflow-x:hidden}
.HdrWrap{background:linear-gradient(132deg,#131121 0%,#1a1628 50%,#131121 100%);border-bottom:2px solid #50C380;box-shadow:0 6px 18px #50c38026;padding:28px 0}
.HdrInner{max-width:1536px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:140px 1fr 140px;align-items:center;gap:40px}
.LogoBox{display:flex;align-items:center}
.LogoAnchor{display:block;width:110px;height:110px}
.LogoImg{width:100%;height:100%;object-fit:contain;background:#50c38014;border-radius:4px;padding:8px;box-shadow:0 4px 12px #50c38033}
.BrandCenter{text-align:center;padding:0 32px}
.CompanyTitle{font-size:42px;font-weight:700;color:#FFF;letter-spacing:1px;text-shadow:0 2px 8px #50c3804d;display:inline-block}
.MainNav{display:flex;justify-content:flex-end}
.NavList{list-style:none;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.NavItem{position:relative}
.NavLink{display:block;padding:12px 20px;color:#FFF;text-decoration:none;font-weight:400;font-size:16px;transition:color .2s ease,background-color .2s ease;border-radius:3px}
.NavLink:hover{color:#50C380;background-color:#50c3801a}
.HasSub .SubNav{position:absolute;top:100%;left:0;background:#1a1628;list-style:none;min-width:200px;border:1px solid #50C380;border-radius:3px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:1000;box-shadow:0 8px 20px #50c38033;margin-top:4px}
.HasSub:hover .SubNav{opacity:1;visibility:visible;transform:translateY(0)}
.SubNavItem{border-bottom:1px solid #50c38033}
.SubNavItem:last-child{border-bottom:none}
.SubNavLink{display:block;padding:14px 20px;color:#FFF;text-decoration:none;font-size:15px;transition:background-color .2s ease,color .2s ease}
.SubNavLink:hover{background-color:#50c38026;color:#50C380}
.FtrWrap{position:relative;background:#0d0b15;border-top:3px solid #50C380;margin-top:60px;overflow:hidden}
.FtrPattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,#50c38008 20px,#50c38008 40px);pointer-events:none}
.FtrContent{position:relative;max-width:1536px;margin:0 auto;padding:48px 24px 32px}
.FtrGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:36px}
.FtrHeading{font-size:26px;font-weight:700;color:#50C380;margin-bottom:16px;letter-spacing:.5px}
.FtrSubhead{font-size:20px;font-weight:600;color:#FFF;margin-bottom:18px}
.FtrText{color:silver;font-size:15px;line-height:1.7}
.FtrList{list-style:none}
.FtrListItem{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:silver;font-size:15px}
.FtrListItem i{color:#50C380;font-size:18px}
.FtrContactLink{color:silver;text-decoration:none;transition:color .2s ease}
.FtrContactLink:hover{color:#50C380}
.FtrLinkList{list-style:none}
.FtrLinkItem{margin-bottom:12px}
.FtrLink{color:silver;text-decoration:none;font-size:15px;transition:color .2s ease;display:inline-block}
.FtrLink:hover{color:#50C380}
.FtrBottom{border-top:1px solid #50c38033;padding-top:24px;text-align:center}
.FtrCopyright{color:gray;font-size:14px}
.CookieBanner{position:fixed;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#1a1628 0%,#131121 100%);border:2px solid #50C380;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 12px 32px #50c38040;z-index:10000;max-width:920px;width:92%}
.CookieContent{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.CookieText{color:#FFF;font-size:15px;line-height:1.5;flex:1}
.CookieActions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.CookieBtn{padding:10px 24px;border:none;font-family:'Karla',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.CookieAccept{background:#50C380;color:#131121}
.CookieAccept:hover{background:#45ad70}
.CookieDecline{background:transparent;color:#FFF;border:2px solid #50C380}
.CookieDecline:hover{background:#50c3801a}
.CookiePolicyLink{color:#50C380;text-decoration:none;font-size:14px;transition:color .2s ease}
.CookiePolicyLink:hover{color:#45ad70}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#0d0b15}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#50C380 0%,#45ad70 100%);border-radius:5px}
body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 8px #50c38080}
@media (max-width: 1024px) {
.HdrInner{grid-template-columns:1fr;gap:24px;text-align:center}
.LogoBox{justify-content:center}
.MainNav{justify-content:center}
.NavList{justify-content:center}
.BrandCenter{order:-1}
.CompanyTitle{font-size:36px}
}
@media (max-width: 768px) {
.HdrWrap{padding:20px 0}
.HdrInner{padding:0 16px}
.LogoAnchor{width:85px;height:85px}
.CompanyTitle{font-size:30px}
.NavList{flex-direction:column;gap:4px;width:100%}
.NavItem{width:100%}
.NavLink{text-align:center}
.HasSub .SubNav{position:static;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transform:none;margin-top:0;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease}
.HasSub:hover .SubNav{opacity:1;visibility:visible;max-height:200px}
.FtrGrid{grid-template-columns:1fr;gap:32px}
.CookieContent{flex-direction:column;align-items:stretch;gap:16px}
.CookieActions{flex-direction:column;width:100%}
.CookieBtn{width:100%}
}
@media (max-width: 480px) {
.CompanyTitle{font-size:24px}
.LogoAnchor{width:70px;height:70px}
.NavLink{padding:10px 16px;font-size:15px}
.CookieBanner{width:96%}
}
.policy-g-inner{max-width:1536px;margin:0 auto;padding:80px 24px;background:linear-gradient(158deg,#131121 0%,#1a1628 100%);color:#FFF}
.policy-g-inner h1{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 32px;color:#50C380;letter-spacing:-.02em}
.policy-g-inner h2{font-size:36px;font-weight:600;line-height:1.3;margin:64px 0 24px;color:#50C380;letter-spacing:-.01em}
.policy-g-inner h3{font-size:28px;font-weight:600;line-height:1.4;margin:48px 0 20px;color:#FFF}
.policy-g-inner h4{font-size:22px;font-weight:600;line-height:1.4;margin:40px 0 16px;color:#FFF}
.policy-g-inner h5{font-size:18px;font-weight:600;line-height:1.5;margin:32px 0 12px;color:#FFF}
.policy-g-inner h6{font-size:16px;font-weight:600;line-height:1.5;margin:24px 0 12px;color:#FFF;text-transform:uppercase;letter-spacing:.05em}
.policy-g-inner p{font-size:17px;line-height:1.8;margin:0 0 24px;color:#ffffffe6}
.policy-g-inner strong,.policy-g-inner b{font-weight:700;color:#FFF}
.policy-g-inner a{color:#50C380;text-decoration:none;border-bottom:1px solid #50c3804d;transition:all .3s ease}
.policy-g-inner a:hover{color:#FFF;border-bottom-color:#50C380;transform:translateY(-1px)}
.policy-g-inner div{margin:24px 0}
.policy-g-inner table{width:100%;border-collapse:collapse;margin:40px 0;background:#13112199;border:1px solid #50c38033;border-radius:4px;overflow:hidden}
.policy-g-inner thead{background:linear-gradient(135deg,#50c38026 0%,#50c3800d 100%)}
.policy-g-inner thead tr{border-bottom:2px solid #50c3804d}
.policy-g-inner tbody tr{border-bottom:1px solid #50c3801a;transition:background .2s ease}
.policy-g-inner tbody tr:hover{background:#50c3800d}
.policy-g-inner tbody tr:last-child{border-bottom:none}
.policy-g-inner th{padding:16px 20px;text-align:left;font-weight:700;font-size:16px;color:#50C380;letter-spacing:.02em}
.policy-g-inner td{padding:16px 20px;font-size:16px;line-height:1.6;color:#ffffffd9}
@media (max-width: 1024px) {
.policy-g-inner{padding:64px 20px}
.policy-g-inner h1{font-size:40px;margin-bottom:28px}
.policy-g-inner h2{font-size:32px;margin:56px 0 20px}
.policy-g-inner h3{font-size:24px;margin:40px 0 16px}
.policy-g-inner h4{font-size:20px;margin:32px 0 14px}
.policy-g-inner table{font-size:15px;margin:32px 0}
.policy-g-inner th,.policy-g-inner td{padding:14px 16px}
}
@media (max-width: 768px) {
.policy-g-inner{padding:48px 16px}
.policy-g-inner h1{font-size:32px;margin-bottom:24px}
.policy-g-inner h2{font-size:26px;margin:48px 0 16px}
.policy-g-inner h3{font-size:22px;margin:36px 0 14px}
.policy-g-inner h4{font-size:18px;margin:28px 0 12px}
.policy-g-inner h5{font-size:16px;margin:24px 0 10px}
.policy-g-inner p{font-size:16px;line-height:1.7;margin-bottom:20px}
.policy-g-inner table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:28px -16px;width:calc(100% + 32px);border-radius:0;border-left:none;border-right:none}
.policy-g-inner th,.policy-g-inner td{padding:12px 14px;font-size:14px;white-space:nowrap}
}
@media (max-width: 480px) {
.policy-g-inner{padding:40px 12px}
.policy-g-inner h1{font-size:28px}
.policy-g-inner h2{font-size:23px}
.policy-g-inner h3{font-size:20px}
.policy-g-inner p{font-size:15px;line-height:1.65}
.policy-g-inner th,.policy-g-inner td{padding:10px 12px;font-size:13px}
}
.TitleWrap{position:relative;background:linear-gradient(128deg,#131121 0%,#1a1831 100%);padding:120px 20px 100px;overflow:hidden}
.TitleWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:linear-gradient(45deg,#50c38014 0%,transparent 70%);transform:rotate(15deg)}
.TitleInner{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.TitleText h1{font-size:48px;line-height:1.2;color:#FFF;margin:0 0 24px;font-weight:700}
.TitleText h1 .accent{color:#50C380;position:relative;display:inline-block}
.TitleText h1 .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#50C380 0%,transparent 100%)}
.TitleText p{font-size:18px;line-height:1.7;color:#ffffffd9;margin:0}
.TitleVisual{position:relative}
.TitleVisual img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #50c38026}
.TitleVisual::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1311214d 0%,#1311210d 100%);border-radius:8px;pointer-events:none}
.MethodGrid{background:#0d0b16;padding:100px 20px;position:relative}
.MethodGrid::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#50C380 50%,transparent 100%)}
.MethodInner{max-width:1536px;margin:0 auto}
.MethodHeading{text-align:center;margin-bottom:70px}
.MethodHeading h2{font-size:38px;color:#FFF;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.MethodHeading h2::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#50C380 0%,#131121 100%)}
.MethodHeading p{font-size:17px;color:#ffffffbf;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
.CardWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.CardItem{background:linear-gradient(135deg,#181628 0%,#1f1d2e 100%);border:1px solid #50c3801f;border-radius:6px;padding:40px 32px;position:relative;transition:all .3s ease}
.CardItem:hover{transform:translateY(-6px);box-shadow:0 16px 40px #50c3802e;border-color:#50c38059}
.CardItem::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#50C380 0%,transparent 100%);border-radius:6px 0 0 6px;opacity:0;transition:opacity .3s ease}
.CardItem:hover::before{opacity:1}
.CardNumber{font-size:56px;font-weight:700;color:#50c38033;line-height:1;margin:0 0 20px}
.CardItem h3{font-size:22px;color:#FFF;margin:0 0 14px;font-weight:600}
.CardItem p{font-size:16px;line-height:1.7;color:#ffffffb3;margin:0}
.ProgressArea{background:linear-gradient(245deg,#131121 0%,#0f0e1a 100%);padding:110px 20px;position:relative}
.ProgressArea::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#50c38066 50%,transparent 100%)}
.ProgressContainer{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:80px;align-items:center}
.ProgressVisual{position:relative}
.ProgressVisual img{width:100%;height:540px;object-fit:cover;border-radius:4px;box-shadow:0 20px 48px #00000080}
.ProgressContent h2{font-size:42px;color:#FFF;margin:0 0 28px;font-weight:700;line-height:1.25}
.ProgressContent p{font-size:17px;line-height:1.75;color:#fffc;margin:0 0 40px}
.StepList{display:flex;flex-direction:column;gap:24px}
.StepRow{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.StepIcon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#50c38026 0%,#50c3800d 100%);border:2px solid #50c3804d;display:flex;align-items:center;justify-content:center;font-size:20px;color:#50C380;font-weight:600;flex-shrink:0;transition:all .3s ease}
.StepRow:hover .StepIcon{background:#50c38040;border-color:#50C380;box-shadow:0 0 20px #50c3804d}
.StepDetail h4{font-size:19px;color:#FFF;margin:0 0 8px;font-weight:600}
.StepDetail p{font-size:16px;line-height:1.65;color:#ffffffbf;margin:0}
@media (max-width: 1024px) {
.TitleInner{grid-template-columns:1fr;gap:40px}
.TitleWrap{padding:80px 20px 70px}
.TitleText h1{font-size:38px}
.CardWrap{grid-template-columns:1fr;gap:24px}
.ProgressContainer{grid-template-columns:1fr;gap:50px}
.ProgressVisual img{height:380px}
}
@media (max-width: 768px) {
.TitleText h1{font-size:32px}
.TitleVisual img{height:320px}
.MethodGrid{padding:70px 20px}
.MethodHeading h2{font-size:30px}
.CardItem{padding:32px 24px}
.ProgressArea{padding:70px 20px}
.ProgressContent h2{font-size:32px}
.ProgressVisual img{height:280px}
}
.HdWrap{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(127deg,#131121 0%,#1a1830 48%,#131121 100%)}
.HdWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:80%;height:200%;background:linear-gradient(217deg,#50c38026 0%,transparent 70%);animation:SlideGrad 18s ease-in-out infinite}
@keyframes SlideGrad {
0%,100%{transform:translateX(0) rotate(0deg)}
50%{transform:translateX(-8%) rotate(3deg)}
}
.HdWrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:60%;height:150%;background:radial-gradient(ellipse at center,#50c38014 0%,transparent 65%);opacity:.7}
.MainCtr{max-width:1536px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.HdGrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.TxtSec{display:flex;flex-direction:column;gap:24px}
.PreTxt{font-size:15px;color:#50C380;font-weight:500;letter-spacing:.5px;text-transform:uppercase}
.MainHd{font-size:52px;line-height:1.15;color:#FFF;font-weight:700;margin:0}
.DescTxt{font-size:18px;line-height:1.7;color:#ffffffd1;max-width:540px}
.BtnRow{display:flex;gap:16px;margin-top:12px}
.Btn-p{padding:14px 32px;background:linear-gradient(135deg,#50C380 0%,#3da868 100%);color:#131121;font-weight:600;border:none;border-radius:4px;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 14px #50c38040;position:relative;z-index:10}
.Btn-p:hover{transform:translateY(-3px);box-shadow:0 8px 24px #50c38059}
.Btn-s{padding:14px 32px;background:transparent;color:#FFF;font-weight:600;border:2px solid #50c38080;border-radius:4px;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;z-index:10}
.Btn-s:hover{border-color:#50C380;background:#50c3801a;transform:translateY(-2px)}
.ImgSec{position:relative;height:480px}
.ImgSec::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:2px solid #50c3804d;border-radius:6px;z-index:1}
.HdImg{width:100%;height:100%;object-fit:cover;border-radius:6px;position:relative;z-index:2;filter:brightness(0.92) contrast(1.08);box-shadow:0 12px 40px #0006}
.ExpertSec{padding:96px 0;background:#0d0b16;position:relative}
.ExpertSec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#50c3804d 50%,transparent 100%)}
.ScHd{text-align:center;margin-bottom:64px}
.ScTtl{font-size:38px;color:#FFF;font-weight:700;margin:0 0 16px}
.ScSub{font-size:17px;color:#ffffffb3;max-width:680px;margin:0 auto;line-height:1.65}
.ExpGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1280px;margin:0 auto}
.ExpCard{background:linear-gradient(145deg,#16142a 0%,#1a1832 100%);border:1px solid #50c38026;border-radius:5px;padding:36px 28px;transition:all .3s ease;position:relative;overflow:hidden}
.ExpCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#50C380 0%,transparent 100%);opacity:0;transition:opacity .3s ease}
.ExpCard:hover{transform:translateY(-6px);border-color:#50c38066;box-shadow:0 16px 36px #50c3801f}
.ExpCard:hover::before{opacity:1}
.ExpIco{width:54px;height:54px;margin-bottom:20px}
.ExpName{font-size:21px;color:#FFF;font-weight:600;margin:0 0 8px}
.ExpRole{font-size:14px;color:#50C380;margin:0 0 18px;font-weight:500}
.ExpDesc{font-size:15px;color:#ffffffbf;line-height:1.65;margin:0}
.MetricSec{padding:88px 0;background:linear-gradient(168deg,#131121 0%,#1c1a32 100%);position:relative}
.MetGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;max-width:1380px;margin:0 auto}
.MetBox{text-align:center;position:relative;padding:32px 20px;background:#50c3800a;border-radius:4px;border:1px solid #50c3801f;transition:all .3s ease}
.MetBox:hover{background:#50c38014;border-color:#50c38040;transform:scale(1.04)}
.MetNum{font-size:46px;color:#50C380;font-weight:700;line-height:1;margin:0 0 12px;display:block}
.MetLbl{font-size:16px;color:#ffffffd9;font-weight:500;margin:0}
.PathSec{padding:92px 0;background:#0d0b16;position:relative}
.PathSec::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#50c38040 50%,transparent 100%)}
.PathWrap{max-width:1440px;margin:0 auto}
.PathHd{text-align:center;margin-bottom:56px}
.PathTtl{font-size:36px;color:#FFF;font-weight:700;margin:0 0 14px}
.PathSub{font-size:16px;color:#ffffffb8;max-width:620px;margin:0 auto;line-height:1.6}
.StepList{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;position:relative}
.StepItm{background:linear-gradient(132deg,#16142a 0%,#1d1b34 100%);border:1px solid #50c3802e;border-radius:5px;padding:32px 26px;position:relative;transition:all .3s ease}
.StepItm::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#50C380 0%,transparent 100%);border-radius:5px 0 0 5px;opacity:0;transition:opacity .3s ease}
.StepItm:hover{border-color:#50c38059;transform:translateX(4px);box-shadow:0 8px 28px #50c38024}
.StepItm:hover::before{opacity:1}
.StepNum{display:inline-block;width:42px;height:42px;background:#50c38026;border:2px solid #50C380;border-radius:50%;text-align:center;line-height:38px;font-size:18px;font-weight:700;color:#50C380;margin-bottom:18px}
.StepTtl{font-size:20px;color:#FFF;font-weight:600;margin:0 0 12px}
.StepTxt{font-size:15px;color:#ffffffba;line-height:1.65;margin:0}
.CtaSec{padding:84px 0;background:linear-gradient(154deg,#1a1830 0%,#131121 100%);text-align:center;position:relative}
.CtaSec::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#50c3801a 0%,transparent 70%);pointer-events:none}
.CtaBox{max-width:780px;margin:0 auto;position:relative;z-index:2}
.CtaHd{font-size:40px;color:#FFF;font-weight:700;margin:0 0 20px;line-height:1.25}
.CtaTxt{font-size:17px;color:#ffffffc7;line-height:1.7;margin:0 0 32px}
.CtaBtn{padding:16px 48px;background:linear-gradient(135deg,#50C380 0%,#3da868 100%);color:#131121;font-weight:700;font-size:17px;border:none;border-radius:5px;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 6px 20px #50c3804d;position:relative;z-index:10}
.CtaBtn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #50c3806b}
@media (max-width: 1024px) {
.HdGrid{grid-template-columns:1fr;gap:48px}
.ImgSec{height:400px}
.MainHd{font-size:42px}
.ExpGrid{grid-template-columns:repeat(2,1fr)}
.MetGrid{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 768px) {
.HdWrap{min-height:520px}
.MainHd{font-size:36px}
.DescTxt{font-size:16px}
.BtnRow{flex-direction:column;gap:12px}
.Btn-p,.Btn-s{text-align:center}
.ImgSec{height:320px}
.ExpertSec{padding:72px 0}
.ExpGrid{grid-template-columns:1fr;gap:24px}
.ScTtl{font-size:32px}
.MetricSec{padding:64px 0}
.MetGrid{grid-template-columns:1fr;gap:24px}
.PathSec{padding:68px 0}
.PathTtl{font-size:30px}
.StepList{grid-template-columns:1fr}
.CtaSec{padding:64px 0}
.CtaHd{font-size:32px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#131121}
::-webkit-scrollbar-thumb{background:#50c38066;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#50c38099;box-shadow:0 0 8px #50c3804d}
.HeroWrap{position:relative;height:85vh;overflow:hidden;background:linear-gradient(127deg,#131121 0%,#1a1830 100%)}
.HeroWrap .parallax-img{position:absolute;top:0;left:0;width:100%;height:120%;object-fit:cover;opacity:.15;transform:translateY(0);transition:transform .6s cubic-bezier(0.22,0.61,0.36,1)}
.HeroWrap:hover .parallax-img{transform:translateY(-40px)}
.HeroWrap .overlay-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,#50c3801f 0%,transparent 60%);pointer-events:none}
.HeroWrap .content-float{position:relative;z-index:2;max-width:1536px;margin:0 auto;padding:0 24px;height:100%;display:flex;flex-direction:column;justify-content:center}
.HeroWrap .TitleMain{font-size:3.8rem;font-weight:700;color:#FFF;margin:0 0 28px;line-height:1.15;text-shadow:0 4px 18px #50c38029}
.HeroWrap .theses-stack{display:flex;flex-direction:column;gap:12px;max-width:680px}
.HeroWrap .thesis-line{font-size:1.1rem;color:#ffffffd9;line-height:1.6;padding-left:20px;position:relative}
.HeroWrap .thesis-line::before{content:'';position:absolute;left:0;top:10px;width:3px;height:16px;background:linear-gradient(180deg,#50C380 0%,transparent 100%)}
.ContactGrid{max-width:1536px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.info-panel{background:linear-gradient(142deg,#1a1830 0%,#131121 100%);padding:48px 40px;border-radius:4px;border:1px solid #50c3802e;box-shadow:0 8px 24px #13112166 inset 0 1px 2px #50c3800f;position:sticky;top:32px}
.info-panel h2{font-size:2.2rem;color:#FFF;margin:0 0 32px;font-weight:600}
.contact-blocks{display:flex;flex-direction:column;gap:28px}
.contact-item{display:flex;flex-direction:column;gap:6px}
.contact-item .label-txt{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.8px;font-weight:500}
.contact-item .data-txt{font-size:1.05rem;color:#50C380;font-weight:500;transition:color .2s ease}
.contact-item a.data-txt:hover{color:#FFF}
.contact-item .address-multi{font-size:1.05rem;color:#50C380;line-height:1.6}
.form-container-2{background:#1a1830;padding:52px 48px;border-radius:4px;border:1px solid #50c3801f;box-shadow:0 12px 32px #13112180}
.form-container-2 h3{font-size:1.9rem;color:#FFF;margin:0 0 12px;font-weight:600}
.form-container-2 .sub-desc{font-size:.95rem;color:#ffffffb3;margin:0 0 40px;line-height:1.5}
.FormSteps{display:flex;flex-direction:column;gap:32px}
.step-block{display:flex;flex-direction:column;gap:18px;padding-bottom:32px;border-bottom:1px solid #50c3801a}
.step-block:last-of-type{border-bottom:none;padding-bottom:0}
.step-header{display:flex;align-items:center;gap:12px}
.step-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#50C380 0%,#3da567 100%);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:#131121;box-shadow:0 4px 12px #50c3804d}
.step-title{font-size:1.15rem;color:#FFF;font-weight:600;margin:0}
.row-dual{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field-wrap{display:flex;flex-direction:column;gap:8px}
.field-wrap label{font-size:.9rem;color:#fffc;font-weight:500}
.field-wrap input,.field-wrap textarea{padding:14px 18px;border:1px solid #50c38040;background:#13112199;border-radius:3px;font-size:1rem;color:#FFF;transition:all .25s ease}
.field-wrap input:focus,.field-wrap textarea:focus{outline:none;border-color:#50C380;background:#131121cc;box-shadow:0 0 0 3px #50c3801f}
.field-wrap input::placeholder,.field-wrap textarea::placeholder{color:#fff6}
.field-wrap textarea{min-height:140px;resize:vertical}
.privacy-check{display:flex;align-items:start;gap:12px;margin-top:8px}
.privacy-check input[type="checkbox"]{width:20px;height:20px;margin-top:2px;accent-color:#50C380;cursor:pointer}
.privacy-check label{font-size:.9rem;color:#ffffffbf;line-height:1.5;cursor:pointer}
.privacy-check label a{color:#50C380;text-decoration:underline;transition:color .2s ease}
.privacy-check label a:hover{color:#FFF}
.btn-submit-2{padding:16px 48px;background:linear-gradient(135deg,#50C380 0%,#3da567 100%);border:none;border-radius:3px;font-size:1.05rem;font-weight:600;color:#131121;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #50c38059;margin-top:16px}
.btn-submit-2:hover{transform:translateY(-3px);box-shadow:0 10px 26px #50c38073}
.btn-submit-2:active{transform:translateY(-1px)}
.schedule-zone{max-width:1536px;margin:0 auto;padding:0 24px 96px}
.schedule-card{background:linear-gradient(158deg,#1a1830 0%,#131121 100%);padding:56px 64px;border-radius:4px;border:1px solid #50c38026;box-shadow:0 14px 36px #1311218c;text-align:center}
.schedule-card h4{font-size:2rem;color:#FFF;margin:0 0 20px;font-weight:600}
.schedule-card .desc-text{font-size:1.05rem;color:#ffffffbf;line-height:1.7;max-width:720px;margin:0 auto 36px}
.hours-display{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.hour-block{display:flex;flex-direction:column;gap:8px}
.hour-block .day-label{font-size:.875rem;color:#ffffff8c;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.hour-block .time-range{font-size:1.1rem;color:#50C380;font-weight:600}
@media (max-width: 1024px) {
.HeroWrap .TitleMain{font-size:3rem}
.ContactGrid{grid-template-columns:1fr;gap:48px;padding:72px 24px}
.info-panel{position:static}
.form-container-2{padding:40px 32px}
.schedule-card{padding:44px 40px}
}
@media (max-width: 768px) {
.HeroWrap{height:70vh}
.HeroWrap .TitleMain{font-size:2.2rem}
.HeroWrap .thesis-line{font-size:1rem}
.ContactGrid{padding:56px 20px}
.info-panel{padding:36px 28px}
.info-panel h2{font-size:1.8rem}
.form-container-2{padding:32px 24px}
.form-container-2 h3{font-size:1.6rem}
.row-dual{grid-template-columns:1fr}
.schedule-card{padding:36px 24px}
.schedule-card h4{font-size:1.7rem}
.hours-display{gap:28px}
}
@media (max-width: 480px) {
.HeroWrap .TitleMain{font-size:1.9rem}
.form-container-2 h3{font-size:1.4rem}
.btn-submit-2{width:100%}
.schedule-card h4{font-size:1.5rem}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#131121}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#50C380 0%,#3da567 100%);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#50C380;box-shadow:0 0 8px #50c38099}
.HeroWrap{background:linear-gradient(143deg,#131121 0%,#1a1529 45%,#131121 100%);padding:88px 24px 72px;position:relative;overflow:hidden}
.HeroWrap::before{content:'';position:absolute;top:-2px;right:12%;width:1px;height:180px;background:linear-gradient(180deg,transparent 0%,#50C380 50%,transparent 100%);opacity:.4}
.HeroWrap::after{content:'';position:absolute;bottom:18px;left:8%;width:64px;height:1px;background:linear-gradient(90deg,transparent 0%,#50C380 50%,transparent 100%);opacity:.35}
.HeroInner{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:56px;align-items:center}
.HeroTxt{position:relative}
.HeroTxt h1{font-size:3.2rem;line-height:1.15;color:#FFF;font-weight:700;margin:0 0 14px;letter-spacing:-.02em}
.HeroTxt .SubHead{font-size:1.45rem;line-height:1.4;color:#50C380;font-weight:600;margin:0 0 28px}
.HeroTxt p{font-size:1.05rem;line-height:1.7;color:#ffffffd1;margin:0 0 18px}
.HeroImgArea{position:relative;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);overflow:hidden;border-radius:4px}
.HeroImgArea img{width:100%;height:420px;object-fit:cover;display:block;transition:transform .6s ease}
.HeroImgArea:hover img{transform:scale(1.08)}
@media (max-width: 1024px) {
.HeroInner{grid-template-columns:1fr;gap:48px}
.HeroTxt h1{font-size:2.5rem}
.HeroImgArea img{height:360px}
}
@media (max-width: 768px) {
.HeroWrap{padding:64px 20px 56px}
.HeroTxt h1{font-size:2rem}
.HeroTxt .SubHead{font-size:1.2rem}
.HeroImgArea{clip-path:none}
.HeroImgArea img{height:280px}
}
.StoryArea{background:#1a1529;padding:92px 28px;position:relative}
.StoryArea::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#50C380 50%,transparent 100%);opacity:.6}
.StoryInner{max-width:1536px;margin:0 auto;display:flex;flex-direction:row;gap:72px;align-items:flex-start}
.StoryLeft{flex:0 0 380px;position:sticky;top:120px}
.StoryLeft h2{font-size:2.3rem;line-height:1.25;color:#50C380;font-weight:700;margin:0 0 22px;position:relative;padding-left:18px}
.StoryLeft h2::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:4px;background:linear-gradient(180deg,#50C380 0%,#50c3804d 100%);border-radius:2px}
.StoryRight{flex:1;display:flex;flex-direction:column;gap:42px}
.StoryBlock{background:#50c3800a;padding:38px 36px;border-radius:6px;border:1px solid #50c3801f;transition:all .4s ease;position:relative}
.StoryBlock::after{content:'';position:absolute;bottom:0;left:36px;right:36px;height:2px;background:linear-gradient(90deg,transparent 0%,#50C380 50%,transparent 100%);opacity:0;transition:opacity .4s ease}
.StoryBlock:hover{background:#50c38014;border-color:#50c38040;box-shadow:0 8px 24px #50c38026;transform:translateY(-3px)}
.StoryBlock:hover::after{opacity:.5}
.StoryBlock h3{font-size:1.5rem;line-height:1.35;color:#FFF;font-weight:600;margin:0 0 16px}
.StoryBlock p{font-size:1.02rem;line-height:1.75;color:#fffc;margin:0}
@media (max-width: 1024px) {
.StoryInner{flex-direction:column;gap:48px}
.StoryLeft{flex:1;position:static}
.StoryLeft h2{font-size:2rem}
}
@media (max-width: 768px) {
.StoryArea{padding:68px 20px}
.StoryBlock{padding:28px 24px}
.StoryLeft h2{font-size:1.75rem}
}
.ApproachSec{background:linear-gradient(217deg,#131121 0%,#1f1a31 55%,#131121 100%);padding:86px 28px;position:relative}
.ApproachCont{max-width:1536px;margin:0 auto}
.ApproachCont h2{font-size:2.5rem;line-height:1.3;color:#FFF;font-weight:700;text-align:center;margin:0 0 58px;position:relative}
.ApproachCont h2::after{content:'';position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent 0%,#50C380 50%,transparent 100%);border-radius:2px}
.ApproachGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px}
.ApproachCard{background:#13112199;padding:42px 32px;border-radius:8px;border:1px solid #50c38026;position:relative;overflow:hidden;transition:all .4s ease}
.ApproachCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#50C380 0%,#50c38066 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.ApproachCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #50c38033;border-color:#50c38059}
.ApproachCard:hover::before{transform:scaleX(1)}
.ApproachCard h3{font-size:1.45rem;line-height:1.4;color:#50C380;font-weight:600;margin:0 0 18px}
.ApproachCard p{font-size:1rem;line-height:1.7;color:#ffffffc7;margin:0}
.ApproachImgs{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ApproachImgs img{width:100%;height:240px;object-fit:cover;border-radius:6px;border:2px solid #50c38033;transition:all .4s ease;display:block;loading:lazy}
.ApproachImgs img:hover{transform:scale(1.05);border-color:#50c38080;box-shadow:0 8px 24px #50c38040}
@media (max-width: 1024px) {
.ApproachImgs{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.ApproachSec{padding:68px 20px}
.ApproachCont h2{font-size:2rem}
.ApproachGrid{grid-template-columns:1fr}
.ApproachImgs{grid-template-columns:1fr;gap:18px}
.ApproachImgs img{height:200px}
}
.ValueProp{background:#131121;padding:88px 28px;position:relative;overflow:hidden}
.ValueProp::before{content:'';position:absolute;top:50%;right:-120px;width:400px;height:400px;background:radial-gradient(circle,#50c38014 0%,transparent 70%);border-radius:50%;transform:translateY(-50%);pointer-events:none}
.ValueCont{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ValueTxt h2{font-size:2.4rem;line-height:1.3;color:#FFF;font-weight:700;margin:0 0 28px}
.ValueList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}
.ValueList li{display:flex;align-items:flex-start;gap:16px;padding:22px 26px;background:#50c3800d;border-left:3px solid #50C380;border-radius:4px;transition:all .3s ease}
.ValueList li:hover{background:#50c3801a;transform:translateX(8px)}
.ValueList li::before{content:'→';font-size:1.3rem;color:#50C380;font-weight:700;flex-shrink:0;margin-top:2px}
.ValueList li span{font-size:1.05rem;line-height:1.65;color:#ffffffd9}
.ValueVisual{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ValueVisual img{width:100%;height:280px;object-fit:cover;border-radius:6px;border:2px solid #50c3802e;transition:all .5s ease;display:block;loading:lazy}
.ValueVisual img:first-child{grid-column:1 / -1;height:320px}
.ValueVisual img:hover{transform:scale(1.04) rotate(-1deg);border-color:#50c38073;box-shadow:0 12px 28px #50c38033}
@media (max-width: 1024px) {
.ValueCont{grid-template-columns:1fr;gap:52px}
.ValueTxt h2{font-size:2rem}
}
@media (max-width: 768px) {
.ValueProp{padding:68px 20px}
.ValueList li{padding:18px 20px}
.ValueVisual{grid-template-columns:1fr}
.ValueVisual img:first-child{grid-column:1;height:260px}
.ValueVisual img{height:240px}
}
.CtaZone{background:linear-gradient(156deg,#1a1529 0%,#131121 45%,#1f1a31 100%);padding:96px 28px;position:relative}
.CtaZone::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#50C380 30%,#50C380 70%,transparent 100%);opacity:.5}
.CtaInner{max-width:1120px;margin:0 auto;text-align:center;background:#50c3800f;padding:68px 48px;border-radius:8px;border:1px solid #50c38033;position:relative;overflow:hidden}
.CtaInner::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#50c38014 0%,transparent 50%);animation:pulseGlow 8s ease-in-out infinite;pointer-events:none}
@keyframes pulseGlow {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.1)}
}
.CtaInner h2{font-size:2.6rem;line-height:1.25;color:#FFF;font-weight:700;margin:0 0 22px;position:relative;z-index:1}
.CtaInner p{font-size:1.15rem;line-height:1.6;color:#ffffffd1;margin:0 0 38px;max-width:720px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.CtaBtnWrap{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
.CtaBtnWrap a{display:inline-block;padding:16px 42px;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;position:relative;z-index:2}
.CtaBtnWrap a:first-child{background:linear-gradient(135deg,#50C380 0%,#3da869 100%);color:#131121;box-shadow:0 6px 20px #50c3804d}
.CtaBtnWrap a:first-child:hover{background:linear-gradient(135deg,#5fd490 0%,#50C380 100%);box-shadow:0 8px 28px #50c38073;transform:translateY(-3px)}
.CtaBtnWrap a:last-child{background:transparent;color:#50C380;border:2px solid #50C380}
.CtaBtnWrap a:last-child:hover{background:#50c3801f;border-color:#5fd490;transform:translateY(-3px)}
@media (max-width: 768px) {
.CtaZone{padding:72px 20px}
.CtaInner{padding:48px 28px}
.CtaInner h2{font-size:2rem}
.CtaBtnWrap{flex-direction:column;align-items:center}
.CtaBtnWrap a{width:100%;max-width:320px;text-align:center}
}
.PrgIntro{background:linear-gradient(152deg,#131121 0%,#1a1a2e 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.PrgIntro::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#50c38014 0%,transparent 70%);animation:floatSlow 20s ease-in-out infinite}
@keyframes floatSlow {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
.PrgIntro .CtrWrap{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.PrgIntro .GridSplit{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.PrgIntro .TxtZone h1{font-size:56px;line-height:1.1;color:#FFF;margin:0 0 32px;font-weight:700}
.PrgIntro .TxtZone .LeadPara{font-size:20px;line-height:1.6;color:#ffffffd9;margin:0 0 40px}
.PrgIntro .ImgFrame{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 12px 40px #50c38026}
.PrgIntro .ImgFrame img{width:100%;height:auto;display:block;filter:sepia(0.18) contrast(1.05)}
.StructArea{background:#0d0b17;padding:100px 20px;position:relative}
.StructArea .CtrWrap{max-width:1536px;margin:0 auto}
.StructArea .SecHd{text-align:center;margin-bottom:80px}
.StructArea .SecHd h2{font-size:44px;color:#FFF;margin:0 0 20px;font-weight:700}
.StructArea .SecHd .SubTxt{font-size:18px;color:#ffffffb3;max-width:720px;margin:0 auto;line-height:1.6}
.StageGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.StgCard{background:linear-gradient(135deg,#1a1828 0%,#13111f 100%);border:1px solid #50c38026;border-radius:3px;padding:36px 28px;position:relative;transition:all .3s ease}
.StgCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #50c38033;border-color:#50c38059}
.StgCard .NumTag{display:inline-block;width:48px;height:48px;background:linear-gradient(125deg,#50C380 0%,#3da368 100%);color:#131121;font-size:24px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.StgCard h3{font-size:22px;color:#FFF;margin:0 0 16px;font-weight:600}
.StgCard .DescTxt{font-size:15px;line-height:1.5;color:#ffffffbf;margin:0}
.DetailSec{background:#131121;padding:100px 20px}
.DetailSec .CtrWrap{max-width:1536px;margin:0 auto}
.DetailSec .AsyGrid{display:grid;grid-template-columns:2fr 3fr;gap:100px;align-items:start}
.DetailSec .LeftCol h2{font-size:42px;color:#FFF;margin:0 0 28px;font-weight:700}
.DetailSec .LeftCol .TagLine{font-size:18px;color:#50C380;margin:0 0 24px;font-weight:500}
.DetailSec .ImgBox{position:relative;border-radius:4px;overflow:hidden;margin-top:40px;box-shadow:0 16px 48px #0006}
.DetailSec .ImgBox img{width:100%;height:auto;display:block;filter:sepia(0.2) brightness(0.95)}
.DetailSec .RightCol{display:flex;flex-direction:column;gap:32px}
.TopicBox{background:linear-gradient(145deg,#1c1a2a 0%,#16141f 100%);border-left:3px solid #50C380;padding:32px 36px;border-radius:3px;transition:all .3s ease}
.TopicBox:hover{transform:translateX(6px);box-shadow:0 6px 20px #50c38026}
.TopicBox h4{font-size:20px;color:#FFF;margin:0 0 16px;font-weight:600}
.TopicBox .InfoPara{font-size:16px;line-height:1.6;color:#fffc;margin:0 0 20px}
.TopicBox .FocusList{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.TopicBox .FocusList li{font-size:15px;color:#ffffffbf;padding-left:24px;position:relative}
.TopicBox .FocusList li::before{content:'';position:absolute;left:0;top:8px;width:12px;height:2px;background:#50C380}
@media (max-width: 1024px) {
.PrgIntro .GridSplit{grid-template-columns:1fr;gap:60px}
.PrgIntro .TxtZone h1{font-size:44px}
.StageGrid{grid-template-columns:repeat(2,1fr);gap:20px}
.DetailSec .AsyGrid{grid-template-columns:1fr;gap:60px}
}
@media (max-width: 768px) {
.PrgIntro{padding:80px 20px 60px}
.PrgIntro .TxtZone h1{font-size:36px;margin-bottom:24px}
.PrgIntro .TxtZone .LeadPara{font-size:18px;margin-bottom:32px}
.StructArea{padding:60px 20px}
.StructArea .SecHd{margin-bottom:50px}
.StructArea .SecHd h2{font-size:32px}
.StageGrid{grid-template-columns:1fr}
.DetailSec{padding:60px 20px}
.DetailSec .LeftCol h2{font-size:32px}
.DetailSec .RightCol{gap:24px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#131121}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#50C380 0%,#3da368 100%);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5dd68f 0%,#50C380 100%);box-shadow:0 0 8px #50c38066}
.PgWrap{background:linear-gradient(145deg,#0a0812 0%,#131121 50%,#0f0d1a 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.PgWrap::before{content:'';position:absolute;top:-50%;right:-30%;width:800px;height:800px;background:radial-gradient(circle,#50c38014 0%,transparent 70%);border-radius:50%}
.PgWrap::after{content:'';position:absolute;bottom:-40%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,#50c3800d 0%,transparent 70%);border-radius:50%}
.SuccCntr{max-width:720px;width:100%;margin:0 auto;position:relative;z-index:2}
.IcnBox{width:140px;height:140px;margin:0 auto 32px;position:relative;transform:rotate(-8deg)}
.IcnBox svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #50c38066)}
.ChkCirc{fill:none;stroke:#50C380;stroke-width:3;stroke-dasharray:314;stroke-dashoffset:314;animation:drawCirc 1.2s ease-out forwards;transform-origin:center}
.ChkMark{fill:none;stroke:#FFF;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:drawCheck .6s .8s ease-out forwards}
@keyframes drawCirc {
to{stroke-dashoffset:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.TxtWrap{text-align:center;padding:0 20px}
.MainHd{font-size:42px;font-weight:700;color:#FFF;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px}
.MainHd::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,transparent 0%,#50C380 50%,transparent 100%);margin:20px auto 0;border-radius:2px}
.SubTxt{font-size:18px;color:#ffffffbf;line-height:1.6;margin:0 0 12px;max-width:540px;margin-left:auto;margin-right:auto}
.InfoTxt{font-size:16px;color:#fff9;line-height:1.5;margin:0 0 40px;max-width:480px;margin-left:auto;margin-right:auto}
.BtnGrp{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.PrimBtn{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#50C380 0%,#3da566 100%);color:#131121;text-decoration:none;font-size:16px;font-weight:600;border-radius:4px;transition:all .3s ease;box-shadow:0 4px 16px #50c38040;position:relative;z-index:10}
.PrimBtn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #50c38059;background:linear-gradient(135deg,#5cd48d 0%,#50C380 100%)}
.SecBtn{display:inline-block;padding:16px 36px;background:transparent;color:#FFF;text-decoration:none;font-size:16px;font-weight:600;border-radius:4px;border:2px solid #50c38066;transition:all .3s ease;position:relative;z-index:10}
.SecBtn:hover{border-color:#50C380;background:#50c3801a;transform:translateY(-3px)}
.GeomDeco{position:absolute;opacity:.03;pointer-events:none}
.GeomDeco:nth-of-type(1){top:10%;left:5%;width:120px;height:120px;border:2px solid #50C380;transform:rotate(25deg)}
.GeomDeco:nth-of-type(2){bottom:15%;right:8%;width:80px;height:80px;border:2px solid #50C380;border-radius:50%}
.GeomDeco:nth-of-type(3){top:40%;right:12%;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:86px solid #50C380;transform:rotate(15deg)}
@media (max-width: 768px) {
.PgWrap{padding:40px 16px}
.IcnBox{width:100px;height:100px;margin-bottom:24px}
.MainHd{font-size:32px;margin-bottom:12px}
.SubTxt{font-size:16px;margin-bottom:10px}
.InfoTxt{font-size:14px;margin-bottom:32px}
.BtnGrp{flex-direction:column;gap:12px}
.PrimBtn,.SecBtn{width:100%;text-align:center;padding:14px 28px}
.GeomDeco:nth-of-type(3){display:none}
}
@media (max-width: 480px) {
.MainHd{font-size:28px}
.IcnBox{width:80px;height:80px}
}