*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family:'Karla',sans-serif;background:#0d0d14;color:#e8e4f0}
body{display:grid;grid-template-rows:auto 1fr auto;min-height:100%}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#4b1ea126;border-radius:6px}
::-webkit-scrollbar-thumb{background:linear-gradient(#2CB795,#4B1EA1);border-radius:6px}
scrollbar-width: thin;
.HeaderOuter{background:#11111e;border-bottom:1px solid #2cb7952e;box-shadow:0 2px 18px #2cb79512 inset 0 -1px 0 #4b1ea133;position:relative;z-index:100}
.HeaderInner{max-width:1536px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.SiteLogo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.SiteLogo img{width:52px;height:52px;object-fit:contain;border-radius:4px;background:#2cb79514;padding:4px;outline:1px solid #2cb79538}
.SiteNameCenter{font-size:1.25rem;font-weight:700;letter-spacing:.08em;color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#2CB795,#4B1EA1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;text-align:center;user-select:none}
.MainNavi{display:flex;align-items:center;gap:4px;list-style:none;flex-shrink:0}
.MainNavi li a{display:block;padding:8px 14px;font-size:.875rem;font-weight:400;color:#c0bbd4;text-decoration:none;border-radius:3px;border:1px solid transparent;transition:color 0.2s,border-color 0.2s,background .2s;white-space:nowrap}
.MainNavi li a:hover{color:#2CB795;border-color:#2cb79540;background:#2cb7950f}
.MainNavi li a[data-state="active"]{color:#2CB795;border-color:#2cb79559;background:#2cb79517}
.FooterOuter{background:#0d0d14;border-top:1px solid #4b1ea147;padding:48px 0 28px}
.FooterInner{max-width:1536px;margin:auto;padding:0 32px;display:flex;flex-direction:column;align-items:center;gap:28px}
.FooterLogo{display:flex;align-items:center;gap:12px;text-decoration:none}
.FooterLogo img{width:44px;height:44px;object-fit:contain;outline:1px solid #2cb79533;border-radius:3px;background:#2cb79512;padding:3px}
.FooterLogo .FooterBrandName{font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#2CB795,#4B1EA1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.FooterContactBlock{display:flex;flex-wrap:wrap;gap:20px 36px;justify-content:center;align-items:center}
.FooterContactItem{display:flex;align-items:center;gap:8px;font-size:.825rem;color:#9993b4}
.FooterContactItem a{color:#9993b4;text-decoration:none}
.FooterContactItem a:hover{color:#2CB795}
.FooterContactIcon{width:16px;height:16px;fill:none;stroke:#2CB795;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.FooterNaviLinks{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;list-style:none}
.FooterNaviLinks li a{display:block;padding:5px 14px;font-size:.8rem;color:#7d78a0;text-decoration:none;border:1px solid #4b1ea14d;border-radius:2px;transition:color 0.2s,border-color .2s}
.FooterNaviLinks li a:hover{color:#FFEEAF;border-color:#ffeeaf59}
.FooterDivider{width:100%;max-width:520px;height:1px;background:linear-gradient(90deg,transparent,#4b1ea166,transparent);border:none;margin:0 auto}
.FooterCopyright{font-size:.775rem;color:#5a5575;text-align:center}
.CookieWrapOuter{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:9999;width:320px;background:#15152a;border:1px solid #2cb79547;border-radius:5px;box-shadow:0 8px 36px #4b1ea159 0 2px 10px #00000080;overflow:hidden}
.CookieWrapOuter[data-visible="false"]{display:none}
.CookieTabsHeado{display:flex;border-bottom:1px solid #2cb79526}
.CookieTabButt{flex:1;padding:10px 8px;font-family:'Karla',sans-serif;font-size:.78rem;font-weight:700;color:#7d78a0;background:transparent;border:none;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:color 0.2s,background .2s;border-bottom:2px solid transparent;margin-bottom:-1px}
.CookieTabButt[data-state="active"]{color:#2CB795;border-bottom-color:#2CB795;background:#2cb7950d}
.CookiePanel{padding:18px 18px 14px}
.CookiePanel[data-visible="false"]{display:none}
.CookiePanelTitle{font-size:.88rem;font-weight:700;color:#e8e4f0;margin-bottom:8px}
.CookiePanelText{font-size:.78rem;line-height:1.55;color:#8e89ad;margin-bottom:14px}
.CookiePolicyRef{display:block;font-size:.75rem;color:#2CB795;text-decoration:underline;margin-bottom:14px}
.CookieToggleRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.CookieToggleLabel{font-size:.78rem;color:#9993b4}
.CookieToggleSwitch{position:relative;width:36px;height:20px;flex-shrink:0}
.CookieToggleSwitch input{opacity:0;width:0;height:0;position:absolute}
.CookieToggleSlider{position:absolute;inset:0;background:#4b1ea159;border-radius:20px;cursor:pointer;transition:background .2s;border:1px solid #4b1ea180}
.CookieToggleSlider::before{content:'';position:absolute;width:14px;height:14px;left:2px;top:2px;background:#7d78a0;border-radius:50%;transition:transform 0.2s,background .2s}
.CookieToggleSwitch input:checked + .CookieToggleSlider{background:#2cb79540;border-color:#2cb79580}
.CookieToggleSwitch input:checked + .CookieToggleSlider::before{transform:translateX(16px);background:#2CB795}
.CookieButtonsRow{display:flex;gap:8px;margin-top:14px}
.CookieButtAccept,.CookieButtDecline{flex:1;padding:9px 8px;font-family:'Karla',sans-serif;font-size:.78rem;font-weight:700;border-radius:3px;border:1px solid transparent;cursor:pointer;letter-spacing:.03em;transition:background 0.2s,color 0.2s,border-color .2s}
.CookieButtAccept{background:linear-gradient(135deg,#2CB795,#4B1EA1);color:#fff;border-color:transparent}
.CookieButtAccept:hover{opacity:.88}
.CookieButtDecline{background:transparent;color:#8e89ad;border-color:#4b1ea166}
.CookieButtDecline:hover{color:#FFEEAF;border-color:#ffeeaf59}
@media (max-width: 768px) {
.HeaderInner{height:auto;flex-direction:column;padding:14px 20px;gap:12px;align-items:center}
.SiteNameCenter{font-size:1rem}
.MainNavi{flex-wrap:wrap;justify-content:center}
.MainNavi li a{padding:6px 10px;font-size:.8rem}
.FooterInner{padding:0 20px}
.CookieWrapOuter{width:calc(100vw - 32px);bottom:16px}
}
@media (max-width: 480px) {
.HeaderInner{padding:12px 14px}
.SiteLogo img{width:42px;height:42px}
.MainNavi li a{padding:5px 8px;font-size:.77rem}
.FooterContactBlock{gap:12px 20px}
}
@media (min-width: 1280px) {
.HeaderInner{padding:0 56px}
.FooterInner{padding:0 56px}
}
.terms-area{max-width:860px;margin:0 auto;padding:48px 32px 80px;background:#0d0d1a;color:#e8e4f0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.8;border-radius:4px;box-shadow:0 8px 40px #4b1ea140 0 2px 8px #2cb7951a}
.terms-area h1{font-size:2.4rem;font-weight:700;line-height:1.2;margin:0 0 32px;padding-bottom:20px;background:linear-gradient(135deg,#2CB795,#4B1EA1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:2px solid #2CB795;letter-spacing:-.02em}
.terms-area h2{font-size:1.75rem;font-weight:600;line-height:1.3;margin:52px 0 16px;color:#2CB795;letter-spacing:-.01em;position:relative;padding-left:16px}
.terms-area h2::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;background:linear-gradient(180deg,#2CB795,#4B1EA1);border-radius:2px}
.terms-area h3{font-size:1.35rem;font-weight:600;line-height:1.4;margin:36px 0 12px;color:#FFEEAF;letter-spacing:.01em}
.terms-area h4{font-size:1.1rem;font-weight:600;line-height:1.5;margin:28px 0 10px;color:#b8aed8;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}
.terms-area h5{font-size:.95rem;font-weight:600;line-height:1.5;margin:24px 0 8px;color:#9d94c0;letter-spacing:.04em}
.terms-area h6{font-size:.85rem;font-weight:600;line-height:1.5;margin:20px 0 8px;color:#7a6fa8;letter-spacing:.04em;text-transform:uppercase}
.terms-area p{margin:0 0 18px;color:#ccc8dc}
.terms-area em,.terms-area i{font-style:italic;color:#FFEEAF}
.terms-area strong{font-weight:600;color:#f0ecff}
.terms-area a{color:#2CB795;text-decoration:none;border-bottom:1px solid #2cb79559;transition:color .2s ease,border-color .2s ease,text-shadow .2s ease}
.terms-area a:hover{color:#5de8c8;border-bottom-color:#5de8c8b3;text-shadow:0 0 12px #2cb79566}
.terms-area a:visited{color:#9b7fd4;border-bottom-color:#9b7fd459}
.terms-area a:focus{outline:2px solid #2CB795;outline-offset:3px;border-radius:2px}
.terms-area hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#2CB795 30%,#4B1EA1 70%,transparent);margin:48px 0;opacity:.5}
.terms-area ul,.terms-area ol{margin:0 0 20px;padding-left:24px;color:#ccc8dc}
.terms-area li{margin-bottom:8px;line-height:1.75}
.terms-area ul li::marker{color:#2CB795}
.terms-area ol li::marker{color:#2CB795;font-weight:600}
.terms-area blockquote{margin:28px 0;padding:16px 24px;background:#4b1ea126;border-left:3px solid #4B1EA1;border-radius:0 4px 4px 0;color:#b8aed8;font-style:italic}
.terms-area code{font-family:'Fira Code','Consolas',monospace;font-size:.875em;background:#2cb7951a;color:#2CB795;padding:2px 6px;border-radius:3px;border:1px solid #2cb79533}
.terms-area pre{background:#0d091ecc;border:1px solid #4b1ea166;border-radius:4px;padding:20px 24px;overflow-x:auto;margin:0 0 24px}
.terms-area pre code{background:none;border:none;padding:0;font-size:.875rem}
.terms-area table{width:100%;border-collapse:collapse;margin:28px 0;font-size:.9rem;background:#0d091e80;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #4b1ea133 inset 0 1px 0 #2cb79526}
.terms-area table thead{background:linear-gradient(135deg,#4b1ea199,#2cb7954d)}
.terms-area table thead tr{border-bottom:2px solid #2cb79566}
.terms-area table thead th{padding:14px 18px;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:#FFEEAF;white-space:nowrap}
.terms-area table tbody tr{border-bottom:1px solid #4b1ea133;transition:background .15s ease}
.terms-area table tbody tr:last-child{border-bottom:none}
.terms-area table tbody tr:hover{background:#2cb7950f}
.terms-area table tbody td{padding:13px 18px;color:#ccc8dc;vertical-align:top;line-height:1.6}
.terms-area table tbody td:first-child{color:#e8e4f0;font-weight:500}
.terms-area div{box-sizing:border-box}
.terms-area div.NotiBox{background:#ffeeaf14;border:1px solid #ffeeaf40;border-radius:4px;padding:16px 20px;margin:24px 0;color:#FFEEAF;font-size:.9rem;box-shadow:inset 0 1px 3px #0003}
.terms-area div.WarnBox{background:#4b1ea126;border-left:3px solid #4B1EA1;padding:16px 20px;margin:24px 0;border-radius:0 4px 4px 0;color:#b8aed8;font-size:.9rem}
.terms-area div.InfoBox{background:#2cb79514;border-left:3px solid #2CB795;padding:16px 20px;margin:24px 0;border-radius:0 4px 4px 0;color:#a8e8da;font-size:.9rem}
@media screen and (max-width: 768px) {
.terms-area{padding:32px 20px 60px;font-size:15px}
.terms-area h1{font-size:1.9rem;margin-bottom:24px}
.terms-area h2{font-size:1.45rem;margin-top:40px}
.terms-area h3{font-size:1.2rem}
.terms-area table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.82rem}
.terms-area table thead th,.terms-area table tbody td{padding:10px 12px;white-space:nowrap}
.terms-area hr{margin:36px 0}
}
@media screen and (max-width: 480px) {
.terms-area{padding:24px 16px 48px;font-size:14px;border-radius:0}
.terms-area h1{font-size:1.6rem}
.terms-area h2{font-size:1.25rem;padding-left:12px;margin-top:32px}
.terms-area h3{font-size:1.1rem}
.terms-area blockquote{padding:12px 16px}
.terms-area div.NotiBox,.terms-area div.WarnBox,.terms-area div.InfoBox{padding:12px 14px}
}
@media screen and (min-width: 1280px) {
.terms-area{padding:64px 56px 96px;font-size:16.5px}
.terms-area h1{font-size:2.7rem}
.terms-area h2{font-size:1.9rem}
}
@media screen and (min-width: 1920px) {
.terms-area{font-size:17px;padding:72px 64px 112px}
}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0d091e66;border-radius:6px}
::-webkit-scrollbar-thumb{background:#4b1ea199;border-radius:6px;border:1px solid #2cb79533}
::-webkit-scrollbar-thumb:hover{background:#2cb79580}
.PartnerHero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0d0d1a 0%,#1a0a2e 50%,#0d1a15 100%);padding:100px 20px 0}
.PartnerHero .HeroInner{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:60px}
.PartnerHero .HeroTextSide{flex:1 1 50%;position:relative;z-index:2}
.PartnerHero .HeroTextSide .TagLine{display:inline-block;background:linear-gradient(90deg,#2CB795,#4B1EA1);color:#FFEEAF;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:2px;margin-bottom:24px}
.PartnerHero .HeroTextSide .HeroHeadMain{font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.15;color:#f0f0ff;margin:0 0 20px}
.PartnerHero .HeroTextSide .HeroHeadMain .AccentWord{background:linear-gradient(90deg,#2CB795,#FFEEAF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.PartnerHero .HeroTextSide .HeroPara{font-size:17px;line-height:1.7;color:#b0b8d0;max-width:480px;margin:0 0 36px}
.PartnerHero .HeroTextSide .HeroButtGroup{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.PartnerHero .HeroTextSide .ButtPrimary{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#2CB795,#4B1EA1);color:#fff;font-size:15px;font-weight:600;text-decoration:none;border-radius:4px;position:relative;z-index:3;box-shadow:0 4px 20px #2cb79559;transition:box-shadow 0.25s,transform .2s}
.PartnerHero .HeroTextSide .ButtPrimary:hover{box-shadow:0 8px 30px #2cb79580;transform:translateY(-2px)}
.PartnerHero .HeroTextSide .ButtOutline{display:inline-block;padding:14px 32px;border:2px solid #2CB795;color:#2CB795;font-size:15px;font-weight:600;text-decoration:none;border-radius:4px;position:relative;z-index:3;transition:background 0.25s,color .2s}
.PartnerHero .HeroTextSide .ButtOutline:hover{background:#2cb7951f;color:#FFEEAF}
.PartnerHero .HeroImgSide{flex:1 1 45%;position:relative;z-index:2}
.PartnerHero .HeroImgSide .ImgFrame{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #4b1ea166 0 4px 20px #2cb79533}
.PartnerHero .HeroImgSide .ImgFrame img{width:100%;height:380px;object-fit:cover;display:block}
.PartnerHero .HeroImgSide .ImgBadge{position:absolute;bottom:24px;left:24px;background:#0d0d1ae0;border:1px solid #2cb79566;border-radius:4px;padding:12px 18px;display:flex;flex-direction:row;align-items:center;gap:12px}
.PartnerHero .HeroImgSide .ImgBadge .BadgeNum{font-size:26px;font-weight:800;color:#2CB795}
.PartnerHero .HeroImgSide .ImgBadge .BadgeLabel{font-size:12px;color:#b0b8d0;line-height:1.4}
.PartnerHero .DecoCircle{position:absolute;border-radius:50%;opacity:.08}
.PartnerHero .DecoCircle-alt{width:400px;height:400px;background:radial-gradient(circle,#4B1EA1,transparent);top:-100px;right:-100px}
.PartnerHero .DecoCircle-secondary{width:250px;height:250px;background:radial-gradient(circle,#2CB795,transparent);bottom:60px;left:-60px}
.HeroWaveDivider{display:block;width:100%;margin-top:80px;line-height:0}
.CourseGridSection{background:#10101e;padding:90px 20px}
.CourseGridSection .GridInner{max-width:1200px;margin:0 auto}
.CourseGridSection .SectionLabel{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#2CB795;margin-bottom:12px}
.CourseGridSection .SectionHeado{font-size:clamp(26px,3vw,40px);font-weight:800;color:#eef;margin:0 0 12px;position:relative;display:inline-block}
.CourseGridSection .SectionHeado::after{content:'';position:absolute;bottom:-6px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#2CB795,#4B1EA1);border-radius:2px}
.CourseGridSection .SectionSub{font-size:16px;color:#8892b0;margin:20px 0 56px;max-width:540px;line-height:1.6}
.CourseGridSection .CardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.CourseGridSection .CourseCard{background:#15152a;border:1px solid #4b1ea14d;border-radius:6px;padding:32px 28px;position:relative;overflow:hidden;transition:border-color 0.25s,box-shadow 0.25s,transform .2s;cursor:default}
.CourseGridSection .CourseCard:hover{border-color:#2cb79580;box-shadow:0 8px 32px #2cb7951f;transform:translateY(-4px)}
.CourseGridSection .CourseCard .CardIconWrap{width:48px;height:48px;border-radius:6px;background:linear-gradient(135deg,#2cb79526,#4b1ea126);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.CourseGridSection .CourseCard .CardIconWrap svg{width:24px;height:24px}
.CourseGridSection .CourseCard .CardTitle{font-size:17px;font-weight:700;color:#eef;margin:0 0 12px;line-height:1.3}
.CourseGridSection .CourseCard .CardText{font-size:14px;color:#7a84a0;line-height:1.65;margin:0 0 20px}
.CourseGridSection .CourseCard .CardMeta{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
.CourseGridSection .CourseCard .CardMeta .MetaItem{font-size:12px;color:#2CB795;display:flex;align-items:center;gap:5px}
.CourseGridSection .CourseCard .CardLevel{position:absolute;top:20px;right:20px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:2px}
.CourseGridSection .CourseCard .CardLevel[data-state="basic"]{background:#2cb79526;color:#2CB795}
.CourseGridSection .CourseCard .CardLevel[data-state="advanced"]{background:#4b1ea133;color:#a07aff}
.CourseGridSection .CourseCard .CardLevel[data-state="pro"]{background:#ffeeaf1a;color:#FFEEAF}
.ZigzagDivider{background:#10101e;line-height:0}
.TestimonialsSection{background:linear-gradient(160deg,#0d0d1a 0%,#140d28 60%,#0a1a14 100%);padding:90px 20px;position:relative;overflow:hidden}
.TestimonialsSection .TestiInner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.TestimonialsSection .TestiHeaderRow{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:56px;flex-wrap:wrap;gap:20px}
.TestimonialsSection .TestiHeaderRow .TestiHeadGroup .Kicker{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#FFEEAF;margin-bottom:10px}
.TestimonialsSection .TestiHeaderRow .TestiHeadGroup .TestiHeadTitle{font-size:clamp(24px,3vw,38px);font-weight:800;color:#eef;margin:0;line-height:1.2}
.TestimonialsSection .TestiGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.TestimonialsSection .TestiCard{background:#15152acc;border:1px solid #4b1ea140;border-radius:6px;padding:36px 32px;position:relative}
.TestimonialsSection .TestiCard::before{content:'\201C';position:absolute;top:20px;right:28px;font-size:80px;line-height:1;color:#2cb7951f;font-style:normal}
.TestimonialsSection .TestiCard .QuoteText{font-size:15px;color:#9aa0ba;line-height:1.75;margin:0 0 28px}
.TestimonialsSection .TestiCard .AuthorRow{display:flex;flex-direction:row;align-items:center;gap:16px}
.TestimonialsSection .TestiCard .AuthorRow img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #2cb79566;flex-shrink:0}
.TestimonialsSection .TestiCard .AuthorRow .AuthorInfo .AuthorName{font-size:15px;font-weight:700;color:#eef}
.TestimonialsSection .TestiCard .AuthorRow .AuthorInfo .AuthorRole{font-size:13px;color:#2CB795;margin-top:2px}
.TestimonialsSection .TestiCard .CardStars{display:flex;flex-direction:row;gap:3px;margin-bottom:16px}
.TestimonialsSection .TestiCard .CardStars svg{width:14px;height:14px}
.TestimonialsSection .BgGlow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#4b1ea114,transparent 70%);bottom:-100px;right:-100px;pointer-events:none}
.PartnerCtaSection{background:#0d0d1a;padding:90px 20px 100px}
.PartnerCtaSection .CtaInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.PartnerCtaSection .CtaTextSide .CtaEyebrow{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#2CB795;margin-bottom:14px}
.PartnerCtaSection .CtaTextSide .CtaMainTitle{font-size:clamp(26px,3vw,42px);font-weight:800;color:#eef;line-height:1.2;margin:0 0 20px}
.PartnerCtaSection .CtaTextSide .CtaMainTitle .CtaAccent{color:#FFEEAF}
.PartnerCtaSection .CtaTextSide .CtaBody{font-size:16px;color:#7a84a0;line-height:1.7;margin:0 0 36px;max-width:460px}
.PartnerCtaSection .CtaTextSide .CtaStepList{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-direction:column;gap:16px}
.PartnerCtaSection .CtaTextSide .CtaStepList li{display:flex;flex-direction:row;align-items:flex-start;gap:14px;font-size:15px;color:#9aa0ba;line-height:1.5}
.PartnerCtaSection .CtaTextSide .CtaStepList li .StepDot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#2CB795,#4B1EA1);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px;font-size:11px;font-weight:700;color:#fff}
.PartnerCtaSection .CtaTextSide .ButtCta{display:inline-block;padding:16px 38px;background:linear-gradient(135deg,#2CB795,#4B1EA1);color:#fff;font-size:16px;font-weight:700;text-decoration:none;border-radius:4px;box-shadow:0 6px 24px #2cb7954d;transition:box-shadow 0.25s,transform .2s;position:relative;z-index:3}
.PartnerCtaSection .CtaTextSide .ButtCta:hover{box-shadow:0 10px 36px #2cb79573;transform:translateY(-2px)}
.PartnerCtaSection .CtaFormSide{background:#15152a;border:1px solid #4b1ea159;border-radius:8px;padding:40px 36px;box-shadow:0 8px 40px #4b1ea126}
.PartnerCtaSection .CtaFormSide .FormTitle{font-size:20px;font-weight:700;color:#eef;margin:0 0 24px}
.PartnerCtaSection .CtaFormSide .ContactForm{display:flex;flex-direction:column;gap:16px}
.PartnerCtaSection .CtaFormSide .ContactForm .FieldGroup{display:flex;flex-direction:column;gap:6px}
.PartnerCtaSection .CtaFormSide .ContactForm .FieldGroup label{font-size:13px;font-weight:600;color:#8892b0;letter-spacing:.5px}
.PartnerCtaSection .CtaFormSide .ContactForm .FieldGroup input,.PartnerCtaSection .CtaFormSide .ContactForm .FieldGroup select,.PartnerCtaSection .CtaFormSide .ContactForm .FieldGroup textarea{background:#0d0d1ab3;border:1px solid #4b1ea159;border-radius:4px;padding:12px 16px;font-size:14px;color:#d0d8f0;outline:none;transition:border-color 0.2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0000004d;width:100%;box-sizing:border-box}
.PartnerCtaSection .CtaFormSide .ContactForm .FieldGroup input:focus,.PartnerCtaSection .CtaFormSide .ContactForm .FieldGroup select:focus,.PartnerCtaSection .CtaFormSide .ContactForm .FieldGroup textarea:focus{border-color:#2CB795;box-shadow:inset 0 2px 4px #0000004d 0 0 0 3px #2cb7951f}
.PartnerCtaSection .CtaFormSide .ContactForm .FieldGroup select option{background:#15152a;color:#d0d8f0}
.PartnerCtaSection .CtaFormSide .ContactForm textarea{resize:vertical;min-height:90px}
.PartnerCtaSection .CtaFormSide .ContactForm .FormSubmitButt{padding:14px 24px;background:linear-gradient(135deg,#2CB795,#4B1EA1);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:4px;cursor:pointer;margin-top:6px;box-shadow:0 4px 18px #2cb7954d;transition:box-shadow 0.2s,transform .2s;position:relative;z-index:3}
.PartnerCtaSection .CtaFormSide .ContactForm .FormSubmitButt:hover{box-shadow:0 8px 28px #2cb79573;transform:translateY(-1px)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#0d0d1a80;border-radius:6px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2CB795,#4B1EA1);border-radius:6px}
@media (max-width: 1024px) {
.PartnerHero .HeroInner{flex-direction:column;gap:40px}
.PartnerHero .HeroImgSide{width:100%}
.CourseGridSection .CardsGrid{grid-template-columns:repeat(2,1fr)}
.TestimonialsSection .TestiGrid{grid-template-columns:1fr}
.PartnerCtaSection .CtaInner{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.PartnerHero{padding:70px 20px 0}
.CourseGridSection .CardsGrid{grid-template-columns:1fr}
.PartnerCtaSection .CtaFormSide{padding:28px 20px}
.TestimonialsSection .TestiHeaderRow{flex-direction:column;align-items:flex-start}
}
@media (max-width: 480px) {
.PartnerHero .HeroTextSide .HeroButtGroup{flex-direction:column}
.PartnerHero .HeroImgSide .ImgFrame img{height:240px}
.CourseGridSection{padding:60px 16px}
.TestimonialsSection{padding:60px 16px}
.PartnerCtaSection{padding:60px 16px 70px}
}
.HeroOuter{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:stretch}
.HeroInner{display:flex;flex-direction:row;width:100%;max-width:1536px;margin:auto}
.HeroTextSide{flex:1 1 55%;display:flex;flex-direction:column;justify-content:center;padding:80px 56px 80px 48px;position:relative;z-index:2;background:linear-gradient(135deg,#0d0b1a 60%,#4b1ea1d9 100%)}
.HeroImgSide{flex:1 1 45%;position:relative;min-height:420px}
.HeroImgSide img{width:100%;height:100%;object-fit:cover;display:block}
.HeroImgHaze{position:absolute;inset:0;background:linear-gradient(90deg,#0d0b1a 0%,#0d0b1a8c 40%,#4b1ea12e 100%);z-index:1}
.HeroGeoPat{position:absolute;inset:0;z-index:0;opacity:.06;pointer-events:none}
.HeroLabel{display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#2CB795;border:1px solid #2CB795;border-radius:3px;padding:4px 14px;margin-bottom:22px;width:fit-content}
.HeroHeado{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;color:#f0eaff;line-height:1.15;margin:0 0 22px}
.HeroHeado .AccentWord{color:#2CB795;position:relative;display:inline-block}
.HeroHeado .AccentWord::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:3px;background:linear-gradient(90deg,#2CB795,#4B1EA1);border-radius:2px}
.HeroPara{font-size:1.05rem;color:#b8aed4;line-height:1.7;max-width:460px;margin:0 0 34px}
.HeroButt{display:inline-block;background:linear-gradient(135deg,#2CB795,#4B1EA1);color:#fff;font-size:.97rem;font-weight:700;padding:14px 36px;border-radius:4px;text-decoration:none;border:none;cursor:pointer;transition:box-shadow 0.25s,transform .2s;box-shadow:0 4px 18px #2cb79547;position:relative;z-index:5;width:fit-content}
.HeroButt:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2cb7956b}
.FeedbackOuter{background:#100e22;padding:80px 24px}
.FeedbackInner{max-width:1200px;margin:auto}
.SectionTagLine{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:14px}
.SectionTagLine span{display:block;width:32px;height:2px;background:#2CB795;border-radius:2px}
.SectionTagLine p{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#2CB795;margin:0}
.FeedbackGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}
.FeedbackHeado{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#f0eaff;margin:0 0 12px;grid-column:1 / -1}
.FeedbackHeado em{font-style:normal;color:#FFEEAF}
.FeedbackCard{background:#1a1535;border:1px solid #2cb79526;border-radius:6px;padding:28px;position:relative;transition:border-color 0.2s,box-shadow .2s}
.FeedbackCard:hover{border-color:#2CB795;box-shadow:0 4px 20px #2cb7951f}
.FeedbackCard .QuoteIcon{color:#2CB795;font-size:2.2rem;line-height:1;margin-bottom:12px;opacity:.7}
.FeedbackCardText{font-size:.95rem;color:#c4b8e0;line-height:1.7;margin:0 0 20px}
.FeedbackCardAuthor{display:flex;flex-direction:row;align-items:center;gap:12px}
.FeedbackCardAuthor img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #4B1EA1}
.FeedbackCardAuthorInfo strong{display:block;font-size:.92rem;color:#f0eaff;font-weight:700}
.FeedbackCardAuthorInfo span{font-size:.82rem;color:#7b6fa0}
.FeedbackSideText{display:flex;flex-direction:column;justify-content:center;gap:18px}
.FeedbackSideText p{font-size:1rem;color:#b8aed4;line-height:1.7;margin:0}
.FeedbackStat{display:flex;flex-direction:row;gap:24px;margin-top:8px}
.FeedbackStatItem strong{display:block;font-size:1.9rem;font-weight:800;color:#2CB795}
.FeedbackStatItem span{font-size:.82rem;color:#7b6fa0;text-transform:uppercase;letter-spacing:1.5px}
.ProConnectOuter{background:linear-gradient(160deg,#0d0b1a 0%,#1a1535 100%);padding:80px 24px;position:relative;overflow:hidden}
.ProConnectDeco{position:absolute;right:-80px;top:-60px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#4b1ea138 0%,transparent 70%);pointer-events:none}
.ProConnectInner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ProConnectImg{position:relative;border-radius:6px;overflow:hidden}
.ProConnectImg img{width:100%;height:360px;object-fit:cover;display:block;border-radius:6px}
.ProConnectImgBorder{position:absolute;inset:0;border-radius:6px;border:2px solid #2cb79540;pointer-events:none}
.ProConnectImg::before{content:'';position:absolute;left:-14px;bottom:-14px;width:100%;height:100%;border:2px solid #4b1ea166;border-radius:6px;z-index:0}
.ProConnectContent{display:flex;flex-direction:column;gap:18px}
.ProConnectContent h2{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;color:#f0eaff;margin:0;line-height:1.2}
.ProConnectContent h2 span{color:#4B1EA1;background:linear-gradient(90deg,#2CB795,#FFEEAF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ProConnectContent p{font-size:.97rem;color:#b8aed4;line-height:1.7;margin:0}
.ProConnectList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.ProConnectList li{display:flex;flex-direction:row;align-items:flex-start;gap:12px;font-size:.95rem;color:#c4b8e0;line-height:1.5}
.ProConnectList li::before{content:'';display:block;min-width:8px;height:8px;border-radius:50%;background:#2CB795;margin-top:7px}
.TransparOuter{background:#0d0b1a;padding:80px 24px}
.TransparInner{max-width:1200px;margin:auto}
.TransparHeado{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#f0eaff;margin:0 0 10px}
.TransparHeado span{color:#FFEEAF}
.TransparSubtext{font-size:.97rem;color:#b8aed4;max-width:560px;line-height:1.7;margin:0 0 44px}
.TransparAccordion{display:flex;flex-direction:column;gap:0;border:1px solid #2cb79524;border-radius:6px;overflow:hidden}
.TransparAccordion input[type="radio"]{display:none}
.TransparAccItem{border-bottom:1px solid #2cb7951a}
.TransparAccItem:last-child{border-bottom:none}
.TransparAccLabel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:22px 28px;cursor:pointer;background:#131028;color:#e0d8f5;font-size:1rem;font-weight:600;transition:background .2s;gap:16px}
.TransparAccLabel:hover{background:#1a1535}
.TransparAccLabel .AccToggle{width:22px;height:22px;min-width:22px;border-radius:50%;border:2px solid #2CB795;display:flex;align-items:center;justify-content:center;color:#2CB795;font-size:1.1rem;font-weight:700;transition:background 0.2s,color .2s;line-height:1}
.TransparAccBody{max-height:0;overflow:hidden;transition:max-height .35s ease;background:#1a1535}
.TransparAccBodyInner{padding:0 28px 22px;font-size:.95rem;color:#b8aed4;line-height:1.75}
input[name="transpar-acc"]:checked + .TransparAccLabel{background:#1a1535;color:#2CB795}
input[name="transpar-acc"]:checked + .TransparAccLabel .AccToggle{background:#2CB795;color:#0d0b1a}
input[name="transpar-acc"]:checked ~ .TransparAccBody{max-height:220px}
.CareerOuter{background:linear-gradient(135deg,#131028 0%,#1a1535 55%,#0d0b1a 100%);padding:80px 24px;position:relative;overflow:hidden}
.CareerInner{max-width:1200px;margin:auto}
.CareerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.CareerCard{background:#0d0b1abf;border:1px solid #4b1ea14d;border-radius:6px;padding:32px 24px;display:flex;flex-direction:column;gap:14px;transition:border-color 0.25s,transform .2s;position:relative;overflow:hidden}
.CareerCard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2CB795,#4B1EA1);opacity:0;transition:opacity .25s}
.CareerCard:hover{border-color:#2cb79573;transform:translateY(-4px)}
.CareerCard:hover::before{opacity:1}
.CareerCardIcon{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#2cb7952e,#4b1ea12e);display:flex;align-items:center;justify-content:center}
.CareerCardIcon svg{width:22px;height:22px}
.CareerCard h4{font-size:1.05rem;font-weight:700;color:#f0eaff;margin:0}
.CareerCard p{font-size:.88rem;color:#9587bb;line-height:1.65;margin:0}
.CareerHeado{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#f0eaff;margin:0 0 10px}
.CareerHeado span{color:#2CB795}
.CareerSubtext{font-size:.97rem;color:#b8aed4;line-height:1.7;max-width:540px;margin:0}
.ExtraOuter{background:#0d0b1a;padding:80px 24px}
.ExtraInner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.ExtraContent h2{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:#f0eaff;margin:0 0 14px;line-height:1.25}
.ExtraContent h2 em{font-style:normal;color:#FFEEAF}
.ExtraContent p{font-size:.97rem;color:#b8aed4;line-height:1.7;margin:0 0 28px}
.ExtraOptions{display:flex;flex-direction:column;gap:16px}
.ExtraOptionCard{background:#131028;border-left:3px solid #4B1EA1;border-radius:0 4px 4px 0;padding:18px 22px;transition:border-left-color .2s}
.ExtraOptionCard:hover{border-left-color:#2CB795}
.ExtraOptionCard strong{display:block;font-size:.97rem;color:#e0d8f5;margin-bottom:6px}
.ExtraOptionCard span{font-size:.87rem;color:#7b6fa0;line-height:1.55;display:block}
.ExtraImgWrap{position:relative}
.ExtraImgWrap img{width:100%;height:400px;object-fit:cover;border-radius:6px;display:block}
.ExtraImgBadge{position:absolute;bottom:20px;left:20px;background:#0d0b1ae6;border:1px solid #2cb79559;border-radius:4px;padding:12px 18px;backdrop-filter:blur(6px)}
.ExtraImgBadge strong{display:block;font-size:1.3rem;font-weight:800;color:#2CB795}
.ExtraImgBadge span{font-size:.78rem;color:#9587bb;text-transform:uppercase;letter-spacing:1.5px}
.SocialRespOuter{background:linear-gradient(160deg,#1a1535 0%,#100e22 100%);padding:80px 24px;position:relative}
.SocialRespInner{max-width:1200px;margin:auto;display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.SocialRespImg{position:relative}
.SocialRespImg img{width:100%;height:320px;object-fit:cover;border-radius:6px;display:block}
.SocialRespImgOverlay{position:absolute;inset:0;background:linear-gradient(135deg,#2cb7951f,#4b1ea138);border-radius:6px;pointer-events:none}
.SocialRespContent h2{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:#f0eaff;margin:0 0 14px}
.SocialRespContent h2 span{color:#2CB795}
.SocialRespContent p{font-size:.97rem;color:#b8aed4;line-height:1.7;margin:0 0 24px}
.SocialRespPillars{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.SocialRespPillar{background:#0d0b1aa6;border:1px solid #4b1ea147;border-radius:5px;padding:16px 18px}
.SocialRespPillar strong{display:block;font-size:.9rem;color:#FFEEAF;margin-bottom:5px;font-weight:700}
.SocialRespPillar span{font-size:.82rem;color:#7b6fa0;line-height:1.5;display:block}
.SocialRespCta{margin-top:28px}
.SocialRespCta a{display:inline-block;background:transparent;border:2px solid #2CB795;color:#2CB795;font-size:.95rem;font-weight:700;padding:12px 30px;border-radius:4px;text-decoration:none;transition:background 0.22s,color .22s}
.SocialRespCta a:hover{background:#2CB795;color:#0d0b1a}
@media (max-width: 1024px) {
.HeroInner{flex-direction:column}
.HeroTextSide{padding:56px 32px;flex:none}
.HeroImgSide{min-height:280px;flex:none}
.ProConnectInner{grid-template-columns:1fr;gap:32px}
.CareerGrid{grid-template-columns:1fr 1fr}
.ExtraInner{grid-template-columns:1fr}
.SocialRespInner{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.HeroTextSide{padding:40px 20px}
.FeedbackGrid{grid-template-columns:1fr}
.CareerGrid{grid-template-columns:1fr}
.SocialRespPillars{grid-template-columns:1fr}
.TransparAccLabel{padding:18px;font-size:.93rem}
.TransparAccBodyInner{padding:0 18px 18px}
}
@media (max-width: 480px) {
.HeroHeado{font-size:1.7rem}
.FeedbackStat{flex-direction:column;gap:12px}
.ExtraImgBadge{left:12px;bottom:12px}
}
.ContactOuter{background:#0d0d1a;min-height:100px}
.TitleBlockOuter{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:stretch}
.TitleBlockInner{display:flex;flex-direction:row;width:100%;max-width:1536px;margin:0 auto;align-items:stretch;min-height:420px}
.TitleBlockTextSide{flex:1 1 55%;padding:72px 56px 72px 48px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.TitleBlockTextSide::after{content:'';position:absolute;right:-40px;top:0;bottom:0;width:80px;background:linear-gradient(to right,#0d0d1a,transparent);z-index:3}
.TitleBlockImgSide{flex:1 1 45%;position:relative;overflow:hidden;min-height:320px}
.TitleBlockImgSide img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(0.35) brightness(0.6);display:block}
.TitleBlockImgSide::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#4b1ea18c 0%,#2cb7952e 100%);z-index:1}
.TitleBlockGazeDecor{position:absolute;left:-30px;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:8px;align-items:center}
.TitleBlockGazeDecor span{display:block;width:4px;border-radius:2px;background:linear-gradient(#2CB795,#4B1EA1)}
.TitleBlockGazeDecor span:nth-child(1){height:48px;opacity:1}
.TitleBlockGazeDecor span:nth-child(2){height:28px;opacity:.65}
.TitleBlockGazeDecor span:nth-child(3){height:14px;opacity:.35}
.TitleBlockLabel{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#2CB795;margin-bottom:18px}
.TitleBlockLabel svg{flex-shrink:0}
.TitleBlockHeadMain{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.12;color:#f5f0ff;margin:0 0 16px;position:relative}
.TitleBlockHeadMain .AccentWord{background:linear-gradient(90deg,#2CB795,#4B1EA1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.TitleBlockHeadSec{font-size:clamp(1rem,2vw,1.25rem);font-weight:500;color:#FFEEAF;margin:0 0 22px;line-height:1.4}
.TitleBlockDesc{font-size:.97rem;line-height:1.7;color:#f5f0ffb8;max-width:480px;margin:0}
.ContactInfoOuter{padding:72px 24px;background:#0d0d1a}
.ContactInfoInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}
.ContactInfoCard{background:linear-gradient(145deg,#13102b 0%,#0f1c1a 100%);border:1px solid #2cb7952e;border-radius:4px;padding:36px 32px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:border-color 0.3s,box-shadow .3s}
.ContactInfoCard:hover{border-color:#2cb7958c;box-shadow:0 8px 32px #2cb79521}
.ContactInfoCard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2CB795,#4B1EA1)}
.ContactCardIconWrap{width:48px;height:48px;border-radius:3px;background:#2cb7951a;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ContactCardTitle{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#2CB795;margin:0}
.ContactCardValue{font-size:1.05rem;font-weight:600;color:#f5f0ff;margin:0;line-height:1.5}
.ContactCardNote{font-size:.85rem;color:#f5f0ff80;margin:0;line-height:1.5}
.ContactCardLink{color:#2CB795;text-decoration:none;transition:color .2s}
.ContactCardLink:hover{color:#FFEEAF}
.FormSectionOuter{padding:0 24px 88px;background:#0d0d1a}
.FormSectionInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.FormSideInfo{display:flex;flex-direction:column;gap:28px;padding-top:8px}
.FormSideHeading{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:#f5f0ff;margin:0 0 8px;line-height:1.2;position:relative;padding-bottom:18px}
.FormSideHeading::after{content:'';position:absolute;bottom:0;left:0;width:56px;height:3px;background:linear-gradient(90deg,#2CB795,#4B1EA1);border-radius:2px}
.FormSideText{font-size:.95rem;line-height:1.75;color:#f5f0ffad;margin:0}
.FormSidePartnersNote{background:#4b1ea12e;border-left:3px solid #4B1EA1;border-radius:0 4px 4px 0;padding:18px 20px;font-size:.9rem;color:#f5f0ffbf;line-height:1.65}
.FormSidePartnersNote a{color:#FFEEAF;text-decoration:none;font-weight:600;transition:color .2s}
.FormSidePartnersNote a:hover{color:#2CB795}
.FormSideHours{display:flex;flex-direction:column;gap:6px}
.FormSideHoursTitle{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2CB795;margin-bottom:6px}
.FormSideHoursRow{display:flex;justify-content:space-between;font-size:.88rem;color:#f5f0ff99;padding:4px 0;border-bottom:1px solid #ffffff0d}
.FormSideHoursRow .HrDay{font-weight:500;color:#f5f0ffcc}
.ContactFormWrap{background:linear-gradient(160deg,#13102b 0%,#0a1714 100%);border:1px solid #2cb79526;border-radius:6px;padding:48px 40px;position:relative;overflow:hidden}
.ContactFormWrap::after{content:'';position:absolute;bottom:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#2cb79514 0%,transparent 70%);pointer-events:none}
.FormHeadoInner{margin-bottom:32px}
.FormHeadoTitle{font-size:1.2rem;font-weight:700;color:#f5f0ff;margin:0 0 6px}
.FormHeadoSub{font-size:.85rem;color:#f5f0ff80;margin:0}
.FormFieldGroup{display:flex;flex-direction:column;gap:22px;margin-bottom:28px}
.FormFieldRow{display:flex;flex-direction:column;gap:8px}
.FormFieldRow label{font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f5f0ffa6}
.FormFieldRow input[type="text"],.FormFieldRow input[type="tel"],.FormFieldRow select{background:#ffffff0a;border:1px solid #2cb79538;border-radius:3px;padding:14px 18px;font-size:.97rem;color:#f5f0ff;outline:none;transition:border-color 0.25s,box-shadow .25s;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.FormFieldRow input[type="text"]::placeholder,.FormFieldRow input[type="tel"]::placeholder{color:#f5f0ff47}
.FormFieldRow input[type="text"]:focus,.FormFieldRow input[type="tel"]:focus,.FormFieldRow select:focus{border-color:#2CB795;box-shadow:0 0 0 3px #2cb7951f inset 0 1px 3px #00000059}
.SelectWrap{position:relative}
.SelectWrap select{padding-right:40px;cursor:pointer;background-color:#13102bf2}
.SelectWrap::after{content:'';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #2CB795;pointer-events:none}
.SelectWrap select option{background:#13102b;color:#f5f0ff}
.FormRadioGroup{display:flex;flex-direction:column;gap:8px}
.FormRadioGroup label{text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:400;color:#f5f0ffb3}
.RadioOptRow{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap}
.RadioOpt{display:flex;align-items:center;gap:9px;cursor:pointer;padding:10px 18px;border:1px solid #2cb79533;border-radius:3px;background:#ffffff08;transition:border-color 0.2s,background .2s;position:relative}
.RadioOpt:hover{border-color:#2CB795;background:#2cb79512}
.RadioOpt input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.RadioDot{width:16px;height:16px;border-radius:50%;border:2px solid #2cb79580;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s}
.RadioDot::after{content:'';width:7px;height:7px;border-radius:50%;background:#2CB795;opacity:0;transition:opacity .2s}
.RadioOpt input[type="radio"]:checked ~ .RadioDot{border-color:#2CB795}
.RadioOpt input[type="radio"]:checked ~ .RadioDot::after{opacity:1}
.RadioOpt input[type="radio"]:checked ~ .RadioLabel{color:#f5f0ff}
.RadioLabel{font-size:.88rem;color:#f5f0ffa6;font-weight:500;transition:color .2s;user-select:none}
.FormPrivacyRow{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}
.FormPrivacyRow input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:#2CB795;cursor:pointer}
.FormPrivacyText{font-size:.83rem;color:#f5f0ff8c;line-height:1.6}
.FormPrivacyText a{color:#2CB795;text-decoration:underline;text-underline-offset:2px;transition:color .2s}
.FormPrivacyText a:hover{color:#FFEEAF}
.FormSubmitButt{width:100%;padding:16px 32px;background:linear-gradient(90deg,#2CB795,#4B1EA1);border:none;border-radius:3px;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;position:relative;z-index:2;transition:opacity 0.25s,box-shadow 0.25s,transform .15s;box-shadow:0 4px 20px #2cb79540}
.FormSubmitButt:hover{opacity:.9;box-shadow:0 8px 28px #2cb79561;transform:translateY(-1px)}
.FormSubmitButt:active{transform:translateY(0);box-shadow:0 3px 12px #2cb79533}
.WaveDivider{width:100%;overflow:hidden;line-height:0;background:#0d0d1a}
.WaveDivider svg{display:block;width:100%}
@media (max-width: 1024px) {
.TitleBlockInner{flex-direction:column;min-height:auto}
.TitleBlockTextSide{flex:none;padding:56px 36px}
.TitleBlockTextSide::after{display:none}
.TitleBlockImgSide{flex:none;height:280px}
.ContactInfoInner{grid-template-columns:1fr 1fr}
.FormSectionInner{grid-template-columns:1fr;gap:40px}
.FormSideInfo{padding-top:0}
}
@media (max-width: 768px) {
.ContactInfoInner{grid-template-columns:1fr;gap:20px}
.TitleBlockTextSide{padding:40px 24px}
.ContactInfoOuter{padding:48px 16px}
.FormSectionOuter{padding:0 16px 64px}
.ContactFormWrap{padding:32px 24px}
.RadioOptRow{flex-direction:column;gap:8px}
}
@media (max-width: 480px) {
.TitleBlockImgSide{height:200px}
.TitleBlockGazeDecor{display:none}
.FormSectionInner{gap:28px}
}
@media (min-width: 1280px) {
.TitleBlockTextSide{padding:88px 64px 88px 56px}
}
.ProgramOuter{background:#0d0d1a;min-height:100px}
.HeroStage{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:flex-end}
.HeroStage .FrameImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.HeroStage .LayerTop{position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(to bottom,#0d0d1a 0%,transparent 100%);z-index:1}
.HeroStage .LayerBot{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#0d0d1a 0%,#0d0d1ab3 60%,transparent 100%);z-index:1}
.HeroStage .CornerTL,.HeroStage .CornerTR,.HeroStage .CornerBL,.HeroStage .CornerBR{position:absolute;width:40px;height:40px;z-index:3}
.HeroStage .CornerTL{top:20px;left:20px;border-top:1.5px solid #2CB795;border-left:1.5px solid #2CB795}
.HeroStage .CornerTR{top:20px;right:20px;border-top:1.5px solid #4B1EA1;border-right:1.5px solid #4B1EA1}
.HeroStage .CornerBL{bottom:20px;left:20px;border-bottom:1.5px solid #4B1EA1;border-left:1.5px solid #4B1EA1}
.HeroStage .CornerBR{bottom:20px;right:20px;border-bottom:1.5px solid #2CB795;border-right:1.5px solid #2CB795}
.HeroStage .HeroInner{position:relative;z-index:2;width:100%;max-width:1536px;margin:0 auto;padding:60px 40px 64px}
.HeroStage .HeroInner .HeadoBadge{display:inline-flex;align-items:center;gap:8px;background:#2cb7951f;border:1px solid #2cb79559;border-radius:4px;padding:5px 14px;margin-bottom:22px}
.HeroStage .HeroInner .HeadoBadge span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#2CB795}
.HeroStage .HeroInner .HeroTitle{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.15;color:#f5f5f7;max-width:680px;margin:0 0 20px}
.HeroStage .HeroInner .HeroTitle .AccentWord{color:#2CB795;position:relative}
.HeroStage .HeroInner .HeroTitle .AccentWord::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:2px;background:linear-gradient(90deg,#2CB795,#4B1EA1);border-radius:2px}
.HeroStage .HeroInner .HeroSub{font-size:1.05rem;line-height:1.65;color:#b0b8cc;max-width:520px;margin:0 0 32px}
.HeroStage .HeroInner .HeroButt{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#2CB795,#4B1EA1);color:#fff;text-decoration:none;font-size:.95rem;font-weight:600;padding:13px 28px;border-radius:5px;transition:opacity 0.2s,transform .2s;position:relative;z-index:5}
.HeroStage .HeroInner .HeroButt:hover{opacity:.88;transform:translateY(-2px)}
.BlockSurface{background:#0d0d1a;padding:80px 0}
.BlockSurface-alt{background:#11112a;padding:80px 0}
.CanvasInner{max-width:1536px;margin:0 auto;padding:0 40px}
.SectionHeado{font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700;color:#f0f0f8;margin:0 0 10px;line-height:1.25}
.SectionHeado .MarkGreen{color:#2CB795}
.SectionLead{font-size:.98rem;line-height:1.65;color:#8e96b0;max-width:500px;margin:0 0 40px}
.ModulesGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;background:#4b1ea133;border-radius:6px;overflow:hidden}
.ModuleCard{background:#13132a;padding:30px 26px;display:flex;flex-direction:column;gap:12px;transition:background .2s}
.ModuleCard:hover{background:#1a1a35}
.ModuleCard .CardNum{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#4B1EA1;font-weight:700}
.ModuleCard .CardIcon{width:38px;height:38px;background:linear-gradient(135deg,#2cb79526,#4b1ea133);border-radius:4px;display:flex;align-items:center;justify-content:center}
.ModuleCard .CardIcon svg{width:20px;height:20px}
.ModuleCard .CardTitle{font-size:1rem;font-weight:700;color:#e8e8f5;line-height:1.3;margin:0}
.ModuleCard .CardDesc{font-size:.88rem;line-height:1.6;color:#7a82a0;margin:0}
.ModuleCard .CardTag{display:inline-block;font-size:.75rem;color:#2CB795;background:#2cb7951a;border-radius:3px;padding:3px 10px;margin-top:auto}
.SplitFrame{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.SplitFrame .FrameLeft{display:flex;flex-direction:column;gap:20px}
.SplitFrame .FrameRight{position:relative}
.SplitFrame .FrameRight .PortraitWrap{position:relative;border-radius:6px;overflow:hidden}
.SplitFrame .FrameRight .PortraitWrap img{width:100%;height:360px;object-fit:cover;object-position:top center;display:block;border-radius:6px}
.SplitFrame .FrameRight .PortraitWrap::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#2cb7952e,#4b1ea138);z-index:1;border-radius:6px}
.SplitFrame .FrameRight .StatPill{position:absolute;bottom:-18px;left:20px;background:#1e1e3a;border:1px solid #2cb7954d;border-radius:5px;padding:12px 18px;z-index:2;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #2cb7951f}
.SplitFrame .FrameRight .StatPill .StatVal{font-size:1.5rem;font-weight:800;color:#2CB795;line-height:1}
.SplitFrame .FrameRight .StatPill .StatLbl{font-size:.75rem;color:#7a82a0}
.StepList{display:flex;flex-direction:column;gap:0}
.StepItem{display:flex;align-items:flex-start;gap:18px;padding:18px 0;border-bottom:1px solid #ffffff0d}
.StepItem:last-child{border-bottom:none}
.StepItem .StepDot{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2CB795,#4B1EA1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.78rem;font-weight:700;color:#fff}
.StepItem .StepText{display:flex;flex-direction:column;gap:4px}
.StepItem .StepText strong{font-size:.95rem;color:#e0e0f0;font-weight:600}
.StepItem .StepText span{font-size:.85rem;color:#6e7590;line-height:1.55}
.TestimFrame{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.TestimCard{background:#141428;border:1px solid #4b1ea140;border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}
.TestimCard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2CB795,#4B1EA1)}
.TestimCard .QuoteText{font-size:.92rem;line-height:1.7;color:#9098b8;font-style:italic;margin:0}
.TestimCard .QuoteAuthor{display:flex;align-items:center;gap:12px}
.TestimCard .QuoteAuthor img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top center;border:2px solid #2cb79559}
.TestimCard .QuoteAuthor .AuthorInfo{display:flex;flex-direction:column;gap:2px}
.TestimCard .QuoteAuthor .AuthorInfo strong{font-size:.88rem;color:#dde0f0}
.TestimCard .QuoteAuthor .AuthorInfo span{font-size:.77rem;color:#5e6480}
.CtaBanner{background:linear-gradient(135deg,#0f1f2e 0%,#1a0a2e 100%);border:1px solid #2cb79533;border-radius:8px;padding:52px 48px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:32px;margin-top:64px;position:relative;overflow:hidden}
.CtaBanner::after{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,#2cb7951f 0%,transparent 70%);pointer-events:none}
.CtaBanner .BannerText{display:flex;flex-direction:column;gap:10px;max-width:520px}
.CtaBanner .BannerText h3{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;color:#f0f0f8;margin:0;line-height:1.3}
.CtaBanner .BannerText p{font-size:.92rem;color:#7a82a0;margin:0;line-height:1.6}
.CtaBanner .BannerButts{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.CtaBanner .ButtPrimary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2CB795,#4B1EA1);color:#fff;text-decoration:none;font-size:.93rem;font-weight:600;padding:13px 26px;border-radius:5px;transition:opacity 0.2s,transform .2s;white-space:nowrap}
.CtaBanner .ButtPrimary:hover{opacity:.88;transform:translateY(-2px)}
.CtaBanner .ButtSecondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2cb79566;color:#2CB795;text-decoration:none;font-size:.88rem;font-weight:500;padding:11px 26px;border-radius:5px;transition:background 0.2s,border-color .2s;white-space:nowrap}
.CtaBanner .ButtSecondary:hover{background:#2cb79514;border-color:#2CB795}
.DividerWave{line-height:0;overflow:hidden}
.DividerWave svg{display:block;width:100%}
@media (max-width: 1024px) {
.ModulesGrid{grid-template-columns:1fr 1fr}
.SplitFrame{grid-template-columns:1fr;gap:48px}
.SplitFrame .FrameRight .StatPill{bottom:16px}
.CtaBanner{flex-direction:column;padding:40px 32px}
.CtaBanner .BannerText{max-width:100%}
.CtaBanner .BannerButts{flex-direction:row;width:100%}
}
@media (max-width: 768px) {
.HeroStage .HeroInner{padding:48px 24px 52px}
.CanvasInner{padding:0 24px}
.BlockSurface,.BlockSurface-alt{padding:56px 0}
.ModulesGrid{grid-template-columns:1fr}
.TestimFrame{grid-template-columns:1fr}
.SplitFrame .FrameRight .PortraitWrap img{height:260px}
.CtaBanner{padding:32px 24px}
.CtaBanner .BannerButts{flex-direction:column}
}
@media (max-width: 480px) {
.HeroStage{min-height:420px}
.HeroStage .HeroInner .HeroTitle{font-size:1.75rem}
.CtaBanner{padding:28px 20px}
}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#0d0d1a99}
::-webkit-scrollbar-thumb{background:linear-gradient(#2CB795,#4B1EA1);border-radius:6px}
.TipPageOuter{background:#0d0d1a;overflow-x:hidden}
.TitleStageOuter{position:relative;padding:100px 24px 80px;overflow:hidden}
.TitleStageOuter::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#0d0d1a 0%,#1a0d2e 40%,#0d1f1a 100%);z-index:0}
.TitleStageOuter::after{content:'';position:absolute;top:-80px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#2cb7952e 0%,transparent 70%);animation:PulseSlow 6s ease-in-out infinite alternate;z-index:0}
@keyframes PulseSlow {
0%{transform:scale(1);opacity:.6}
100%{transform:scale(1.2);opacity:1}
}
.TitleStageInner{position:relative;z-index:2;max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.TitleStageInner .TagBadge{display:inline-flex;align-items:center;gap:8px;background:#2cb7951f;border:1px solid #2cb79559;border-radius:4px;padding:6px 14px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#2CB795}
.TitleStageInner .HeadoMain{font-size:clamp(32px,5vw,62px);font-weight:800;line-height:1.15;color:#f0eeff;margin:0}
.TitleStageInner .HeadoMain .AccentWord{background:linear-gradient(90deg,#2CB795,#4B1EA1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.TitleStageInner .QuoteLayer{border-left:3px solid #2CB795;padding-left:20px;max-width:600px}
.TitleStageInner .QuoteLayer p{font-size:17px;line-height:1.65;color:#f0eeffb8;margin:0;font-style:italic}
.TitleStageInner .QuoteLayer cite{display:block;margin-top:10px;font-size:13px;color:#2CB795;font-style:normal;letter-spacing:.5px}
.DecorLineRow{display:flex;align-items:center;gap:12px;width:100%}
.DecorLineRow span{height:2px;border-radius:2px}
.DecorLineRow .LineShort{width:40px;background:#4B1EA1}
.DecorLineRow .LineLong{width:120px;background:linear-gradient(90deg,#2CB795,transparent)}
.DecorLineRow .LineDot{width:8px;height:8px;border-radius:50%;background:#FFEEAF;flex-shrink:0}
.DecorBlobLeft{position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#4b1ea138 0%,transparent 70%);z-index:0}
.TipsGridOuter{padding:80px 24px 60px;background:#0d0d1a;position:relative}
.TipsGridOuter::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#2CB795,#4B1EA1,transparent)}
.TipsGridInner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:56px}
.TipsGridInner .SectionHeadRow{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.TipsGridInner .SectionHeadRow h2{font-size:clamp(22px,3.5vw,36px);font-weight:700;color:#f0eeff;margin:0;line-height:1.2;position:relative}
.TipsGridInner .SectionHeadRow h2::after{content:'';display:block;width:48px;height:3px;background:linear-gradient(90deg,#2CB795,#4B1EA1);border-radius:2px;margin-top:10px}
.TipsGridInner .SectionHeadRow p{font-size:15px;color:#f0eeff8c;margin:0;max-width:380px;line-height:1.6;text-align:right}
.TipCardsCanvas{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.TipCard{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:28px 24px;display:flex;flex-direction:column;gap:16px;transition:border-color 0.3s,box-shadow 0.3s,transform .3s;cursor:default}
.TipCard:hover{border-color:#2cb79566;box-shadow:0 8px 32px #2cb7951f;transform:translateY(-4px)}
.TipCard .CardNumTag{width:36px;height:36px;border-radius:4px;background:linear-gradient(135deg,#2CB795,#4B1EA1);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}
.TipCard h4{font-size:16px;font-weight:700;color:#f0eeff;margin:0;line-height:1.35}
.TipCard p{font-size:14px;line-height:1.65;color:#f0eeff9e;margin:0;flex:1}
.TipCard .TagPill{display:inline-block;padding:3px 10px;background:#ffeeaf1a;border:1px solid #ffeeaf33;border-radius:3px;font-size:11px;color:#FFEEAF;letter-spacing:.6px;text-transform:uppercase;align-self:flex-start}
.FeatureSplitOuter{padding:80px 24px;background:#0d0d1a;position:relative}
.FeatureSplitOuter::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#4b1ea199,transparent)}
.FeatureSplitInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.FeatureSplitInner .VisualFrame{position:relative}
.FeatureSplitInner .VisualFrame .ImgWrapper{position:relative;border-radius:6px;overflow:hidden}
.FeatureSplitInner .VisualFrame .ImgWrapper::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#2cb79533 0%,#4b1ea159 100%)}
.FeatureSplitInner .VisualFrame img{width:100%;height:380px;object-fit:cover;display:block}
.FeatureSplitInner .VisualFrame .FloatCard{position:absolute;bottom:-20px;right:-20px;background:#1a0d2e;border:1px solid #2cb7954d;border-radius:6px;padding:16px 20px;z-index:3;box-shadow:0 8px 24px #0006}
.FeatureSplitInner .VisualFrame .FloatCard .StatNum{font-size:28px;font-weight:800;color:#2CB795;line-height:1}
.FeatureSplitInner .VisualFrame .FloatCard .StatLabel{font-size:12px;color:#f0eeff99;margin-top:4px;line-height:1.4}
.FeatureSplitInner .TextFrame{display:flex;flex-direction:column;gap:24px}
.FeatureSplitInner .TextFrame h2{font-size:clamp(24px,3.2vw,38px);font-weight:800;color:#f0eeff;margin:0;line-height:1.2}
.FeatureSplitInner .TextFrame h2 .HighlightText{color:#2CB795}
.FeatureSplitInner .TextFrame .IntroDesc{font-size:15px;line-height:1.7;color:#f0eeffa6;margin:0}
.StepListCanvas{display:flex;flex-direction:column;gap:16px}
.StepListCanvas .StepRow{display:flex;flex-direction:row;align-items:flex-start;gap:16px}
.StepListCanvas .StepRow .StepDot{width:10px;height:10px;border-radius:50%;background:#2CB795;flex-shrink:0;margin-top:6px;box-shadow:0 0 8px #2cb79580}
.StepListCanvas .StepRow .StepText{display:flex;flex-direction:column;gap:3px}
.StepListCanvas .StepRow .StepText strong{font-size:14px;font-weight:700;color:#f0eeff}
.StepListCanvas .StepRow .StepText span{font-size:13px;color:#f0eeff8c;line-height:1.55}
.CtaButtonStage{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,#2CB795,#4B1EA1);color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:14px 28px;border-radius:5px;align-self:flex-start;transition:opacity 0.25s,transform .25s;z-index:5;position:relative;letter-spacing:.3px}
.CtaButtonStage:hover{opacity:.88;transform:translateY(-2px)}
.CtaButtonStage svg{flex-shrink:0}
.TestiSplitOuter{padding:80px 24px 100px;background:linear-gradient(160deg,#0d0d1a 0%,#0f0a1e 60%,#0a1a15 100%);position:relative;overflow:hidden}
.TestiSplitOuter::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#2CB795,transparent)}
.TestiSplitOuter::after{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#4b1ea126 0%,transparent 70%);pointer-events:none}
.TestiSplitInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:2}
.TestiSplitInner .TestiContent{display:flex;flex-direction:column;gap:32px}
.TestiSplitInner .TestiContent h2{font-size:clamp(22px,3vw,34px);font-weight:800;color:#f0eeff;margin:0;line-height:1.25}
.TestiSplitInner .TestiContent h2 .NeonAccent{background:linear-gradient(90deg,#FFEEAF,#2CB795);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.QuoteBlockStage{background:#ffffff0a;border:1px solid #2cb79533;border-radius:6px;padding:30px;display:flex;flex-direction:column;gap:20px;position:relative}
.QuoteBlockStage::before{content:'"';position:absolute;top:12px;left:24px;font-size:72px;line-height:1;color:#2cb79526;font-style:italic;pointer-events:none}
.QuoteBlockStage .QuoteText{font-size:15px;line-height:1.75;color:#f0eeffc7;margin:0;padding-top:24px}
.QuoteBlockStage .AuthorRow{display:flex;flex-direction:row;align-items:center;gap:14px}
.QuoteBlockStage .AuthorRow img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #2cb79566;flex-shrink:0}
.QuoteBlockStage .AuthorRow .AuthorInfo strong{display:block;font-size:14px;font-weight:700;color:#f0eeff}
.QuoteBlockStage .AuthorRow .AuthorInfo span{display:block;font-size:12px;color:#2CB795;margin-top:2px}
.ImgSecondFrame{position:relative;border-radius:6px;overflow:visible}
.ImgSecondFrame .ImgSecondWrap{border-radius:6px;overflow:hidden;position:relative}
.ImgSecondFrame .ImgSecondWrap::after{content:'';position:absolute;inset:0;background:linear-gradient(200deg,#4b1ea140 0%,#2cb79526 100%)}
.ImgSecondFrame img{width:100%;height:400px;object-fit:cover;display:block}
.ImgSecondFrame .CornerAccent{position:absolute;top:-16px;left:-16px;width:60px;height:60px;border-top:3px solid #2CB795;border-left:3px solid #2CB795;border-radius:4px 0 0 0;z-index:3}
.ImgSecondFrame .CornerAccentAlt{position:absolute;bottom:-16px;right:-16px;width:60px;height:60px;border-bottom:3px solid #4B1EA1;border-right:3px solid #4B1EA1;border-radius:0 0 4px 0;z-index:3}
.MetricRow{display:flex;flex-direction:row;gap:24px;flex-wrap:wrap}
.MetricRow .MetricItem{display:flex;flex-direction:column;gap:4px}
.MetricRow .MetricItem .MetricVal{font-size:26px;font-weight:800;color:#FFEEAF;line-height:1}
.MetricRow .MetricItem .MetricDesc{font-size:12px;color:#f0eeff80;line-height:1.4}
.DividerWave{width:100%;overflow:hidden;line-height:0;background:#0d0d1a}
.DividerWave svg{display:block;width:100%}
@media (max-width: 1024px) {
.TipCardsCanvas{grid-template-columns:repeat(2,1fr)}
.FeatureSplitInner{grid-template-columns:1fr;gap:40px}
.TestiSplitInner{grid-template-columns:1fr;gap:40px}
.TipsGridInner .SectionHeadRow p{text-align:left}
}
@media (max-width: 768px) {
.TitleStageOuter{padding:72px 20px 60px}
.TipCardsCanvas{grid-template-columns:1fr}
.FeatureSplitInner .VisualFrame .FloatCard{right:8px;bottom:8px}
.TipsGridInner .SectionHeadRow{flex-direction:column;align-items:flex-start}
.MetricRow{gap:16px}
}
@media (max-width: 480px) {
.TitleStageInner .HeadoMain{font-size:28px}
.TipsGridOuter{padding:56px 16px 40px}
.FeatureSplitOuter{padding:56px 16px}
.TestiSplitOuter{padding:56px 16px 72px}
.QuoteBlockStage{padding:24px 20px}
.CtaButtonStage{padding:12px 22px;font-size:13px}
}
.SuccessOuter{min-height:100svh;background:#0d0d1a;display:flex;flex-direction:column;align-items:stretch}
.SuccessOuter .TitleBlockOuter{position:relative;overflow:hidden;padding:80px 24px 72px}
.SuccessOuter .TitleBlockOuter::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 30% 50%,#4b1ea173 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 20%,#2cb79533 0%,transparent 60%);pointer-events:none;z-index:0}
.SuccessOuter .TitleBlockOuter::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2CB795,#4B1EA1,transparent)}
.SuccessOuter .TitleBlockInner{max-width:1536px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:48px;position:relative;z-index:1}
.SuccessOuter .TitleVisualSide{flex:0 0 40%;max-width:40%;display:flex;align-items:center;justify-content:center;position:relative}
.SuccessOuter .TitleShapeFigure{width:320px;height:320px;position:relative;display:flex;align-items:center;justify-content:center}
.SuccessOuter .TitleShapeFigure .ShapeRingOuter{position:absolute;inset:0;border-radius:50%;border:2px solid #2cb7954d;animation:RingPulse 3s ease-in-out infinite}
.SuccessOuter .TitleShapeFigure .ShapeRingMid{position:absolute;inset:24px;border-radius:50%;border:1px solid #4b1ea180;animation:RingPulse 3s ease-in-out infinite .5s}
.SuccessOuter .TitleShapeFigure .ShapeCore{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#2CB795,#4B1EA1);display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px #2cb79566 0 0 120px #4b1ea14d inset 0 2px 8px #ffeeaf26;position:relative;z-index:2}
.SuccessOuter .TitleShapeFigure .ShapeCore svg{width:72px;height:72px}
.SuccessOuter .TitleShapeFigure .ShapeAccentDot{position:absolute;width:12px;height:12px;border-radius:50%;background:#FFEEAF;box-shadow:0 0 10px #FFEEAF}
.SuccessOuter .TitleShapeFigure .ShapeAccentDot[data-pos="top"]{top:16px;left:50%;transform:translateX(-50%)}
.SuccessOuter .TitleShapeFigure .ShapeAccentDot[data-pos="right"]{right:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#2CB795;box-shadow:0 0 8px #2CB795}
.SuccessOuter .TitleShapeFigure .ShapeAccentDot[data-pos="bottom"]{bottom:28px;left:28%;width:6px;height:6px;background:#4B1EA1;box-shadow:0 0 8px #4b1ea1cc}
@keyframes RingPulse {
0%,100%{opacity:.4;transform:scale(1)}
50%{opacity:.9;transform:scale(1.02)}
}
.SuccessOuter .TitleTextSide{flex:1 1 auto;display:flex;flex-direction:column;gap:20px}
.SuccessOuter .TitleTextSide .TitleBadge{display:inline-flex;align-items:center;gap:8px;background:#2cb7951f;border:1px solid #2cb79559;border-radius:4px;padding:6px 14px;width:fit-content}
.SuccessOuter .TitleTextSide .TitleBadge span{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#2CB795;font-weight:600}
.SuccessOuter .TitleTextSide .TitleHeado{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.15;color:#f0f0f8;margin:0}
.SuccessOuter .TitleTextSide .TitleHeado .HeadoPause{display:block;background:linear-gradient(90deg,#2CB795,#FFEEAF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.SuccessOuter .TitleTextSide .TitleDesc{font-size:1.05rem;color:#a8a8c0;line-height:1.7;max-width:480px;margin:0}
.SuccessOuter .TitleTextSide .TitleActionsRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;margin-top:8px}
.SuccessOuter .TitleTextSide .ButtPrimary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2CB795,#4B1EA1);color:#fff;text-decoration:none;padding:13px 28px;border-radius:4px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:box-shadow 0.25s,transform .2s;position:relative;z-index:2;box-shadow:0 4px 20px #2cb7954d}
.SuccessOuter .TitleTextSide .ButtPrimary:hover{box-shadow:0 6px 30px #2cb79580;transform:translateY(-2px)}
.SuccessOuter .TitleTextSide .ButtSecondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFEEAF;text-decoration:none;padding:12px 26px;border-radius:4px;font-size:.95rem;font-weight:600;border:1px solid #ffeeaf66;cursor:pointer;transition:background 0.25s,border-color .25s;position:relative;z-index:2}
.SuccessOuter .TitleTextSide .ButtSecondary:hover{background:#ffeeaf14;border-color:#FFEEAF}
.SuccessOuter .NextStepsOuter{padding:80px 24px 100px;position:relative;overflow:hidden}
.SuccessOuter .NextStepsOuter::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0d0d1a 0%,#0f0d22 50%,#0d0d1a 100%);z-index:0}
.SuccessOuter .NextStepsOuter .GeoBgShape{position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#4b1ea12e 0%,transparent 70%);z-index:0;pointer-events:none}
.SuccessOuter .NextStepsInner{max-width:1536px;margin:0 auto;position:relative;z-index:1}
.SuccessOuter .NextStepsInner .StepsHeadoBlock{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:56px}
.SuccessOuter .NextStepsInner .StepsHeadoBlock .SectionLabel{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#4B1EA1;font-weight:700;position:relative;padding-left:20px}
.SuccessOuter .NextStepsInner .StepsHeadoBlock .SectionLabel::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:2px;background:#4B1EA1}
.SuccessOuter .NextStepsInner .StepsHeadoBlock h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:#f0f0f8;margin:0;line-height:1.2}
.SuccessOuter .NextStepsInner .StepsHeadoBlock h2 em{font-style:normal;color:#2CB795}
.SuccessOuter .NextStepsInner .StepsHeadoBlock .StepsSubtext{font-size:1rem;color:#7a7a9a;margin:0;max-width:520px;line-height:1.65}
.SuccessOuter .NextStepsInner .StepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.SuccessOuter .NextStepsInner .StepCanvas{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;padding:32px 28px;display:flex;flex-direction:column;gap:18px;transition:border-color 0.3s,box-shadow 0.3s,transform .25s;position:relative;overflow:hidden}
.SuccessOuter .NextStepsInner .StepCanvas::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2CB795,#4B1EA1);opacity:0;transition:opacity .3s}
.SuccessOuter .NextStepsInner .StepCanvas:hover{border-color:#2cb79559;box-shadow:0 8px 32px #2cb7951f;transform:translateY(-4px)}
.SuccessOuter .NextStepsInner .StepCanvas:hover::before{opacity:1}
.SuccessOuter .NextStepsInner .StepCanvas .StepNum{font-size:2.5rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#2cb7954d,#4b1ea14d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.SuccessOuter .NextStepsInner .StepCanvas .StepIconFrame{width:48px;height:48px;border-radius:4px;background:linear-gradient(135deg,#2cb7952e,#4b1ea12e);display:flex;align-items:center;justify-content:center;border:1px solid #2cb79533}
.SuccessOuter .NextStepsInner .StepCanvas .StepIconFrame svg{width:24px;height:24px}
.SuccessOuter .NextStepsInner .StepCanvas h4{font-size:1.05rem;font-weight:700;color:#e8e8f5;margin:0;line-height:1.3}
.SuccessOuter .NextStepsInner .StepCanvas .StepDesc{font-size:.9rem;color:#7a7a9a;line-height:1.65;margin:0;flex:1}
.SuccessOuter .NextStepsInner .StepCanvas .StepLink{display:inline-flex;align-items:center;gap:6px;color:#2CB795;text-decoration:none;font-size:.88rem;font-weight:600;margin-top:4px;transition:gap 0.2s,color .2s}
.SuccessOuter .NextStepsInner .StepCanvas .StepLink:hover{gap:10px;color:#FFEEAF}
.SuccessOuter .NextStepsInner .StepCanvas .StepLink svg{width:16px;height:16px}
.SuccessOuter .NextStepsInner .ConfirmBanner{margin-top:48px;background:linear-gradient(135deg,#2cb7951a,#4b1ea11f);border:1px solid #2cb79540;border-radius:6px;padding:32px 40px;display:flex;flex-direction:row;align-items:center;gap:28px}
.SuccessOuter .NextStepsInner .ConfirmBanner .BannerIconArea{flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#2cb79526;border:1px solid #2cb79566;display:flex;align-items:center;justify-content:center}
.SuccessOuter .NextStepsInner .ConfirmBanner .BannerIconArea svg{width:28px;height:28px}
.SuccessOuter .NextStepsInner .ConfirmBanner .BannerText{flex:1;display:flex;flex-direction:column;gap:6px}
.SuccessOuter .NextStepsInner .ConfirmBanner .BannerText strong{font-size:1.05rem;color:#e8e8f5;font-weight:700}
.SuccessOuter .NextStepsInner .ConfirmBanner .BannerText p{font-size:.92rem;color:#7a7a9a;margin:0;line-height:1.6}
.SuccessOuter .NextStepsInner .ConfirmBanner .BannerText p a{color:#2CB795;text-decoration:none;font-weight:600}
.SuccessOuter .NextStepsInner .ConfirmBanner .BannerText p a:hover{color:#FFEEAF;text-decoration:underline}
@media (max-width: 1024px) {
.SuccessOuter .TitleBlockInner{gap:36px}
.SuccessOuter .NextStepsInner .StepsGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.SuccessOuter .TitleBlockOuter{padding:56px 20px 60px}
.SuccessOuter .TitleBlockInner{flex-direction:column;gap:40px}
.SuccessOuter .TitleVisualSide{flex:0 0 auto;max-width:100%}
.SuccessOuter .TitleShapeFigure{width:240px;height:240px}
.SuccessOuter .TitleShapeFigure .ShapeCore{width:130px;height:130px}
.SuccessOuter .TitleShapeFigure .ShapeCore svg{width:52px;height:52px}
.SuccessOuter .NextStepsInner .StepsGrid{grid-template-columns:1fr}
.SuccessOuter .NextStepsInner .ConfirmBanner{flex-direction:column;gap:20px;padding:28px 24px;align-items:flex-start}
}
@media (max-width: 480px) {
.SuccessOuter .TitleTextSide .TitleActionsRow{flex-direction:column}
.SuccessOuter .TitleTextSide .ButtPrimary,.SuccessOuter .TitleTextSide .ButtSecondary{justify-content:center}
.SuccessOuter .NextStepsOuter{padding:56px 20px 72px}
}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#0d0d1a99}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2CB795,#4B1EA1);border-radius:4px}