*{margin:0;padding:0}
body{font-family:'Noto Serif',serif;background:linear-gradient(157deg,#FFFFFD 0%,#f8f9fa 100%);color:#2d2d2d;line-height:1.7}
.HeaderBox-v1{background:#fffffdd9;backdrop-filter:blur(12px);border-bottom:1px solid #89cf7233;box-shadow:0 4px 12px #0000000a}
.HeaderBox-v1 .TopRowContainer-v2{max-width:1000px;margin:0 auto;padding:24px 20px 16px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.HeaderBox-v1 .LogoWrapper-box{display:flex;align-items:center;gap:16px}
.HeaderBox-v1 .LogoWrapper-box img{height:110px;width:110px;object-fit:contain;background:#89cf7214;padding:12px;border-radius:20px;box-shadow:0 2px 8px #89cf7226}
.HeaderBox-v1 .MainNavigationBox-v1{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.HeaderBox-v1 .MainNavigationBox-v1 a{padding:12px 24px;text-decoration:none;color:#2d2d2d;font-weight:500;font-size:15px;border-radius:18px;transition:all .2s ease;background:#89cf720d}
.HeaderBox-v1 .MainNavigationBox-v1 a:hover{background:#89cf7226;color:#1a1a1a}
.HeaderBox-v1 .BottomRowContainer-v2{max-width:1000px;margin:0 auto;padding:12px 20px 20px;text-align:center}
.HeaderBox-v1 .CompanyNameText-v1{font-size:19px;font-weight:600;color:#2d2d2d;letter-spacing:.5px}
.FooterMainBox-v1{background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%);color:#FFFFFD;padding:64px 20px 32px;margin-top:80px}
.FooterMainBox-v1 .FooterContentWrapper-box{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:80px;margin-bottom:48px}
.FooterMainBox-v1 .FooterColumnBox-v2 h3{font-size:18px;font-weight:600;margin-bottom:24px;color:#89CF72}
.FooterMainBox-v1 .FooterColumnBox-v2 p,.FooterMainBox-v1 .FooterColumnBox-v2 a{font-size:15px;line-height:1.9;color:#fffffdd9;text-decoration:none;display:block;margin-bottom:12px}
.FooterMainBox-v1 .FooterColumnBox-v2 a:hover{color:#89CF72}
.FooterMainBox-v1 .FooterBottomBar-v1{max-width:1000px;margin:0 auto;padding-top:32px;border-top:1px solid #89cf7233;text-align:center;font-size:14px;color:#fffffd99}
.FooterMainBox-v1 .FooterLinksRow-v1{display:flex;justify-content:center;gap:32px;margin-bottom:20px;flex-wrap:wrap}
.FooterMainBox-v1 .FooterLinksRow-v1 a{color:#fffffdb3;text-decoration:none;font-size:14px}
.FooterMainBox-v1 .FooterLinksRow-v1 a:hover{color:#89CF72}
.CookieConsentPopupBox-v1{position:fixed;top:24px;left:50%;transform:translateX(-50%) translateY(-100%);max-width:920px;width:calc(100% - 40px);background:#fffffdfa;backdrop-filter:blur(16px);box-shadow:0 12px 32px #0000002e;border:1px solid #89cf724d;z-index:9999;display:none;border-radius:24px;overflow:hidden}
.CookieConsentPopupBox-v1.ShowPopup-active{display:block;animation:SlideInFromTop-v1 .4s ease-out forwards}
.CookieConsentPopupBox-v1.HidePopup-active{animation:SlideOutToTop-v1 .3s ease-in forwards}
@keyframes SlideInFromTop-v1 {
from{transform:translateX(-50%) translateY(-100%);opacity:0}
to{transform:translateX(-50%) translateY(0);opacity:1}
}
@keyframes SlideOutToTop-v1 {
from{transform:translateX(-50%) translateY(0);opacity:1}
to{transform:translateX(-50%) translateY(-100%);opacity:0}
}
.CookieConsentPopupBox-v1 .TabNavigationBox-v2{display:flex;background:linear-gradient(135deg,#89CF72 0%,#6fb85a 100%);border-bottom:2px solid #fffffd33}
.CookieConsentPopupBox-v1 .TabNavigationBox-v2 button{flex:1;padding:18px 24px;background:transparent;border:none;color:#fffffdb3;font-family:'Noto Serif',serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}
.CookieConsentPopupBox-v1 .TabNavigationBox-v2 button:hover{color:#FFFFFD;background:#fffffd1a}
.CookieConsentPopupBox-v1 .TabNavigationBox-v2 button.TabActive-v1{color:#FFFFFD;background:#fffffd33}
.CookieConsentPopupBox-v1 .TabContentArea-box{padding:28px 32px}
.CookieConsentPopupBox-v1 .TabPanelContent-v1{display:none}
.CookieConsentPopupBox-v1 .TabPanelContent-v1.TabActive-v1{display:block}
.CookieConsentPopupBox-v1 .TabPanelContent-v1 h3{font-size:20px;color:#2d2d2d;margin-bottom:16px;font-weight:700}
.CookieConsentPopupBox-v1 .TabPanelContent-v1 p{font-size:15px;color:#4a4a4a;line-height:1.7;margin-bottom:12px}
.CookieConsentPopupBox-v1 .CookieButtonsRow-v1{display:flex;gap:16px;margin-top:24px;justify-content:flex-end}
.CookieConsentPopupBox-v1 .CookieButtonsRow-v1 button{padding:14px 32px;border:none;font-family:'Noto Serif',serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}
.CookieConsentPopupBox-v1 .AcceptCookieButton-v1{background:linear-gradient(135deg,#89CF72 0%,#6fb85a 100%);color:#FFFFFD}
.CookieConsentPopupBox-v1 .AcceptCookieButton-v1:hover{background:linear-gradient(135deg,#6fb85a 0%,#5da048 100%);box-shadow:0 4px 12px #89cf724d}
.CookieConsentPopupBox-v1 .DeclineCookieButton-v1{background:#f0f0f0;color:#2d2d2d}
.CookieConsentPopupBox-v1 .DeclineCookieButton-v1:hover{background:#e0e0e0}
@media (max-width: 768px) {
.HeaderBox-v1 .TopRowContainer-v2{flex-direction:column;gap:20px;padding:20px 16px 12px}
.HeaderBox-v1 .MainNavigationBox-v1{width:100%;justify-content:center}
.HeaderBox-v1 .MainNavigationBox-v1 a{padding:10px 18px;font-size:14px}
.HeaderBox-v1 .LogoWrapper-box img{height:90px;width:90px}
.FooterMainBox-v1 .FooterContentWrapper-box{gap:48px}
.CookieConsentPopupBox-v1 .TabContentArea-box{padding:20px}
.CookieConsentPopupBox-v1 .CookieButtonsRow-v1{flex-direction:column}
.CookieConsentPopupBox-v1 .CookieButtonsRow-v1 button{width:100%}
}
@media (max-width: 375px) {
.HeaderBox-v1 .MainNavigationBox-v1{gap:6px}
.HeaderBox-v1 .MainNavigationBox-v1 a{padding:8px 14px;font-size:13px}
}
.info-doc{max-width:1000px;margin:80px auto;padding:0 24px;background:#FFFFFD}
.info-doc h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;padding:0 0 24px;border-bottom:3px solid #89CF72;line-height:1.2}
.info-doc h2{font-size:32px;font-weight:600;color:#2a2a2a;margin:56px 0 20px;line-height:1.3}
.info-doc h3{font-size:24px;font-weight:600;color:#3a3a3a;margin:40px 0 16px;line-height:1.4}
.info-doc h4{font-size:20px;font-weight:600;color:#4a4a4a;margin:32px 0 14px;line-height:1.4}
.info-doc h5{font-size:18px;font-weight:600;color:#5a5a5a;margin:28px 0 12px;line-height:1.5}
.info-doc h6{font-size:16px;font-weight:600;color:#6a6a6a;margin:24px 0 10px;line-height:1.5}
.info-doc p{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 20px}
.info-doc ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.info-doc ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.info-doc li{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 12px;padding-left:8px}
.info-doc ul ul{margin:12px 0;padding:0 0 0 24px;list-style-type:circle}
.info-doc ol ol{margin:12px 0;padding:0 0 0 24px;list-style-type:lower-alpha}
.info-doc ul ol{margin:12px 0;padding:0 0 0 24px}
.info-doc ol ul{margin:12px 0;padding:0 0 0 24px}
.info-doc li li{margin:8px 0}
.info-doc strong{font-weight:700;color:#1a1a1a}
.info-doc b{font-weight:700;color:#1a1a1a}
.info-doc em{font-style:italic;color:#4a4a4a}
.info-doc i{font-style:italic;color:#4a4a4a}
.info-doc a{color:#C62150;text-decoration:underline;transition:all .3s ease}
.info-doc a:hover{color:#89CF72;text-decoration:none}
.info-doc a:active{color:#a01840}
.info-doc hr{border:none;height:2px;background:linear-gradient(90deg,#89CF72 0%,#C62150 100%);margin:48px 0;border-radius:16px}
@media screen and (max-width: 1366px) {
.info-doc{margin:60px auto;padding:0 20px}
.info-doc h1{font-size:38px}
.info-doc h2{font-size:28px;margin:48px 0 18px}
}
@media screen and (max-width: 768px) {
.info-doc{margin:40px auto;padding:0 16px}
.info-doc h1{font-size:32px;padding:0 0 20px;margin:0 0 12px}
.info-doc h2{font-size:24px;margin:40px 0 16px}
.info-doc h3{font-size:20px;margin:32px 0 14px}
.info-doc h4{font-size:18px;margin:28px 0 12px}
.info-doc h5{font-size:17px;margin:24px 0 10px}
.info-doc h6{font-size:16px;margin:20px 0 8px}
.info-doc p{font-size:16px;line-height:1.7;margin:0 0 18px}
.info-doc li{font-size:16px;line-height:1.7}
.info-doc ul{padding:0 0 0 24px;margin:0 0 20px}
.info-doc ol{padding:0 0 0 24px;margin:0 0 20px}
.info-doc hr{margin:36px 0}
}
@media screen and (max-width: 375px) {
.info-doc{margin:32px auto;padding:0 12px}
.info-doc h1{font-size:28px}
.info-doc h2{font-size:22px}
.info-doc h3{font-size:19px}
.info-doc p{font-size:15px}
.info-doc li{font-size:15px}
.info-doc ul{padding:0 0 0 20px}
.info-doc ol{padding:0 0 0 20px}
}
.HeroMainBox-v1{max-width:1000px;margin:3rem auto;padding:0 1.5rem}
.HeroContentGrid-v1{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.HeroTextSection-v1 h1{font-size:2.8rem;line-height:1.2;color:#1a1a1a;margin-bottom:1.5rem}
.HeroTextSection-v1 h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(135deg,#89CF72,#C62150);margin-bottom:1rem;border-radius:8px}
.HeroTextSection-v1 p{font-size:1.1rem;line-height:1.7;color:#444;margin-bottom:2rem}
.HeroActionButtons-v1{display:flex;gap:1rem;flex-wrap:wrap}
.PrimaryButtonHero-v1{padding:.95rem 2rem;background:linear-gradient(125deg,#89CF72,#6fb559);color:#fff;border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #89cf724d;text-decoration:none;display:inline-block}
.PrimaryButtonHero-v1:hover{transform:translateY(-2px);box-shadow:0 6px 16px #89cf7266}
.SecondaryButtonHero-v1{padding:.95rem 2rem;background:transparent;color:#C62150;border:2px solid #C62150;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.SecondaryButtonHero-v1:hover{background:#C62150;color:#fff;transform:translateY(-2px)}
.HeroImageContainer-v1{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 8px 24px #0000001f}
.HeroImageContainer-v1::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#89cf7226,#c6215026);pointer-events:none}
.HeroImageContainer-v1 img{width:100%;height:420px;object-fit:cover;display:block}
.LearningPathBox-v2{max-width:1000px;margin:5rem auto;padding:0 1.5rem}
.PathHeaderSection-v2{text-align:center;margin-bottom:3.5rem}
.PathHeaderSection-v2 h2{font-size:2.4rem;color:#1a1a1a;margin-bottom:1rem;position:relative;display:inline-block}
.PathHeaderSection-v2 h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#C62150,#89CF72);border-radius:4px}
.PathHeaderSection-v2 p{font-size:1.05rem;color:#555;max-width:680px;margin:1.5rem auto 0;line-height:1.6}
.ModulesGridLayout-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.ModuleCardBox-v2{background:#FFFFFD;border-radius:20px;padding:2rem;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:2px solid transparent}
.ModuleCardBox-v2:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#89CF72}
.ModuleIconCircle-v2{width:56px;height:56px;background:linear-gradient(135deg,#89cf7233,#c6215033);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.ModuleIconCircle-v2 i{font-size:1.8rem;color:#C62150}
.ModuleCardBox-v2 h3{font-size:1.4rem;color:#1a1a1a;margin-bottom:.75rem}
.ModuleCardBox-v2 p{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:1.2rem}
.ModuleDurationLabel-v2{font-size:.85rem;color:#89CF72;font-weight:600;display:flex;align-items:center;gap:.5rem}
.ModuleDurationLabel-v2::before{content:'';width:6px;height:6px;background:#89CF72;border-radius:50%}
.EnrollmentProcessBox-v3{max-width:1000px;margin:5rem auto;padding:3.5rem 1.5rem;background:linear-gradient(155deg,#89cf7214,#c6215014);border-radius:32px}
.ProcessHeaderBox-v3{margin-bottom:3rem}
.ProcessHeaderBox-v3 h2{font-size:2.2rem;color:#1a1a1a;margin-bottom:1rem}
.ProcessHeaderBox-v3 p{font-size:1.05rem;color:#555;line-height:1.6}
.StepsFlowContainer-v3{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;position:relative}
.StepsFlowContainer-v3::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#89CF72,#C62150);z-index:0}
.StepItemBox-v3{flex:1;text-align:center;position:relative;z-index:1}
.StepNumberCircle-v3{width:80px;height:80px;background:#FFFFFD;border:4px solid #89CF72;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;font-weight:700;color:#C62150;box-shadow:0 4px 12px #89cf724d}
.StepItemBox-v3 h4{font-size:1.2rem;color:#1a1a1a;margin-bottom:.75rem}
.StepItemBox-v3 p{font-size:.9rem;color:#666;line-height:1.5}
.EnrollmentActionBox-v3{text-align:center;margin-top:3rem}
.EnrollNowButton-v3{padding:1.1rem 3rem;background:linear-gradient(120deg,#C62150,#a51841);color:#fff;border:none;border-radius:28px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #c621504d;text-decoration:none;display:inline-block}
.EnrollNowButton-v3:hover{transform:translateY(-3px);box-shadow:0 8px 24px #c6215066}
@media (max-width: 768px) {
.HeroContentGrid-v1{grid-template-columns:1fr;gap:2rem}
.HeroTextSection-v1 h1{font-size:2.2rem}
.HeroImageContainer-v1 img{height:320px}
.ModulesGridLayout-v2{grid-template-columns:1fr;gap:1.5rem}
.StepsFlowContainer-v3{flex-direction:column;align-items:center}
.StepsFlowContainer-v3::before{display:none}
.StepItemBox-v3{max-width:280px}
.PathHeaderSection-v2 h2{font-size:2rem}
.ProcessHeaderBox-v3 h2{font-size:1.9rem}
}
@media (max-width: 375px) {
.HeroTextSection-v1 h1{font-size:1.9rem}
.HeroActionButtons-v1{flex-direction:column}
.PrimaryButtonHero-v1,.SecondaryButtonHero-v1{width:100%;text-align:center}
}
.TitleHeroBox-v1{background:linear-gradient(128deg,#89CF72 0%,#C62150 100%);padding:80px 20px;position:relative;overflow:hidden}
.TitleHeroBox-v1::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#fffffd14;border-radius:50%}
.hero-content-wrapper{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.hero-text-section{flex:1}
.hero-title-main{font-size:48px;color:#FFFFFD;margin:0 0 24px;line-height:1.2;font-weight:700}
.hero-benefit-list{list-style:none;padding:0;margin:0 0 32px}
.hero-benefit-list li{color:#FFFFFD;font-size:18px;margin-bottom:12px;padding-left:28px;position:relative}
.hero-benefit-list li::before{content:'✓';position:absolute;left:0;font-weight:700;color:#FFFFFD}
.hero-cta-button{background:#FFFFFD;color:#C62150;padding:16px 40px;border-radius:24px;text-decoration:none;display:inline-block;font-weight:600;font-size:18px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000026}
.hero-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}
.hero-image-section{flex:1;position:relative}
.hero-image-frame{border:4px solid #fffffd4d;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #0003}
.hero-main-image{width:100%;height:auto;display:block;transition:transform .6s ease}
.hero-image-frame:hover .hero-main-image{transform:scale(1.05)}
.ComparisonSectionBox{max-width:1000px;margin:80px auto;padding:0 20px}
.comparison-header-text{text-align:center;margin-bottom:48px}
.comparison-header-text h2{font-size:36px;color:#333;margin:0 0 16px}
.comparison-header-text p{font-size:18px;color:#666;max-width:700px;margin:0 auto}
.comparison-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.approach-card-box{background:#FFFFFD;border-radius:20px;padding:32px;box-shadow:0 4px 12px #00000014;position:relative;transition:transform .3s ease}
.approach-card-box:hover{transform:translateY(-4px)}
.approach-card-box.traditional-style{border-top:4px solid #666}
.approach-card-box.modern-style{border-top:4px solid #89CF72}
.approach-card-box h3{font-size:24px;margin:0 0 20px;color:#333}
.approach-feature-list{list-style:none;padding:0;margin:0}
.approach-feature-list li{padding:12px 0;border-bottom:1px solid #eee;font-size:16px;color:#555}
.approach-feature-list li:last-child{border-bottom:none}
.approach-feature-list li::before{content:'→';margin-right:12px;color:#89CF72;font-weight:700}
.traditional-style .approach-feature-list li::before{color:#999}
.EcosystemDisplayBox-v2{background:linear-gradient(215deg,#FFFFFD 0%,#f5f5f3 100%);padding:80px 20px;margin:60px 0}
.ecosystem-inner-container{max-width:1000px;margin:0 auto}
.ecosystem-title-section{text-align:center;margin-bottom:56px}
.ecosystem-title-section h2{font-size:36px;color:#333;margin:0 0 16px}
.ecosystem-title-section p{font-size:18px;color:#666}
.ecosystem-components-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ecosystem-component-card{background:#FFFFFD;border-radius:18px;padding:28px;box-shadow:0 2px 8px #0000000f;text-align:center;transition:box-shadow .3s ease}
.ecosystem-component-card:hover{box-shadow:0 6px 16px #89cf7233}
.component-icon-wrapper{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#89CF72 0%,#C62150 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.component-icon-wrapper i{font-size:32px;color:#FFFFFD}
.ecosystem-component-card h3{font-size:20px;color:#333;margin:0 0 12px}
.ecosystem-component-card p{font-size:15px;color:#666;line-height:1.6;margin:0}
.DevelopmentPathBox{max-width:1000px;margin:80px auto;padding:0 20px}
.development-intro-wrapper{display:flex;gap:48px;align-items:center;margin-bottom:56px}
.development-text-content{flex:1}
.development-text-content h2{font-size:36px;color:#333;margin:0 0 20px}
.development-text-content p{font-size:17px;color:#666;line-height:1.7;margin-bottom:16px}
.development-image-content{flex:1}
.development-showcase-img{width:100%;height:auto;border-radius:20px;box-shadow:0 6px 16px #0000001a}
.development-stages-tracker{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.stage-progress-item{text-align:center;position:relative}
.stage-progress-item::before{content:'';position:absolute;top:32px;left:50%;width:100%;height:3px;background:#eee;z-index:1}
.stage-progress-item:last-child::before{display:none}
.stage-number-circle{width:64px;height:64px;background:#89CF72;color:#FFFFFD;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 16px;position:relative;z-index:2;box-shadow:0 4px 8px #0000001f}
.stage-progress-item h4{font-size:18px;color:#333;margin:0 0 8px}
.stage-progress-item p{font-size:14px;color:#777;margin:0}
.ToolsShowcaseBox-v1{background:#FFFFFD;padding:80px 20px;margin:60px 0}
.tools-content-wrapper{max-width:1000px;margin:0 auto}
.tools-header-block{text-align:center;margin-bottom:56px}
.tools-header-block h2{font-size:36px;color:#333;margin:0 0 16px}
.tools-header-block p{font-size:18px;color:#666}
.tools-display-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.tool-feature-card{background:linear-gradient(145deg,#f9f9f7 0%,#FFFFFD 100%);border-radius:20px;padding:32px;border:2px solid #eee;transition:border-color .3s ease,transform .3s ease}
.tool-feature-card:hover{border-color:#89CF72;transform:translateY(-3px)}
.tool-icon-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.tool-icon-visual{width:48px;height:48px;background:linear-gradient(135deg,#C62150 0%,#89CF72 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}
.tool-icon-visual i{font-size:24px;color:#FFFFFD}
.tool-feature-card h3{font-size:22px;color:#333;margin:0}
.tool-description-text{font-size:16px;color:#666;line-height:1.6;margin:0}
.DocumentCertificationBox{max-width:1000px;margin:80px auto;padding:0 20px}
.certification-layout-wrapper{display:flex;gap:48px;align-items:center}
.certification-visual-side{flex:1}
.certification-sample-img{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 20px #0000001f}
.certification-content-side{flex:1}
.certification-content-side h2{font-size:36px;color:#333;margin:0 0 24px}
.certification-benefits-list{list-style:none;padding:0;margin:0 0 32px}
.certification-benefits-list li{padding:14px 0;font-size:17px;color:#555;border-left:4px solid #89CF72;padding-left:20px;margin-bottom:12px;transition:padding-left .3s ease}
.certification-benefits-list li:hover{padding-left:28px}
.certification-action-button{background:linear-gradient(135deg,#89CF72 0%,#C62150 100%);color:#FFFFFD;padding:16px 36px;border-radius:24px;text-decoration:none;display:inline-block;font-weight:600;font-size:18px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000026}
.certification-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c621504d}
@media (max-width: 1366px) {
.hero-content-wrapper{gap:40px}
.hero-title-main{font-size:42px}
}
@media (max-width: 768px) {
.TitleHeroBox-v1{padding:60px 20px}
.hero-content-wrapper{flex-direction:column;gap:32px}
.hero-title-main{font-size:32px}
.hero-benefit-list li{font-size:16px}
.comparison-grid-layout{grid-template-columns:1fr}
.ecosystem-components-grid{grid-template-columns:1fr}
.development-intro-wrapper{flex-direction:column}
.development-stages-tracker{grid-template-columns:1fr}
.stage-progress-item::before{display:none}
.tools-display-grid{grid-template-columns:1fr}
.certification-layout-wrapper{flex-direction:column-reverse}
}
@media (max-width: 375px) {
.hero-title-main{font-size:28px}
.hero-cta-button{padding:14px 32px;font-size:16px}
.comparison-header-text h2,.ecosystem-title-section h2,.development-text-content h2,.tools-header-block h2,.certification-content-side h2{font-size:28px}
}
.PageHead-v1{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(142deg,#89CF72 0%,#C62150 100%);margin-bottom:60px}
.PageHead-v1 .BackgroundImg-box{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;z-index:1}
.PageHead-v1 .BackgroundImg-box img{width:100%;height:100%;object-fit:cover;filter:blur(2px)}
.PageHead-v1 .ContentWrapper-v2{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:40px 20px;background:#fffffdeb;border-radius:24px;text-align:center;box-shadow:0 8px 24px #0000001f}
.PageHead-v1 .TitleText-active{font-size:2.8rem;line-height:1.2;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.PageHead-v1 .SubText-v1{font-size:1.15rem;line-height:1.6;color:#3a3a3a;margin:0 0 8px;font-weight:500}
.PageHead-v1 .DetailText-box{font-size:1rem;line-height:1.5;color:#5a5a5a;margin:0}
.PageHead-v1 .DecorDots-v1{display:flex;justify-content:center;gap:10px;margin-top:28px}
.PageHead-v1 .DecorDots-v1 span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#89CF72,#C62150)}
.ContactSection-box{max-width:1000px;margin:0 auto 80px;padding:0 20px}
.FormWrapper-v3{background:linear-gradient(156deg,#FFFFFD 0%,#f8fff6 100%);border-radius:28px;padding:56px;box-shadow:0 6px 32px #00000014;border:2px solid #89CF72}
.FormHeader-box{margin-bottom:44px;text-align:center}
.FormHeader-box h2{font-size:2.2rem;color:#2a2a2a;margin:0 0 16px;font-weight:700}
.FormHeader-box .IntroText-v2{font-size:1.05rem;color:#4a4a4a;line-height:1.6;max-width:640px;margin:0 auto}
.FormGrid-v1{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:28px}
.InputGroup-box{display:flex;flex-direction:column}
.InputGroup-box label{font-size:.95rem;font-weight:600;color:#2a2a2a;margin-bottom:10px;display:block}
.InputGroup-box input,.InputGroup-box textarea{width:100%;padding:16px 20px;border:2px solid #e0e0e0;border-radius:16px;font-size:1rem;color:#2a2a2a;background:#FFFFFD;transition:all .3s ease;box-sizing:border-box}
.InputGroup-box input:focus,.InputGroup-box textarea:focus{outline:none;border-color:#89CF72;box-shadow:0 0 0 3px #89cf7226}
.InputGroup-box textarea{min-height:140px;resize:vertical;font-family:inherit}
.RadioSection-v1{margin-bottom:28px}
.RadioSection-v1 .RadioLabel-main{font-size:.95rem;font-weight:600;color:#2a2a2a;margin-bottom:16px;display:block}
.RadioOptions-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.RadioItem-box{position:relative}
.RadioItem-box input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.RadioItem-box label{display:flex;align-items:center;padding:16px 20px;background:#FFFFFD;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;transition:all .3s ease;font-size:.95rem;color:#3a3a3a;font-weight:500}
.RadioItem-box label::before{content:'';width:20px;height:20px;border:2px solid #C62150;border-radius:50%;margin-right:12px;flex-shrink:0;transition:all .3s ease;box-sizing:border-box}
.RadioItem-box input[type="radio"]:checked + label{background:linear-gradient(135deg,#89cf721a,#c621501a);border-color:#C62150}
.RadioItem-box input[type="radio"]:checked + label::before{background:#C62150;box-shadow:inset 0 0 0 4px #FFFFFD}
.RadioItem-box label:hover{border-color:#89CF72;background:#89cf720d}
.PrivacyCheck-v1{margin-bottom:32px;display:flex;align-items:flex-start}
.PrivacyCheck-v1 input[type="checkbox"]{width:22px;height:22px;margin-right:12px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#C62150}
.PrivacyCheck-v1 label{font-size:.9rem;color:#4a4a4a;line-height:1.5;cursor:pointer}
.PrivacyCheck-v1 label a{color:#C62150;text-decoration:none;font-weight:600;transition:color .3s ease}
.PrivacyCheck-v1 label a:hover{color:#89CF72;text-decoration:underline}
.SubmitButton-v2{width:100%;padding:18px 40px;background:linear-gradient(135deg,#C62150 0%,#89CF72 100%);color:#FFFFFD;font-size:1.1rem;font-weight:700;border:none;border-radius:20px;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 20px #c621504d;position:relative;z-index:10}
.SubmitButton-v2:hover{transform:translateY(-3px);box-shadow:0 10px 28px #c6215066}
.SubmitButton-v2:active{transform:translateY(-1px)}
.ContactInfo-v1{max-width:1000px;margin:0 auto 60px;padding:0 20px}
.InfoGrid-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.InfoCard-box{background:linear-gradient(148deg,#FFFFFD 0%,#f0f9ec 100%);padding:36px 32px;border-radius:24px;text-align:center;border:2px solid #89CF72;transition:all .3s ease}
.InfoCard-box:hover{transform:translateY(-6px);box-shadow:0 12px 32px #89cf7233}
.InfoCard-box .IconWrapper-v1{width:68px;height:68px;margin:0 auto 20px;background:linear-gradient(135deg,#89CF72,#C62150);border-radius:50%;display:flex;align-items:center;justify-content:center}
.InfoCard-box .IconWrapper-v1 i{font-size:2rem;color:#FFFFFD}
.InfoCard-box h3{font-size:1.3rem;color:#2a2a2a;margin:0 0 12px;font-weight:700}
.InfoCard-box .DetailValue-v1{font-size:1.05rem;color:#3a3a3a;line-height:1.6;margin:0}
.InfoCard-box .DetailValue-v1 a{color:#C62150;text-decoration:none;font-weight:600;transition:color .3s ease}
.InfoCard-box .DetailValue-v1 a:hover{color:#89CF72}
@media (max-width: 768px) {
.PageHead-v1{min-height:360px;margin-bottom:40px}
.PageHead-v1 .ContentWrapper-v2{padding:32px 24px}
.PageHead-v1 .TitleText-active{font-size:2.2rem}
.PageHead-v1 .SubText-v1{font-size:1.05rem}
.FormWrapper-v3{padding:36px 24px}
.FormHeader-box h2{font-size:1.8rem}
.RadioOptions-v2{grid-template-columns:1fr}
.InfoGrid-v2{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.PageHead-v1 .TitleText-active{font-size:1.9rem}
.FormWrapper-v3{padding:28px 20px}
.FormHeader-box h2{font-size:1.6rem}
}
.hero-about-box{position:relative;max-width:1000px;margin:0 auto 4rem;padding:5rem 2rem 3rem;overflow:hidden}
.geometric-bg-v1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(125deg,#89CF72 0%,#C62150 100%);clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}
.shape-accent-v2::before{content:'';position:absolute;width:280px;height:280px;background:#fffffd1f;border-radius:50%;top:-80px;right:-60px;z-index:2}
.shape-accent-v2::after{content:'';position:absolute;width:160px;height:160px;background:#fffffd14;border-radius:28px;bottom:40px;left:60px;transform:rotate(15deg);z-index:2}
.hero-content-wrapper-v1{position:relative;z-index:3;display:flex;gap:3rem;align-items:center}
.hero-text-section-box{flex:1;color:#FFFFFD}
.hero-text-section-box h1{font-size:2.8rem;margin:0 0 1.2rem;font-weight:700;line-height:1.15}
.hero-text-section-box p{font-size:1.1rem;line-height:1.7;margin:0;opacity:.95}
.hero-image-cutout-v3{flex:0 0 380px;position:relative}
.hero-image-cutout-v3 img{width:100%;height:340px;object-fit:cover;border-radius:24px;box-shadow:0 12px 32px #00000040;position:relative}
.hero-image-cutout-v3::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;box-shadow:inset 0 0 80px #00000059;pointer-events:none}
.story-timeline-container-v1{max-width:1000px;margin:0 auto 5rem;padding:0 2rem}
.story-timeline-container-v1 h2{font-size:2.2rem;margin:0 0 3rem;text-align:center;color:#2d2d2d}
.timeline-grid-box-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;position:relative}
.timeline-grid-box-v2::before{content:'';position:absolute;top:60px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,#89CF72 0%,#C62150 100%);z-index:1}
.timeline-item-card-v1{position:relative;z-index:2;background:#FFFFFD;padding:2rem 1.8rem;border-radius:20px;box-shadow:0 4px 16px #00000014;text-align:center;transition:transform .3s}
.timeline-item-card-v1:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0000001f}
.timeline-year-badge-v3{display:inline-block;background:linear-gradient(135deg,#89CF72,#C62150);color:#FFFFFD;padding:.6rem 1.4rem;border-radius:50px;font-weight:700;font-size:1.1rem;margin-bottom:1.2rem}
.timeline-item-card-v1 h3{font-size:1.3rem;margin:0 0 .8rem;color:#2d2d2d}
.timeline-item-card-v1 p{font-size:.95rem;line-height:1.6;color:#555;margin:0}
.approach-split-layout-v1{max-width:1000px;margin:0 auto 5rem;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.approach-visual-group-v2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.approach-visual-group-v2 img{width:100%;height:180px;object-fit:cover;border-radius:16px;box-shadow:0 6px 20px #0000001a}
.approach-visual-group-v2 img:first-child{transform:translateY(20px)}
.approach-content-text-box{padding-left:1rem}
.approach-content-text-box h2{font-size:2rem;margin:0 0 1.5rem;color:#2d2d2d;position:relative;padding-bottom:1rem}
.approach-content-text-box h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:#C62150;border-radius:2px}
.approach-content-text-box p{font-size:1rem;line-height:1.7;color:#4a4a4a;margin:0 0 1.2rem}
.values-showcase-container-v3{max-width:1000px;margin:0 auto 5rem;padding:3rem 2rem;background:linear-gradient(165deg,#89cf7214 0%,#c6215014 100%);border-radius:28px}
.values-showcase-container-v3 h2{font-size:2.2rem;margin:0 0 3rem;text-align:center;color:#2d2d2d}
.values-interactive-grid-v1{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}
.value-card-interactive-box{background:#FFFFFD;padding:2.2rem 1.8rem;border-radius:20px;border:2px solid transparent;transition:all .3s;position:relative}
.value-card-interactive-box:hover{border-color:#89CF72;transform:scale(1.03);box-shadow:0 8px 24px #89cf7233}
.value-icon-display-v2{width:56px;height:56px;background:linear-gradient(135deg,#89CF72,#C62150);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.value-icon-display-v2 i{font-size:1.8rem;color:#FFFFFD}
.value-card-interactive-box h3{font-size:1.3rem;margin:0 0 .8rem;color:#2d2d2d}
.value-card-interactive-box p{font-size:.95rem;line-height:1.6;color:#555;margin:0}
.cta-contact-section-v1{max-width:1000px;margin:0 auto 3rem;padding:0 2rem;text-align:center}
.cta-wrapper-centered-box{background:#2d2d2d;padding:3.5rem 2.5rem;border-radius:24px;position:relative;overflow:hidden}
.cta-wrapper-centered-box::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#89cf7226 0%,transparent 70%);border-radius:50%}
.cta-wrapper-centered-box::after{content:'';position:absolute;bottom:-80px;left:-80px;width:240px;height:240px;background:radial-gradient(circle,#c6215026 0%,transparent 70%);border-radius:50%}
.cta-wrapper-centered-box h2{font-size:2rem;margin:0 0 1rem;color:#FFFFFD;position:relative;z-index:2}
.cta-wrapper-centered-box p{font-size:1.05rem;line-height:1.6;color:#fffffde6;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.cta-button-primary-v1{display:inline-block;background:linear-gradient(135deg,#89CF72,#C62150);color:#FFFFFD;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:all .3s;position:relative;z-index:2;box-shadow:0 6px 20px #89cf724d}
.cta-button-primary-v1:hover{transform:translateY(-3px);box-shadow:0 10px 28px #89cf7266}
@media (max-width: 768px) {
.hero-content-wrapper-v1{flex-direction:column;gap:2rem}
.hero-image-cutout-v3{flex:0 0 auto;width:100%}
.hero-text-section-box h1{font-size:2.2rem}
.timeline-grid-box-v2{grid-template-columns:1fr;gap:2rem}
.timeline-grid-box-v2::before{display:none}
.approach-split-layout-v1{grid-template-columns:1fr;gap:2.5rem}
.approach-content-text-box{padding-left:0}
.values-interactive-grid-v1{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.hero-about-box{padding:3rem 1.5rem 2rem}
.hero-text-section-box h1{font-size:1.8rem}
.cta-wrapper-centered-box{padding:2.5rem 1.5rem}
}
.success-hero-box{background:linear-gradient(142deg,#89CF72 0%,#C62150 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.success-hero-box::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fffffd26 0%,transparent 70%);border-radius:50%}
.success-hero-box::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#fffffd1a 0%,transparent 70%);border-radius:50%}
.success-content-wrapper-v1{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.success-icon-box{width:120px;height:120px;margin:0 auto 32px;position:relative}
.success-icon-box svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #00000026)}
.success-headline-v2{font-size:3rem;font-weight:700;color:#FFFFFD;margin:0 0 16px;letter-spacing:-.5px}
.success-subheadline-text{font-size:1.25rem;color:#FFFFFD;opacity:.95;margin:0 0 40px;line-height:1.6}
.success-action-box{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.success-button-primary-v1{background:#FFFFFD;color:#C62150;padding:16px 32px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 16px #0000001a;position:relative;z-index:5}
.success-button-primary-v1:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;color:#C62150}
.success-button-secondary-v1{background:transparent;color:#FFFFFD;padding:16px 32px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;border:2px solid #FFFFFD;transition:all .3s ease;position:relative;z-index:5}
.success-button-secondary-v1:hover{background:#fffffd1a;transform:translateY(-2px)}
.info-section-wrapper{padding:72px 20px;background:#FFFFFD}
.info-grid-container-v1{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.info-card-box{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:32px 24px;border-radius:20px;text-align:center;box-shadow:0 2px 12px #89cf721a;transition:all .3s ease;border:1px solid #89cf7226}
.info-card-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #89cf7233}
.info-icon-wrapper-v1{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#89CF72 0%,#a8dfa0 100%);border-radius:16px;display:flex;align-items:center;justify-content:center}
.info-icon-wrapper-v1 svg{width:32px;height:32px}
.info-card-title-v1{font-size:1.35rem;font-weight:700;color:#2c3e50;margin:0 0 12px}
.info-card-description{font-size:1rem;color:#5a6c7d;line-height:1.6;margin:0}
@media (max-width: 768px) {
.success-headline-v2{font-size:2rem}
.success-subheadline-text{font-size:1.1rem}
.success-action-box{flex-direction:column;align-items:stretch}
.success-button-primary-v1,.success-button-secondary-v1{text-align:center}
.info-grid-container-v1{grid-template-columns:1fr;gap:24px}
.success-hero-box{padding:60px 20px}
.info-section-wrapper{padding:56px 20px}
}
@media (min-width: 769px) and (max-width: 1366px) {
.info-grid-container-v1{grid-template-columns:repeat(2,1fr)}
.success-headline-v2{font-size:2.5rem}
}
@media (max-width: 375px) {
.success-icon-box{width:90px;height:90px}
.success-headline-v2{font-size:1.75rem}
.success-button-primary-v1,.success-button-secondary-v1{padding:14px 24px;font-size:1rem}
}