@media (prefers-reduced-motion: reduce) {
*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
::selection{background:#000;color:#fff}
body{font-family:'Ubuntu',sans-serif;font-size:16px;background:#fff;color:#212B37;text-rendering:optimizeLegibility;overflow-x:hidden}
.site-header{background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 12px #212b3712 inset 0 -1px 0 #87e8372e;position:relative;z-index:100}
.header-top-strip{background:#212B37;padding:6px 0}
.header-top-inner{max-width:1024px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:flex-end}
.header-location-text{font-size:clamp(11px,1.1vw,13px);color:#FEE9CB;letter-spacing:.06em;display:flex;align-items:center;gap:7px}
.header-location-text i{color:#87E837;font-size:11px}
.header-main-row{max-width:1024px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand-block{display:flex;align-items:center;gap:16px;flex-shrink:0}
.logo-box{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:#fff;box-shadow:0 0 0 2px #87E837,0 4px 14px #212b372e inset 0 1px 3px #ffffffe6;flex-shrink:0}
.logo-box img{width:44px;height:44px;object-fit:contain;display:block}
.brand-text-wrap{display:flex;flex-direction:column;gap:2px}
.brand-name-label{font-size:clamp(18px,2vw,24px);font-weight:700;color:#212B37;line-height:1.1;letter-spacing:-.01em;text-decoration:none}
.brand-tagline{font-size:clamp(11px,1vw,13px);color:#87E837;font-weight:400;letter-spacing:.1em;text-transform:uppercase;line-height:1.2}
.header-nav-wrap{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 2px}
.nav-main-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px}
.nav-main-list li a{display:inline-block;font-family:'Ubuntu',sans-serif;font-size:clamp(13px,1.2vw,15px);font-weight:700;color:#212B37;text-decoration:none;padding:9px 15px;border-radius:24px;letter-spacing:.02em;transition:opacity .2s ease,box-shadow .2s ease,background .2s ease;position:relative;z-index:101;white-space:nowrap}
.nav-main-list li a:hover{background:#212B37;color:#87E837;opacity:1;box-shadow:0 4px 18px #212b3738 0 0 0 2px #87E837}
.nav-main-list li a.nav-active,.nav-main-list li a[aria-current="page"]{background:#87E837;color:#212B37;box-shadow:0 2px 10px #87e83759 inset 0 2px 5px #fff6}
@media (max-width: 960px) {
.header-main-row{flex-wrap:wrap;padding:14px 16px}
.header-nav-wrap{width:100%;justify-content:flex-start}
}
@media (max-width: 480px) {
.header-top-inner{justify-content:center}
.brand-block{gap:10px}
.nav-main-list li a{padding:7px 11px}
}
.site-footer{background:#212B37;color:#FEE9CB;padding:64px 0 32px;box-shadow:inset 0 6px 18px #0000002e;position:relative;overflow:hidden}
.site-footer::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#87E837 0%,#FEE9CB 100%)}
.footer-inner{max-width:1024px;margin:0 auto;padding:0 24px;display:flex;align-items:flex-start;gap:48px;flex-wrap:wrap}
.footer-brand-col{flex:0 0 220px;display:flex;flex-direction:column;gap:18px}
.footer-logo-box{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:#fff;box-shadow:0 0 0 2px #87E837,0 4px 14px #00000047 inset 0 1px 3px #ffffffe6;flex-shrink:0}
.footer-logo-box img{width:44px;height:44px;object-fit:contain;display:block}
.footer-brand-name{font-size:clamp(17px,1.8vw,20px);font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.01em;line-height:1.1}
.footer-desc-text{font-size:clamp(13px,1.1vw,14px);color:#FEE9CB;line-height:1.8;opacity:.82}
.footer-contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.footer-contact-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#FEE9CB;line-height:1.6;opacity:.8}
.footer-contact-list li i{color:#87E837;font-size:12px;margin-top:3px;flex-shrink:0}
.footer-contact-list li a{color:#FEE9CB;text-decoration:none;transition:opacity .2s ease}
.footer-contact-list li a:hover{opacity:.6}
.footer-nav-col{flex:1 1 140px;display:flex;flex-direction:column;gap:16px;min-width:120px}
.footer-nav-heading{font-size:clamp(11px,1vw,12px);font-weight:700;color:#87E837;letter-spacing:.14em;text-transform:uppercase;line-height:1.2}
.footer-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.footer-nav-list li a{font-size:clamp(13px,1.2vw,14px);color:#FEE9CB;text-decoration:none;line-height:1.7;letter-spacing:.02em;opacity:.78;transition:opacity .2s ease,box-shadow .2s ease;display:inline-block;border-radius:4px;padding:1px 3px}
.footer-nav-list li a:hover{opacity:1;box-shadow:0 2px 8px #87e83740;color:#87E837}
.footer-bottom-bar{max-width:1024px;margin:40px auto 0;padding:22px 24px 0;border-top:1px solid #fee9cb1f;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.footer-copy-text{font-size:12px;color:#FEE9CB;opacity:.5;letter-spacing:.05em;line-height:1.6}
.footer-domain-link{font-size:12px;color:#87E837;opacity:.65;text-decoration:none;letter-spacing:.04em;transition:opacity .2s ease}
.footer-domain-link:hover{opacity:1}
@media (max-width: 960px) {
.footer-inner{gap:36px}
.footer-brand-col{flex:0 0 100%}
}
@media (max-width: 480px) {
.site-footer{padding:48px 0 24px}
.footer-inner{padding:0 16px;gap:28px}
.footer-bottom-bar{padding:18px 16px 0;flex-direction:column;align-items:flex-start}
}
.cookie-bar-wrap{position:fixed;bottom:28px;right:28px;width:clamp(280px,90vw,400px);background:#fff;border-radius:28px;box-shadow:0 8px 40px #212b372e inset 0 2px 8px #ffffffe6 0 0 0 2px #87E837;z-index:9999;overflow:hidden;display:none;transform:translateX(-60px);opacity:0;transition:transform .38s cubic-bezier(.4,0,.2,1),opacity .32s ease}
.cookie-bar-wrap.cb-visible{transform:translateX(0);opacity:1}
.cookie-bar-inner{padding:22px 22px 18px}
.cb-title-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cb-title-row i{color:#87E837;font-size:18px}
.cb-heading{font-family:'Ubuntu',sans-serif;font-size:15px;font-weight:700;color:#212B37;line-height:1.2}
.cb-body-text{font-size:12px;color:#212B37;line-height:1.7;opacity:.72;margin-bottom:14px}
.cb-category-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.cb-cat-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f7f7;border-radius:14px;padding:8px 12px}
.cb-cat-label{font-size:12px;font-weight:700;color:#212B37;letter-spacing:.03em}
.cb-cat-sub{font-size:11px;color:#212B37;opacity:.55;letter-spacing:.02em}
.cb-cat-text-wrap{display:flex;flex-direction:column;gap:1px}
.cb-toggle{appearance:none;width:36px;height:20px;border-radius:20px;background:#ddd;cursor:pointer;position:relative;flex-shrink:0;transition:background .2s ease;border:none;outline:none}
.cb-toggle::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 4px #0000002e}
.cb-toggle:checked{background:#87E837}
.cb-toggle:checked::after{transform:translateX(16px)}
.cb-toggle:disabled{opacity:.5;cursor:not-allowed}
.cb-btn-row{display:flex;gap:10px;flex-wrap:wrap}
.cb-btn-accept{flex:1;font-family:'Ubuntu',sans-serif;font-size:13px;font-weight:700;background:#87E837;color:#212B37;border:none;border-radius:999px;padding:10px 18px;cursor:pointer;letter-spacing:.04em;transition:box-shadow .2s ease,opacity .2s ease;z-index:10000;position:relative}
.cb-btn-accept:hover{box-shadow:0 4px 18px #87e83773;opacity:.9}
.cb-btn-decline{flex:1;font-family:'Ubuntu',sans-serif;font-size:13px;font-weight:700;background:transparent;color:#212B37;border:2px solid #212B37;border-radius:999px;padding:10px 18px;cursor:pointer;letter-spacing:.04em;transition:box-shadow .2s ease,opacity .2s ease;z-index:10000;position:relative}
.cb-btn-decline:hover{box-shadow:0 4px 14px #212b372e;opacity:.75}
.cb-mini-tab{position:fixed;bottom:28px;right:28px;background:#212B37;color:#87E837;border-radius:999px;padding:9px 18px 9px 14px;font-family:'Ubuntu',sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;display:none;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 18px #212b3738 0 0 0 2px #87E837;z-index:9998;border:none;transition:box-shadow .2s ease}
.cb-mini-tab:hover{box-shadow:0 6px 24px #87e8374d 0 0 0 2px #87E837}
.cb-mini-tab i{font-size:13px}
.yhqq-legal-content{max-width:1024px;margin:0 auto;padding:3rem 1.5rem 5rem;background:#fff;border-radius:24px;box-shadow:0 2px 8px #212b3712 inset 0 1px 4px #212b370a}
.yhqq-legal-content h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.02em;color:#212B37;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:3px solid #87E837}
.yhqq-legal-content h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.2;letter-spacing:-.01em;color:#212B37;margin:2.5rem 0 1rem}
.yhqq-legal-content h3{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.3;letter-spacing:.01em;color:#212B37;margin:2rem 0 .75rem}
.yhqq-legal-content h4{font-size:clamp(1rem,2vw,1.15rem);line-height:1.4;letter-spacing:.02em;color:#212B37;margin:1.75rem 0 .5rem}
.yhqq-legal-content h5{font-size:clamp(0.9rem,1.8vw,1rem);line-height:1.4;letter-spacing:.04em;text-transform:uppercase;color:#212B37;margin:1.5rem 0 .5rem}
.yhqq-legal-content h6{font-size:clamp(0.8rem,1.5vw,0.9rem);line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:#555f6b;margin:1.25rem 0 .5rem}
.yhqq-legal-content p{font-size:clamp(0.95rem,1.5vw,1.05rem);line-height:1.85;color:#2e3a47;margin:0 0 1.25rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.yhqq-legal-content ul,.yhqq-legal-content ol{margin:0 0 1.5rem;padding-left:1.75rem}
.yhqq-legal-content ul{list-style:none;padding-left:0}
.yhqq-legal-content ul li{padding-left:1.5rem;position:relative}
.yhqq-legal-content ul li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:#87E837;border-radius:50%;box-shadow:0 0 0 2px #87e83740}
.yhqq-legal-content ol{list-style:decimal}
.yhqq-legal-content ol li{padding-left:.5rem}
.yhqq-legal-content li{font-size:clamp(0.95rem,1.5vw,1.05rem);line-height:1.8;color:#2e3a47;margin-bottom:.5rem;text-rendering:optimizeLegibility}
.yhqq-legal-content ul ul,.yhqq-legal-content ol ol,.yhqq-legal-content ul ol,.yhqq-legal-content ol ul{margin-top:.5rem;margin-bottom:.5rem}
.yhqq-legal-content strong,.yhqq-legal-content b{font-weight:700;color:#212B37}
.yhqq-legal-content em,.yhqq-legal-content i{font-style:italic;color:#3a4754}
.yhqq-legal-content a{color:#3a7d00;text-decoration:underline;text-decoration-color:#87e83799;text-underline-offset:3px;transition:opacity .2s ease,text-shadow .2s ease,text-decoration-color .2s ease;position:relative;z-index:1}
.yhqq-legal-content a:hover{opacity:.8;text-shadow:0 0 12px #87e83766;text-decoration-color:#87E837}
.yhqq-legal-content a:visited{color:#2a5c00}
.yhqq-legal-content hr{border:none;border-top:1px solid #212b371f;margin:2.5rem 0;position:relative}
.yhqq-legal-content hr::after{content:"";display:block;width:48px;height:3px;background:#87E837;border-radius:2px;margin-top:-2px}
.yhqq-legal-content div{line-height:1.8;color:#2e3a47}
::selection{background:#212B37;color:#fff}
::-moz-selection{background:#212B37;color:#fff}
@media screen and (max-width: 960px) {
.yhqq-legal-content{padding:2.5rem 1.25rem 4rem;border-radius:20px}
}
@media screen and (max-width: 480px) {
.yhqq-legal-content{padding:2rem 1rem 3rem;border-radius:16px;box-shadow:0 1px 4px #212b370f inset 0 1px 3px #212b3708}
.yhqq-legal-content h1{border-bottom-width:2px}
.yhqq-legal-content ul,.yhqq-legal-content ol{padding-left:1.25rem}
}
.pg-courses{background:#fff;color:#212B37;overflow-x:hidden;text-rendering:optimizeLegibility}
.pg-courses ::selection{background:#212B37;color:#fff}
.pg-courses *{box-sizing:border-box}
.pg-courses .inner-wrap{max-width:1024px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.pg-courses .dot-sep{display:flex;justify-content:center;align-items:center;gap:10px;padding:32px 0}
.pg-courses .dot-sep span{width:8px;height:8px;border-radius:50%;background:#87E837;display:inline-block}
.pg-courses .dot-sep span:nth-child(3){background:#212B37;width:10px;height:10px}
.pg-courses .hero-block{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;border-radius:0 0 36px 36px}
.pg-courses .hero-block .hero-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,#87E837 0%,#212B37 45%,#FEE9CB 100%);background-size:300% 300%;animation:aurora-shift 12s ease infinite}
@keyframes aurora-shift {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.pg-courses .hero-block .hero-img-wrap{position:absolute;right:0;top:0;width:52%;height:100%;z-index:1;overflow:hidden}
.pg-courses .hero-block .hero-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.38}
.pg-courses .hero-block .hero-geo{position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(45deg,transparent,transparent 28px,#ffffff0a 28px,#ffffff0a 30px);animation:geo-reveal 2s ease forwards;clip-path:inset(0 100% 0 0)}
@keyframes geo-reveal {
to{clip-path:inset(0 0% 0 0)}
}
.pg-courses .hero-block .hero-txt{position:relative;z-index:3;max-width:560px;padding:64px 24px 64px 48px}
.pg-courses .hero-block .hero-txt .label-tag{display:inline-block;background:#87E837;color:#212B37;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:20px;font-weight:700}
.pg-courses .hero-block .hero-txt h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;color:#fff;margin:0 0 20px;font-weight:800}
.pg-courses .hero-block .hero-txt p{font-size:clamp(0.95rem,2vw,1.1rem);color:#FEE9CB;line-height:1.65;margin:0 0 32px;max-width:420px}
.pg-courses .hero-block .hero-txt a.btn-main{display:inline-block;background:#87E837;color:#212B37;font-weight:700;font-size:.95rem;padding:13px 32px;border-radius:28px;text-decoration:none;position:relative;z-index:5;box-shadow:0 2px 12px #87e8372e;transition:box-shadow 0.25s,opacity .25s}
.pg-courses .hero-block .hero-txt a.btn-main:hover{box-shadow:0 6px 28px #87e8377a;opacity:.92}
.pg-courses .intro-two-col{padding:64px 0 32px}
.pg-courses .intro-two-col .inner-wrap{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}
.pg-courses .intro-two-col .col-left h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.2;margin:0 0 16px}
.pg-courses .intro-two-col .col-left h2::before{content:'';display:block;width:18px;height:18px;background:#87E837;border-radius:4px;margin-bottom:12px}
.pg-courses .intro-two-col .col-right p{font-size:1rem;line-height:1.75;margin:0 0 16px;color:#3a4452}
.pg-courses .intro-two-col .col-right p:last-child{margin-bottom:0}
.pg-courses .bento-grid-block{padding:32px 0 48px;background:#f9f9f9;border-radius:36px;margin:0 16px}
.pg-courses .bento-grid-block .inner-wrap{max-width:1024px}
.pg-courses .bento-grid-block .section-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#87E837;font-weight:700;margin-bottom:8px}
.pg-courses .bento-grid-block h3{font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;margin:0 0 32px}
.pg-courses .bento-grid-block h3::before{content:'';display:inline-block;width:12px;height:12px;background:#FEE9CB;border:2px solid #212B37;border-radius:3px;margin-right:10px;vertical-align:middle}
.pg-courses .bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:20px}
.pg-courses .bento-cell{background:#fff;border-radius:28px;padding:28px 24px;box-shadow:0 2px 10px #212b3712 inset 0 1px 4px #212b370a;transition:box-shadow 0.25s,opacity .25s}
.pg-courses .bento-cell:hover{box-shadow:0 8px 32px #87e8372e inset 0 1px 4px #212b370f;opacity:.97}
.pg-courses .bento-cell.cell-wide{grid-column:span 2}
.pg-courses .bento-cell .cell-icon{width:40px;height:40px;background:#87E837;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.1rem;color:#212B37}
.pg-courses .bento-cell h4{font-size:1.05rem;font-weight:700;margin:0 0 8px}
.pg-courses .bento-cell p{font-size:.9rem;color:#556070;line-height:1.6;margin:0}
.pg-courses .bento-cell .img-zoom-wrap{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:18px;margin-bottom:18px}
.pg-courses .bento-cell .img-zoom-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.pg-courses .bento-cell:hover .img-zoom-wrap img{transform:scale(1.07)}
.pg-courses .pyramid-block{padding:56px 0}
.pg-courses .pyramid-block h3{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:800;margin:0 0 40px;text-align:center}
.pg-courses .pyramid-block h3::before{content:'';display:block;width:14px;height:14px;background:#87E837;border-radius:50%;margin:0 auto 12px}
.pg-courses .pyramid-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.pg-courses .pyr-layer{display:flex;align-items:center;justify-content:center;border-radius:14px;padding:16px 28px;font-weight:700;font-size:.95rem;color:#212B37;text-align:center;transition:box-shadow .25s}
.pg-courses .pyr-layer:hover{box-shadow:0 4px 20px #87e8374d}
.pg-courses .pyr-layer-1{width:30%;background:#87E837}
.pg-courses .pyr-layer-2{width:50%;background:#a8ee6e}
.pg-courses .pyr-layer-3{width:70%;background:#FEE9CB}
.pg-courses .pyr-layer-4{width:90%;background:#f0f4f0}
.pg-courses .courses-list-block{padding:56px 0;background:#212B37;border-radius:36px;margin:0 16px 16px}
.pg-courses .courses-list-block h3{font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;color:#fff;margin:0 0 8px}
.pg-courses .courses-list-block h3::before{content:'';display:inline-block;width:12px;height:12px;background:#87E837;border-radius:3px;margin-right:10px;vertical-align:middle}
.pg-courses .courses-list-block .sub-txt{color:#a0aab5;font-size:.95rem;margin:0 0 36px}
.pg-courses .course-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pg-courses .c-card{background:#2d3a48;border-radius:24px;overflow:hidden;box-shadow:0 2px 12px #0000002e inset 0 1px 4px #ffffff0a;transition:box-shadow 0.25s,opacity .25s}
.pg-courses .c-card:hover{box-shadow:0 8px 36px #87e83738 inset 0 1px 4px #ffffff0f;opacity:.96}
.pg-courses .c-card .c-img{width:100%;aspect-ratio:1/1;overflow:hidden}
.pg-courses .c-card .c-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.pg-courses .c-card:hover .c-img img{transform:scale(1.06)}
.pg-courses .c-card .c-body{padding:22px 20px}
.pg-courses .c-card .c-tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#87E837;font-weight:700;margin-bottom:8px}
.pg-courses .c-card h4{font-size:1rem;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.35}
.pg-courses .c-card p{font-size:.87rem;color:#a0aab5;line-height:1.6;margin:0 0 16px}
.pg-courses .c-card a.c-link{display:inline-block;font-size:.87rem;font-weight:700;color:#87E837;text-decoration:none;border-bottom:1px solid #87e8374d;padding-bottom:2px;transition:box-shadow 0.2s,opacity .2s;position:relative;z-index:5}
.pg-courses .c-card a.c-link:hover{box-shadow:0 3px 12px #87e8374d;opacity:.85}
@media (max-width: 960px) {
.pg-courses .intro-two-col .inner-wrap{grid-template-columns:1fr;gap:24px}
.pg-courses .bento-grid{grid-template-columns:repeat(2,1fr)}
.pg-courses .bento-cell.cell-wide{grid-column:span 2}
.pg-courses .pyr-layer-1{width:40%}
.pg-courses .pyr-layer-2{width:60%}
.pg-courses .pyr-layer-3{width:80%}
.pg-courses .pyr-layer-4{width:100%}
}
@media (max-width: 480px) {
.pg-courses .hero-block .hero-img-wrap{display:none}
.pg-courses .hero-block .hero-txt{padding:48px 20px}
.pg-courses .bento-grid{grid-template-columns:1fr}
.pg-courses .bento-cell.cell-wide{grid-column:span 1}
.pg-courses .course-cards{grid-template-columns:1fr}
.pg-courses .pyr-layer-1{width:55%}
.pg-courses .pyr-layer-2{width:70%}
.pg-courses .pyr-layer-3{width:85%}
.pg-courses .pyr-layer-4{width:100%}
.pg-courses .bento-grid-block{margin:0 8px}
.pg-courses .courses-list-block{margin:0 8px 8px}
}
.pg-about{max-width:100%;overflow-x:hidden;background:#fff;color:#212B37;text-rendering:optimizeLegibility}
.pg-about ::selection{background:#212B37;color:#fff}
.pg-about .inner-wrap{max-width:1024px;margin:0 auto;padding:0 24px}
.pg-about .hero-box{position:relative;background:#212B37;overflow:hidden;padding:80px 0 60px}
.pg-about .hero-box .blob-bg{position:absolute;width:480px;height:480px;background:#87E837;border-radius:50%;filter:blur(120px);opacity:.12;top:-100px;right:-80px;pointer-events:none}
.pg-about .hero-box .blob-bg-2{position:absolute;width:300px;height:300px;background:#FEE9CB;border-radius:50%;filter:blur(90px);opacity:.08;bottom:-60px;left:-40px;pointer-events:none}
.pg-about .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:2}
.pg-about .hero-label{display:inline-block;background:#87E837;color:#212B37;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:20px}
.pg-about .hero-h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;color:#fff;margin:0 0 20px}
.pg-about .hero-h1 .kw-highlight{background:linear-gradient(135deg,#87E837 30%,#FEE9CB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:underline;text-decoration-color:#87E837;text-underline-offset:6px}
.pg-about .hero-p{font-size:1.05rem;line-height:1.75;color:#ffffffbf;margin:0;max-width:440px}
.pg-about .hero-img-col{position:relative}
.pg-about .clip-hex{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);width:100%;max-width:360px;aspect-ratio:1/1;overflow:hidden;margin-left:auto;transition:clip-path .4s ease;box-shadow:0 8px 40px #87e8372e inset 0 4px 12px #0000004d}
.pg-about .clip-hex:hover{clip-path:polygon(20% 0%,80% 0%,100% 45%,80% 100%,20% 100%,0% 45%)}
.pg-about .clip-hex img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(0px);transition:filter .4s ease,transform .4s ease}
.pg-about .clip-hex:hover img{filter:blur(1px) brightness(1.08);transform:scale(1.04)}
.pg-about .story-section{padding:80px 0;background:#fff}
.pg-about .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.pg-about .story-img-col{position:relative;margin-top:32px}
.pg-about .story-img-wrap{border-radius:32px;overflow:hidden;aspect-ratio:1/1;box-shadow:8px 8px 32px #212b3721 inset 0 4px 10px #212b3714;transition:box-shadow .3s ease}
.pg-about .story-img-wrap:hover{box-shadow:12px 12px 48px #212b3733 inset 0 4px 10px #212b3714}
.pg-about .story-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.pg-about .story-img-wrap:hover img{transform:scale(1.03)}
.pg-about .section-shape{display:inline-block;width:10px;height:10px;background:#87E837;border-radius:2px;transform:rotate(45deg);margin-right:10px;vertical-align:middle}
.pg-about .section-heading{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;color:#212B37;margin:0 0 20px}
.pg-about .divider-line{display:flex;align-items:center;gap:8px;margin-bottom:24px}
.pg-about .divider-line span:first-child{display:block;width:28px;height:2px;background:#87E837}
.pg-about .divider-line span:last-child{display:block;flex:1;height:2px;background:#e8e8e8}
.pg-about .body-text{font-size:1rem;line-height:1.78;color:#444;margin:0 0 16px}
.pg-about .body-text:last-child{margin-bottom:0}
.pg-about .approach-section{background:#f7f8fa;padding:80px 0;position:relative;overflow:hidden}
.pg-about .approach-section .streak{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(118deg,transparent 60%,#87e83712 60.1%,#fee9cb12 100%);pointer-events:none}
.pg-about .approach-heading-row{text-align:center;margin-bottom:48px}
.pg-about .approach-heading-row .section-heading{display:inline-block}
.pg-about .tabs-box{position:relative}
.pg-about .tab-radio{display:none}
.pg-about .tab-labels{display:flex;gap:8px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}
.pg-about .tab-label{padding:10px 22px;border:2px solid #e0e0e0;border-radius:24px;cursor:pointer;font-size:.9rem;font-weight:600;color:#666;background:#fff;transition:border-color 0.2s,color 0.2s,box-shadow .2s;letter-spacing:.04em}
.pg-about .tab-label:hover{border-color:#87E837;color:#212B37;box-shadow:0 4px 16px #87e83733}
.pg-about #tab1:checked ~ .tab-labels .lbl-1,.pg-about #tab2:checked ~ .tab-labels .lbl-2,.pg-about #tab3:checked ~ .tab-labels .lbl-3{border-color:#87E837;background:#87E837;color:#212B37;box-shadow:0 4px 16px #87e8374d}
.pg-about .tab-panel{display:none}
.pg-about #tab1:checked ~ .tab-labels ~ .tab-panels .panel-1,.pg-about #tab2:checked ~ .tab-labels ~ .tab-panels .panel-2,.pg-about #tab3:checked ~ .tab-labels ~ .tab-panels .panel-3{display:block}
.pg-about .panel-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;background:#fff;border-radius:28px;padding:36px;box-shadow:6px 6px 28px #212b3717 inset 0 2px 8px #212b370a}
.pg-about .panel-img-wrap{border-radius:20px;overflow:hidden;aspect-ratio:1/1;transition:box-shadow .3s ease;box-shadow:4px 4px 16px #212b371a}
.pg-about .panel-img-wrap:hover{box-shadow:8px 8px 32px #212b372e 0 0 0 3px #87e8374d}
.pg-about .panel-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.pg-about .panel-img-wrap:hover img{transform:scale(1.05)}
.pg-about .panel-icon{font-size:2rem;color:#87E837;margin-bottom:12px}
.pg-about .panel-h{font-size:1.3rem;color:#212B37;margin:0 0 12px;line-height:1.3}
.pg-about .team-section{padding:80px 0;background:#fff}
.pg-about .team-heading-row{margin-bottom:48px}
.pg-about .team-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pg-about .team-card{background:#f7f8fa;border-radius:28px;padding:28px 24px;box-shadow:4px 4px 20px #212b3712 inset 0 2px 6px #212b370a;transition:box-shadow .3s ease,transform .3s ease;position:relative;overflow:hidden}
.pg-about .team-card:hover{box-shadow:8px 8px 36px #212b3724 inset 0 2px 6px #212b370a;transform:translateY(-4px)}
.pg-about .team-card .card-accent{position:absolute;top:0;right:0;width:80px;height:80px;background:#87E837;opacity:.08;border-radius:0 28px 0 80px}
.pg-about .team-role{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#87E837;margin-bottom:6px}
.pg-about .team-name{font-size:1.1rem;font-weight:700;color:#212B37;margin:0 0 10px}
.pg-about .team-bio{font-size:.9rem;line-height:1.65;color:#555;margin:0}
@media (max-width: 960px) {
.pg-about .hero-grid,.pg-about .story-grid,.pg-about .panel-inner{grid-template-columns:1fr}
.pg-about .hero-img-col{display:none}
.pg-about .team-cards{grid-template-columns:1fr 1fr}
.pg-about .story-img-col{margin-top:0}
}
@media (max-width: 480px) {
.pg-about .team-cards{grid-template-columns:1fr}
.pg-about .hero-box{padding:48px 0 40px}
.pg-about .story-section,.pg-about .approach-section,.pg-about .team-section{padding:48px 0}
.pg-about .panel-inner{padding:20px}
}
.pg-contact{margin:0;padding:0;background:#fff;overflow-x:hidden}
.pg-contact ::selection{background:#212B37;color:#fff}
.pg-contact .hero-block{background:#212B37;position:relative;overflow:hidden;padding:80px 24px 100px;display:flex;align-items:center;justify-content:center;min-height:320px}
.pg-contact .hero-block::before{content:"";position:absolute;top:-60px;right:-60px;width:320px;height:320px;border-radius:50%;background:#87e83714;pointer-events:none}
.pg-contact .hero-block::after{content:"";position:absolute;bottom:-80px;left:-40px;width:240px;height:240px;border-radius:50%;background:#fee9cb0d;pointer-events:none}
.pg-contact .hero-inner{max-width:1024px;width:100%;display:flex;align-items:center;gap:48px;position:relative;z-index:2}
.pg-contact .hero-text-box{flex:1}
.pg-contact .hero-label{display:inline-block;background:#87E837;color:#212B37;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:5px 14px;border-radius:40px;margin-bottom:20px}
.pg-contact .hero-h1{color:#fff;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:0 0 18px;font-weight:800}
.pg-contact .hero-h1 span{color:#87E837}
.pg-contact .hero-sub{color:#ffffffa6;font-size:clamp(0.95rem,2vw,1.1rem);line-height:1.7;margin:0;max-width:460px}
.pg-contact .hero-img-box{flex-shrink:0;width:240px;height:240px;border-radius:30px;overflow:hidden;position:relative;box-shadow:0 8px 40px #0006 inset 0 0 0 1px #87e83733}
.pg-contact .hero-img-box img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(20%) brightness(0.85)}
.pg-contact .hero-img-box::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#212b37b3 0%,transparent 60%)}
.pg-contact .wave-sep{display:block;width:100%;line-height:0;background:#212B37}
.pg-contact .wave-sep svg{width:100%;height:64px;display:block}
.pg-contact .contact-section{background:#fff;padding:80px 24px 100px}
.pg-contact .contact-inner{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.pg-contact .info-col h2{font-size:clamp(1.5rem,3vw,2rem);color:#212B37;margin:0 0 12px;font-weight:800;line-height:1.2}
.pg-contact .info-col .section-intro{color:#555;font-size:1rem;line-height:1.7;margin:0 0 36px}
.pg-contact .info-card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.pg-contact .info-card-list li{background:#f7f8fa;border-radius:20px;padding:18px 22px;display:flex;align-items:flex-start;gap:16px;box-shadow:inset 0 2px 6px #0000000d 0 2px 8px #0000000a;transition:box-shadow .25s}
.pg-contact .info-card-list li:hover{box-shadow:inset 0 2px 6px #0000000d 0 6px 24px #87e8372e}
.pg-contact .info-icon{width:38px;height:38px;background:#87E837;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;color:#212B37}
.pg-contact .info-text strong{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#999;margin-bottom:3px}
.pg-contact .info-text a,.pg-contact .info-text span{font-size:.95rem;color:#212B37;text-decoration:none;line-height:1.5}
.pg-contact .info-text a:hover{color:#5ab520}
.pg-contact .form-col{background:#fff;border-radius:30px;box-shadow:0 4px 32px #212b371a inset 0 2px 8px #0000000a;padding:40px 36px;position:relative;overflow:hidden}
.pg-contact .form-col::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#87E837,#FEE9CB);border-radius:30px 30px 0 0}
.pg-contact .steps-wrap{display:flex;flex-direction:column;gap:0}
.pg-contact .step-block{border-left:2px solid #e8eaed;padding:0 0 28px 24px;position:relative;margin-left:12px}
.pg-contact .step-block:last-child{border-left:2px solid transparent;padding-bottom:0}
.pg-contact .step-dot{position:absolute;left:-10px;top:0;width:18px;height:18px;background:#87E837;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #87E837}
.pg-contact .step-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#aaa;margin-bottom:8px;display:block}
.pg-contact .field-box{display:flex;flex-direction:column;gap:6px}
.pg-contact .field-box label{font-size:.85rem;font-weight:700;color:#212B37;letter-spacing:.04em}
.pg-contact .field-box input[type="text"],.pg-contact .field-box input[type="email"],.pg-contact .field-box input[type="tel"]{width:100%;padding:13px 16px;border:1.5px solid #e0e3e8;border-radius:14px;font-size:.97rem;color:#212B37;background:#fafbfc;box-shadow:inset 0 3px 6px #0000000a;outline:none;transition:border-color 0.2s,box-shadow .2s;box-sizing:border-box}
.pg-contact .field-box input[type="text"]::placeholder,.pg-contact .field-box input[type="email"]::placeholder,.pg-contact .field-box input[type="tel"]::placeholder{color:#b0b5be}
.pg-contact .field-box input:focus{border-color:#87E837;box-shadow:inset 0 3px 6px #0000000a 0 0 0 3px #87e8372e}
.pg-contact .privacy-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:22px;margin-top:4px}
.pg-contact .privacy-row input[type="checkbox"]{margin-top:3px;accent-color:#87E837;width:17px;height:17px;flex-shrink:0;cursor:pointer}
.pg-contact .privacy-row .privacy-text{font-size:.82rem;color:#777;line-height:1.55}
.pg-contact .privacy-row .privacy-text a{color:#212B37;text-decoration:underline}
.pg-contact .btn-submit{display:inline-block;background:#212B37;color:#87E837;border:none;border-radius:40px;padding:14px 38px;font-size:.97rem;font-weight:700;letter-spacing:.06em;cursor:pointer;z-index:10;position:relative;box-shadow:0 4px 16px #212b3726;transition:box-shadow 0.22s,background .18s;text-transform:uppercase}
.pg-contact .btn-submit:hover{background:#1a2230;box-shadow:0 8px 32px #212b3747}
@media (max-width: 960px) {
.pg-contact .hero-inner{flex-direction:column;gap:32px;text-align:center}
.pg-contact .hero-img-box{width:180px;height:180px}
.pg-contact .contact-inner{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 480px) {
.pg-contact .form-col{padding:28px 18px}
.pg-contact .hero-block{padding:56px 16px 72px}
}
.lp-wrap{background:#fff;overflow-x:hidden}
.lp-wrap ::selection{background:#212B37;color:#fff}
.lp-wrap .hero-box{max-width:1024px;margin:0 auto;padding:64px 24px 48px;display:flex;align-items:flex-start;gap:40px;position:relative}
.lp-wrap .hero-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#87e83714 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#87e83714 40px);pointer-events:none;z-index:0}
.lp-wrap .hero-text{flex:1;position:relative;z-index:1}
.lp-wrap .hero-text h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;color:#212B37;margin:0 0 20px;letter-spacing:-.5px}
.lp-wrap .hero-text h1 span{color:#87E837}
.lp-wrap .corner-line{position:absolute;top:-12px;left:-12px;width:40px;height:40px;border-top:2px solid #87E837;border-left:2px solid #87E837;border-radius:4px 0 0 0}
.lp-wrap .hero-points{list-style:none;padding:0;margin:0 0 28px}
.lp-wrap .hero-points li{padding:6px 0 6px 22px;position:relative;color:#212B37;font-size:clamp(0.93rem,1.5vw,1rem);line-height:1.5}
.lp-wrap .hero-points li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;background:#87E837;border-radius:50%}
.lp-wrap .hero-img-card{flex:0 0 260px;position:relative;z-index:1;border-radius:28px;overflow:hidden;box-shadow:6px 6px 24px #212b3721 inset 0 0 0 1px #87e8372e}
.lp-wrap .hero-img-card img{width:260px;height:260px;object-fit:cover;display:block;image-rendering:auto;text-rendering:optimizeLegibility}
.lp-wrap .hero-img-card:hover img{transform:scale(1.04);transition:transform .4s ease}
.lp-wrap .divider-svg{display:block;width:100%;line-height:0}
.lp-wrap .modules-band{background:#212B37;padding:56px 24px;position:relative;overflow:hidden}
.lp-wrap .modules-band::after{content:'';position:absolute;top:-40px;right:-60px;width:320px;height:320px;background:linear-gradient(135deg,#87E837 0%,transparent 60%);opacity:.07;border-radius:50%;pointer-events:none}
.lp-wrap .modules-inner{max-width:1024px;margin:0 auto}
.lp-wrap .modules-inner .sec-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#87E837;margin-bottom:10px;display:block}
.lp-wrap .modules-inner h2{font-size:clamp(1.5rem,3.5vw,2.4rem);color:#fff;margin:0 0 36px;line-height:1.2}
.lp-wrap .mod-list{list-style:none;padding:0;margin:0}
.lp-wrap .mod-list li{display:flex;align-items:flex-start;gap:18px;padding:20px 0;border-bottom:1px dashed #ffffff1a}
.lp-wrap .mod-list li:last-child{border-bottom:none}
.lp-wrap .mod-num{font-size:.68rem;letter-spacing:.1em;color:#87E837;font-weight:700;min-width:28px;padding-top:3px}
.lp-wrap .mod-text h4{font-size:clamp(0.95rem,1.8vw,1.08rem);color:#fff;margin:0 0 4px;line-height:1.3}
.lp-wrap .mod-text p{font-size:.88rem;color:#fee9cbbf;margin:0;line-height:1.55}
.lp-wrap .outcomes-box{max-width:1024px;margin:0 auto;padding:64px 24px;display:flex;gap:48px;align-items:flex-start}
.lp-wrap .outcomes-img{flex:0 0 320px;border-radius:32px;overflow:hidden;box-shadow:8px 8px 32px #212b371f inset 0 2px 8px #212b3714;position:relative}
.lp-wrap .outcomes-img img{width:320px;height:320px;object-fit:cover;display:block;transition:transform .4s ease}
.lp-wrap .outcomes-img:hover img{transform:scale(1.05)}
.lp-wrap .outcomes-content{flex:1}
.lp-wrap .outcomes-content .shape-mark{display:inline-block;width:14px;height:14px;background:#87E837;border-radius:3px;transform:rotate(45deg);margin-bottom:14px}
.lp-wrap .outcomes-content h2{font-size:clamp(1.4rem,3vw,2.1rem);color:#212B37;margin:0 0 18px;line-height:1.2}
.lp-wrap .outcomes-content p{font-size:.97rem;color:#3a4452;line-height:1.7;margin:0 0 14px}
.lp-wrap .outcomes-list{list-style:none;padding:0;margin:18px 0 0}
.lp-wrap .outcomes-list li{padding:7px 0 7px 26px;position:relative;font-size:.94rem;color:#212B37;line-height:1.5}
.lp-wrap .outcomes-list li::before{content:'';position:absolute;left:0;top:15px;width:12px;height:2px;background:#87E837}
.lp-wrap .enrol-band{background:#FEE9CB;padding:56px 24px;position:relative;overflow:hidden}
.lp-wrap .enrol-band::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,#87e8372e 0%,transparent 55%);pointer-events:none}
.lp-wrap .enrol-inner{max-width:1024px;margin:0 auto;position:relative;z-index:1;display:flex;align-items:center;gap:48px}
.lp-wrap .enrol-content{flex:1}
.lp-wrap .enrol-content h2{font-size:clamp(1.4rem,3vw,2rem);color:#212B37;margin:0 0 14px;line-height:1.2}
.lp-wrap .enrol-content p{font-size:.97rem;color:#3a4452;line-height:1.65;margin:0 0 10px}
.lp-wrap .enrol-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.lp-wrap .meta-chip{background:#fff;border-radius:24px;padding:8px 18px;font-size:.82rem;color:#212B37;letter-spacing:.04em;box-shadow:0 2px 8px #212b3717 inset 0 1px 4px #212b370a;display:flex;align-items:center;gap:7px}
.lp-wrap .meta-chip i{color:#87E837;font-size:.9rem}
.lp-wrap .enrol-cta{flex:0 0 auto}
.lp-wrap .btn-enrol{display:inline-block;background:#212B37;color:#87E837;padding:14px 36px;border-radius:36px;font-size:.97rem;letter-spacing:.06em;text-decoration:none;border:none;cursor:pointer;position:relative;z-index:2;box-shadow:0 4px 14px #212b372e;transition:box-shadow .25s ease,opacity .25s ease}
.lp-wrap .btn-enrol:hover{box-shadow:0 8px 28px #212b3747;opacity:.92}
@media (max-width: 960px) {
.lp-wrap .hero-box{flex-direction:column;padding:40px 20px 32px}
.lp-wrap .hero-img-card{flex:none;width:100%}
.lp-wrap .hero-img-card img{width:100%;height:220px}
.lp-wrap .outcomes-box{flex-direction:column;padding:40px 20px}
.lp-wrap .outcomes-img{flex:none;width:100%}
.lp-wrap .outcomes-img img{width:100%;height:240px}
.lp-wrap .enrol-inner{flex-direction:column;gap:28px}
}
@media (max-width: 480px) {
.lp-wrap .hero-box{padding:28px 16px}
.lp-wrap .modules-band{padding:36px 16px}
.lp-wrap .enrol-band{padding:36px 16px}
.lp-wrap .enrol-meta{gap:10px}
}
.pg-success{min-height:100vh;background:#fff;overflow-x:hidden;text-rendering:optimizeLegibility;position:relative}
.pg-success ::selection{background:#212B37;color:#fff}
.pg-success *{box-sizing:border-box}
.pg-success .success-wrap{max-width:1024px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.pg-success .hero-band{background:#212B37;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:80px 0 0;overflow:hidden}
.pg-success .hero-band::before{content:'';position:absolute;top:-60px;right:-80px;width:340px;height:340px;border:1px solid #87e83714;border-radius:50%;opacity:.5}
.pg-success .hero-band::after{content:'';position:absolute;bottom:60px;left:-60px;width:220px;height:220px;background:#87e8370a;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}
.pg-success .spiral-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;height:480px;opacity:.04;border-radius:50%;border:40px solid #87E837;box-shadow:0 0 0 28px #87e8374d 0 0 0 50px #87e83726 0 0 0 72px #87e83712;pointer-events:none}
.pg-success .hero-inner{max-width:1024px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.pg-success .status-chip{display:inline-flex;align-items:center;gap:8px;background:#87e8371f;border:1px solid #87e8374d;border-radius:40px;padding:6px 18px;margin-bottom:32px}
.pg-success .status-chip span{color:#87E837;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.pg-success .status-chip i{color:#87E837;font-size:11px}
.pg-success .hero-h1{color:#fff;font-size:clamp(36px,6vw,72px);line-height:1.05;margin:0 0 24px;max-width:640px}
.pg-success .hero-h1 .accent-word{color:#87E837}
.pg-success .hero-sub{color:#ffffffa6;font-size:clamp(15px,2vw,18px);line-height:1.7;max-width:520px;margin:0 0 48px}
.pg-success .svg-divider{display:block;width:100%;overflow:hidden;line-height:0;margin-top:40px}
.pg-success .svg-divider svg{display:block;width:100%}
.pg-success .content-section{padding:72px 0 80px;position:relative}
.pg-success .content-section::before{content:'';position:absolute;top:0;left:-50vw;right:-50vw;bottom:0;background:linear-gradient(135deg,#fff 0%,#f9f9f6 100%);z-index:0}
.pg-success .cols-layout{display:grid;grid-template-columns:200px 1fr 200px;gap:32px;position:relative;z-index:1}
.pg-success .sidebar-left,.pg-success .sidebar-right{padding-top:8px}
.pg-success .side-nav-box{background:#fff;border-radius:24px;box-shadow:0 2px 8px #212b3712 inset 0 1px 3px #212b370a;padding:24px 16px;position:sticky;top:32px}
.pg-success .side-nav-box .nav-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#aaa;margin:0 0 14px 4px}
.pg-success .side-nav-box ul{list-style:none;margin:0;padding:0}
.pg-success .side-nav-box ul li{margin-bottom:4px}
.pg-success .side-nav-box ul li::before{content:'';display:inline-block;width:6px;height:6px;background:#87E837;border-radius:50%;margin-right:8px;vertical-align:middle;position:relative;top:-1px}
.pg-success .side-nav-box ul li a{color:#212B37;text-decoration:none;font-size:13px;line-height:1.5;opacity:.75;transition:opacity .2s}
.pg-success .side-nav-box ul li a:hover{opacity:1}
.pg-success .right-widget{background:#FEE9CB;border-radius:28px;padding:24px 18px;box-shadow:0 2px 12px #212b370f inset 0 2px 6px #fff9}
.pg-success .right-widget .widget-icon{width:40px;height:40px;background:#212B37;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pg-success .right-widget .widget-icon i{color:#87E837;font-size:16px}
.pg-success .right-widget p{color:#212B37;font-size:13px;line-height:1.6;margin:0 0 16px}
.pg-success .right-widget a{color:#212B37;font-size:12px;font-weight:600;letter-spacing:.06em;text-decoration:none;border-bottom:2px solid #87E837;padding-bottom:2px;transition:opacity .2s}
.pg-success .right-widget a:hover{opacity:.7}
.pg-success .main-col{min-width:0}
.pg-success .confirm-card{background:#fff;border-radius:32px;box-shadow:0 4px 24px #212b3714 inset 0 1px 4px #212b370a;padding:48px 40px;margin-bottom:32px;position:relative;overflow:hidden}
.pg-success .confirm-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#87E837 0%,#b4f06b 60%,#FEE9CB 100%);border-radius:32px 32px 0 0}
.pg-success .shape-anchor{display:inline-block;width:10px;height:10px;background:#87E837;clip-path:polygon(50% 0%,100% 100%,0% 100%);margin-right:10px;position:relative;top:1px}
.pg-success .block-h2{color:#212B37;font-size:clamp(22px,3vw,32px);line-height:1.2;margin:0 0 20px}
.pg-success .confirm-card p{color:#444;font-size:15px;line-height:1.75;margin:0 0 14px}
.pg-success .confirm-card p:last-of-type{margin-bottom:0}
.pg-success .steps-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:32px}
.pg-success .step-box{background:#f7f7f4;border-radius:24px;padding:24px 20px;box-shadow:inset 0 2px 6px #212b370d;transition:box-shadow 0.25s,opacity .25s}
.pg-success .step-box:hover{box-shadow:0 6px 20px #87e8372e inset 0 2px 6px #212b370a;opacity:.92}
.pg-success .step-num{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#87E837;margin:0 0 8px}
.pg-success .step-box h4{color:#212B37;font-size:14px;margin:0 0 8px;line-height:1.3}
.pg-success .step-box p{color:#666;font-size:13px;line-height:1.6;margin:0}
.pg-success .cta-row{margin-top:36px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.pg-success .btn-main{display:inline-flex;align-items:center;gap:8px;background:#212B37;color:#87E837;text-decoration:none;padding:14px 28px;border-radius:40px;font-size:14px;letter-spacing:.04em;border:none;cursor:pointer;z-index:10;position:relative;box-shadow:0 2px 8px #212b3726;transition:box-shadow .25s}
.pg-success .btn-main:hover{box-shadow:0 8px 28px #212b3747}
.pg-success .link-plain{color:#212B37;font-size:14px;text-decoration:none;border-bottom:1px solid #ccc;padding-bottom:2px;transition:border-color .2s;z-index:10;position:relative}
.pg-success .link-plain:hover{border-color:#87E837}
.pg-success .contact-strip{background:#212B37;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:28px 0}
.pg-success .contact-strip .strip-inner{max-width:1024px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.pg-success .contact-strip .c-item{display:flex;align-items:center;gap:10px;color:#ffffffa6;font-size:13px;text-decoration:none}
.pg-success .contact-strip .c-item i{color:#87E837;font-size:14px}
.pg-success .contact-strip .c-item:hover{color:#fff}
@media (max-width: 960px) {
.pg-success .cols-layout{grid-template-columns:1fr}
.pg-success .sidebar-left,.pg-success .sidebar-right{display:none}
.pg-success .steps-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 480px) {
.pg-success .confirm-card{padding:32px 20px}
.pg-success .steps-grid{grid-template-columns:1fr}
.pg-success .cta-row{flex-direction:column;align-items:flex-start}
}