html,body{margin:0;padding:0;box-sizing:border-box}
*,::before,::after{box-sizing:inherit}
body{font-family:'Work Sans',sans-serif;background:#FEFEFE;color:#1a1a1a;line-height:1.6}
.HeaderFrame3{background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);border-bottom:4px solid #006D84;box-shadow:0 4px 6px #00000026;padding:28px 0}
.nav-container-wrap{max-width:1536px;margin:0 auto;padding:0 24px}
.MainNav{display:flex;justify-content:center;align-items:center}
.nav-list-data{list-style:none;margin:0;padding:0;display:flex;gap:48px;align-items:center;flex-wrap:wrap;justify-content:center}
.nav-item2{margin:0;padding:0}
.NavLink{color:#FEFEFE;text-decoration:none;font-size:18px;font-weight:600;padding:12px 24px;border:2px solid transparent;border-radius:6px;transition:all .2s ease;display:inline-block}
.nav-item2:first-child .NavLink{font-size:22px;font-weight:700;border:2px solid #FEFEFE;background:#fefefe1a}
.NavLink:hover{background:#fefefe26;border-color:#FEFEFE}
.FooterWrapper{background:linear-gradient(180deg,#006D84 0%,#24D1BD 100%);padding:42px 24px;margin-top:80px}
.footer-content-data{max-width:1536px;margin:0 auto;text-align:center}
.legal-links-wrap{margin-bottom:18px}
.FooterLink{color:#FEFEFE;text-decoration:none;font-size:15px;font-weight:400;transition:opacity .2s ease}
.FooterLink:hover{opacity:.8}
.separator-dot{color:#FEFEFE;margin:0 14px;font-size:15px}
.copyright-text-data p{color:#FEFEFE;font-size:14px;font-weight:300;margin:0}
.CookieToast{position:fixed;right:24px;top:50%;transform:translateY(-50%) translateX(400px);background:#FEFEFE;border:2px solid #24D1BD;border-radius:8px;box-shadow:0 6px 12px #006d8440;padding:24px;max-width:340px;z-index:9999;transition:transform .4s ease}
.CookieToast[data-visible="true"]{transform:translateY(-50%) translateX(0)}
.toast-content-wrap{display:flex;flex-direction:column;gap:18px}
.toast-msg-text{color:#1a1a1a;font-size:14px;line-height:1.5;margin:0}
.policy-link-inline{color:#006D84;text-decoration:underline;font-weight:600}
.policy-link-inline:hover{color:#24D1BD}
.toast-btn-wrapper{display:flex;gap:12px}
.ToastBtn{flex:1;padding:10px 18px;border:2px solid #24D1BD;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:'Work Sans',sans-serif}
.ToastBtn--accept{background:#24D1BD;color:#FEFEFE}
.ToastBtn--accept:hover{background:#006D84;border-color:#006D84}
.ToastBtn--decline{background:transparent;color:#006D84}
.ToastBtn--decline:hover{background:#006D84;color:#FEFEFE}
@media (max-width: 768px) {
.nav-list-data{gap:24px}
.NavLink{font-size:16px;padding:10px 18px}
.nav-item2:first-child .NavLink{font-size:19px}
.CookieToast{right:16px;left:16px;max-width:none;top:auto;bottom:16px;transform:translateY(400px)}
.CookieToast[data-visible="true"]{transform:translateY(0)}
.toast-btn-wrapper{flex-direction:column}
}
@media (max-width: 480px) {
.nav-list-data{flex-direction:column;gap:16px}
.HeaderFrame3{padding:20px 0}
.legal-links-wrap{display:flex;flex-direction:column;gap:8px}
.separator-dot{display:none}
}
.legal-info-wk{max-width:1536px;margin:0 auto;padding:80px 24px;background:#FEFEFE}
.legal-info-wk h1{font-size:42px;font-weight:700;color:#006D84;margin:0 0 48px;line-height:1.2;letter-spacing:-.5px}
.legal-info-wk h2{font-size:32px;font-weight:600;color:#006D84;margin:56px 0 24px;line-height:1.3;border-bottom:2px solid #24D1BD;padding-bottom:12px}
.legal-info-wk h3{font-size:24px;font-weight:600;color:#006D84;margin:40px 0 20px;line-height:1.4}
.legal-info-wk h4{font-size:20px;font-weight:600;color:#333;margin:32px 0 16px;line-height:1.4}
.legal-info-wk h5{font-size:18px;font-weight:600;color:#333;margin:28px 0 14px;line-height:1.5}
.legal-info-wk h6{font-size:16px;font-weight:600;color:#555;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.legal-info-wk p{font-size:16px;line-height:1.8;color:#333;margin:0 0 20px;text-align:justify}
.legal-info-wk ul{margin:0 0 24px;padding:0 0 0 32px;list-style-type:disc}
.legal-info-wk ol{margin:0 0 24px;padding:0 0 0 32px;list-style-type:decimal}
.legal-info-wk li{font-size:16px;line-height:1.8;color:#333;margin:0 0 12px;padding-left:8px}
.legal-info-wk ul ul{margin:12px 0;padding-left:24px;list-style-type:circle}
.legal-info-wk ol ol{margin:12px 0;padding-left:24px;list-style-type:lower-alpha}
.legal-info-wk li li{margin:8px 0}
.legal-info-wk em{font-style:italic;color:#006D84}
.legal-info-wk i{font-style:italic;color:#006D84}
.legal-info-wk a{color:#24D1BD;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;font-weight:500}
.legal-info-wk a:hover{color:#006D84;border-bottom-color:#006D84}
.legal-info-wk a:focus{outline:2px solid #24D1BD;outline-offset:2px;border-radius:2px}
.legal-info-wk table{width:100%;border-collapse:collapse;margin:32px 0;background:#FFF;box-shadow:0 2px 8px #006d8414;border-radius:8px;overflow:hidden}
.legal-info-wk thead{background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%)}
.legal-info-wk thead tr{border:none}
.legal-info-wk thead th{padding:18px 16px;text-align:left;font-size:15px;font-weight:600;color:#FEFEFE;text-transform:uppercase;letter-spacing:.5px;border:none}
.legal-info-wk tbody{background:#FEFEFE}
.legal-info-wk tbody tr{border-bottom:1px solid #E0E0E0;transition:background .2s ease}
.legal-info-wk tbody tr:last-child{border-bottom:none}
.legal-info-wk tbody tr:hover{background:#F5FFFE}
.legal-info-wk tbody td{padding:16px;font-size:15px;line-height:1.6;color:#333;border:none}
.legal-info-wk th{font-weight:600}
.legal-info-wk td{font-weight:400}
@media screen and (max-width: 992px) {
.legal-info-wk{padding:60px 20px}
.legal-info-wk h1{font-size:36px;margin-bottom:36px}
.legal-info-wk h2{font-size:28px;margin-top:48px}
.legal-info-wk h3{font-size:22px}
.legal-info-wk table{font-size:14px}
.legal-info-wk thead th{padding:14px 12px;font-size:14px}
.legal-info-wk tbody td{padding:12px;font-size:14px}
}
@media screen and (max-width: 600px) {
.legal-info-wk{padding:40px 16px}
.legal-info-wk h1{font-size:30px;margin-bottom:32px}
.legal-info-wk h2{font-size:24px;margin-top:40px}
.legal-info-wk h3{font-size:20px}
.legal-info-wk h4{font-size:18px}
.legal-info-wk p{font-size:15px;text-align:left}
.legal-info-wk ul{padding-left:24px}
.legal-info-wk ol{padding-left:24px}
.legal-info-wk li{font-size:15px}
.legal-info-wk table{display:block;overflow-x:auto;margin:24px -16px;width:calc(100% + 32px);border-radius:0}
.legal-info-wk thead th{padding:12px 10px;font-size:13px;white-space:nowrap}
.legal-info-wk tbody td{padding:10px;font-size:13px;white-space:nowrap}
}
.HeroTitle{position:relative;background:linear-gradient(155deg,#FEFEFE 0%,#e8f9f7 45%,#d4f5f0 100%);padding:95px 0 110px;overflow:hidden}
.HeroTitle::before{content:'';position:absolute;top:-50%;right:-15%;width:600px;height:600px;background:linear-gradient(135deg,#24d1bd1f 0%,#006d8414 100%);border-radius:50%;transform:rotate(-15deg)}
.HeroTitle::after{content:'';position:absolute;bottom:-30%;left:-10%;width:450px;height:450px;background:linear-gradient(225deg,#006d8417 0%,#24d1bd0f 100%);clip-path:polygon(30% 0%,100% 0%,70% 100%,0% 100%)}
.hero-content-wrap{max-width:1536px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.HeroTitle .row{display:flex;align-items:center;flex-wrap:wrap;margin:0 -12px}
.hero-text-area{flex:0 0 58%;max-width:58%;padding:0 12px}
.hero-img-zone{flex:0 0 42%;max-width:42%;padding:0 12px}
.HeroTitle h1{font-size:3.2rem;line-height:1.2;color:#006D84;margin:0 0 22px;font-weight:700}
.HeroTitle .subtitle-desc{font-size:1.15rem;line-height:1.65;color:#2c3e50;margin:0 0 36px;max-width:520px}
.hero-btn-group{display:flex;gap:16px;flex-wrap:wrap}
.BtnPrimary2{background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);color:#FEFEFE;padding:14px 32px;border-radius:6px;text-decoration:none;font-size:1.05rem;font-weight:600;box-shadow:0 4px 12px #24d1bd40;transition:all .3s ease;display:inline-block}
.BtnPrimary2:hover{transform:translateY(-2px);box-shadow:0 6px 18px #24d1bd59;color:#FEFEFE}
.BtnSecondary1{background:transparent;color:#006D84;padding:14px 32px;border:2px solid #24D1BD;border-radius:6px;text-decoration:none;font-size:1.05rem;font-weight:600;transition:all .3s ease;display:inline-block}
.BtnSecondary1:hover{background:#24d1bd14;border-color:#006D84}
.hero-visual-element{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #006d8426}
.hero-visual-element img{width:100%;height:auto;display:block;object-fit:cover}
.particle-dot{position:absolute;width:4px;height:4px;background:#24D1BD;border-radius:50%;opacity:.4;animation:floatParticle 8s infinite ease-in-out}
.particle-dot:nth-child(1){top:15%;left:8%;animation-delay:0s}
.particle-dot:nth-child(2){top:65%;left:12%;animation-delay:2s}
.particle-dot:nth-child(3){top:35%;right:18%;animation-delay:4s}
.particle-dot:nth-child(4){bottom:20%;right:10%;animation-delay:6s}
@keyframes floatParticle {
0%,100%{transform:translateY(0px) translateX(0px)}
25%{transform:translateY(-20px) translateX(10px)}
50%{transform:translateY(-10px) translateX(-8px)}
75%{transform:translateY(-25px) translateX(5px)}
}
.story-segment{padding:85px 0;background:#FEFEFE}
.story-wrapper-data{max-width:1536px;margin:0 auto;padding:0 24px}
.story-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.story-text-col h2{font-size:2.4rem;line-height:1.3;color:#006D84;margin:0 0 26px;font-weight:700}
.story-text-col h2::before{content:'';display:block;width:50px;height:4px;background:linear-gradient(90deg,#24D1BD 0%,#006D84 100%);margin-bottom:20px;border-radius:2px}
.story-text-col p{font-size:1.05rem;line-height:1.7;color:#34495e;margin:0 0 18px}
.story-img-col{position:relative}
.story-img-col img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px #006d841f;display:block}
.approach-area{padding:90px 0;background:linear-gradient(180deg,#f8fdfc 0%,#FEFEFE 100%)}
.approach-container-fetch{max-width:1536px;margin:0 auto;padding:0 24px}
.approach-header-text{text-align:center;margin-bottom:55px}
.approach-header-text h2{font-size:2.5rem;line-height:1.25;color:#006D84;margin:0 0 18px;font-weight:700}
.approach-header-text p{font-size:1.1rem;line-height:1.65;color:#5a6c7d;max-width:680px;margin:0 auto}
.method-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.method-card-item{background:#FEFEFE;padding:36px 28px;border-radius:8px;border:1px solid #e0f2f0;box-shadow:0 3px 10px #006d840f;transition:all .3s ease}
.method-card-item:hover{transform:translateY(-4px);box-shadow:0 8px 22px #24d1bd26;border-color:#24D1BD}
.method-icon-box{width:62px;height:62px;background:linear-gradient(135deg,#24d1bd1f 0%,#006d8414 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.method-icon-box i{font-size:28px;color:#006D84}
.method-card-item h3{font-size:1.4rem;line-height:1.35;color:#006D84;margin:0 0 14px;font-weight:600}
.method-card-item p{font-size:.98rem;line-height:1.65;color:#5a6c7d;margin:0}
.values-section-v2{padding:95px 0;background:#FEFEFE;position:relative}
.values-section-v2::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#24D1BD 0%,#006D84 50%,#24D1BD 100%)}
.values-data-wrapper{max-width:1536px;margin:0 auto;padding:0 24px}
.values-intro-text{text-align:center;margin-bottom:50px}
.values-intro-text h2{font-size:2.6rem;line-height:1.25;color:#006D84;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.values-intro-text h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:#24D1BD;border-radius:2px}
.values-flex-row{display:flex;gap:28px;flex-wrap:wrap}
.value-box-module{flex:1 1 calc(50% - 14px);background:linear-gradient(135deg,#f8fdfc 0%,#FEFEFE 100%);padding:40px 32px;border-radius:10px;border-left:4px solid #24D1BD;box-shadow:0 4px 14px #006d8414;transition:all .35s ease}
.value-box-module:hover{border-left-color:#006D84;box-shadow:0 8px 24px #24d1bd2e;transform:translateX(6px)}
.value-box-module h3{font-size:1.5rem;line-height:1.3;color:#006D84;margin:0 0 16px;font-weight:600;display:flex;align-items:center;gap:12px}
.value-box-module h3 i{font-size:26px;color:#24D1BD}
.value-box-module p{font-size:1.02rem;line-height:1.7;color:#34495e;margin:0}
.impact-showcase{padding:100px 0;background:linear-gradient(165deg,#006D84 0%,#004a5c 100%);position:relative;overflow:hidden}
.impact-showcase::before{content:'';position:absolute;top:-20%;right:-8%;width:500px;height:500px;background:radial-gradient(circle,#24d1bd26 0%,transparent 70%);border-radius:50%}
.impact-content-handler{max-width:1536px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.impact-showcase h2{font-size:2.7rem;line-height:1.25;color:#FEFEFE;margin:0 0 60px;font-weight:700;text-align:center}
.stats-display-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.stat-unit-box{text-align:center;padding:32px 20px;background:#fefefe0f;border-radius:8px;border:1px solid #24d1bd33;backdrop-filter:blur(10px);transition:all .3s ease}
.stat-unit-box:hover{background:#fefefe1a;border-color:#24d1bd66;transform:translateY(-5px)}
.stat-number-display{font-size:3rem;line-height:1.1;color:#24D1BD;font-weight:700;margin:0 0 12px;display:block}
.stat-label-text{font-size:1.1rem;line-height:1.4;color:#FEFEFE;font-weight:500}
@media (max-width: 992px) {
.HeroTitle .row{flex-direction:column}
.hero-text-area,.hero-img-zone{flex:0 0 100%;max-width:100%}
.hero-img-zone{margin-top:40px}
.HeroTitle h1{font-size:2.5rem}
.story-grid-layout{grid-template-columns:1fr;gap:40px}
.method-grid-3col{grid-template-columns:1fr}
.stats-display-grid{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 600px) {
.HeroTitle{padding:60px 0 70px}
.HeroTitle h1{font-size:2rem}
.HeroTitle .subtitle-desc{font-size:1rem}
.hero-btn-group{flex-direction:column}
.BtnPrimary2,.BtnSecondary1{width:100%;text-align:center}
.story-segment,.approach-area,.values-section-v2,.impact-showcase{padding:60px 0}
.approach-header-text h2,.values-intro-text h2,.impact-showcase h2{font-size:1.9rem}
.value-box-module{flex:1 1 100%}
.stats-display-grid{grid-template-columns:1fr}
.stat-number-display{font-size:2.5rem}
}
.TopGridDisplay{background:linear-gradient(135deg,#FEFEFE 0%,#F0F9F9 50%,#E8F5F4 100%);padding:64px 24px;position:relative;overflow:hidden}
.TopGridDisplay::before{content:'';position:absolute;top:20px;left:20px;width:120px;height:2px;background:linear-gradient(90deg,#24D1BD 0%,#24d1bd00 100%)}
.TopGridDisplay::after{content:'';position:absolute;bottom:20px;right:20px;width:2px;height:120px;background:linear-gradient(180deg,#006D84 0%,#006d8400 100%)}
.HeroContentContainer{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
.MainTextArea h1{font-size:42px;line-height:1.2;color:#006D84;margin:0 0 24px;font-weight:700}
.MainTextArea h1::before{content:'';display:inline-block;width:6px;height:48px;background:linear-gradient(180deg,#24D1BD 0%,#006D84 100%);margin-right:16px;vertical-align:middle;border-radius:3px}
.TextSubline{font-size:18px;line-height:1.6;color:#2C3E50;margin:0 0 32px;max-width:640px}
.MainCallAction{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);color:#FEFEFE;text-decoration:none;font-size:16px;font-weight:600;border-radius:8px;box-shadow:0 4px 12px #24d1bd4d;transition:all .3s ease;border:2px solid transparent;z-index:10;position:relative}
.MainCallAction:hover{transform:translateY(-2px);box-shadow:0 6px 20px #24d1bd66;background:linear-gradient(135deg,#006D84 0%,#24D1BD 100%)}
.MainCallAction i{font-size:20px}
.VisualMosaicGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,200px);gap:16px}
.MosaicElement1{grid-column:1 / 3;grid-row:1 / 2;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 3px 8px #0000001a}
.MosaicElement2{grid-column:3 / 4;grid-row:1 / 3;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 3px 8px #0000001a}
.MosaicElement3{grid-column:1 / 2;grid-row:2 / 3;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 3px 8px #0000001a}
.MosaicElement4{grid-column:2 / 3;grid-row:2 / 3;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 3px 8px #0000001a}
.VisualMosaicGrid img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.VisualMosaicGrid div:hover img{transform:scale(1.05)}
.VisualMosaicGrid div::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#24d1bd26 0%,transparent 60%);pointer-events:none}
.DevelopmentPathSection{padding:80px 24px;background:#FEFEFE;position:relative}
.PathContentWrapper{max-width:1536px;margin:0 auto}
.PathSectionHeader{text-align:center;margin-bottom:64px}
.PathSectionHeader h2{font-size:36px;color:#006D84;margin:0 0 16px;font-weight:700}
.PathSectionHeader h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#24D1BD 0%,#006D84 100%);margin:24px auto 0;border-radius:2px}
.PathSectionHeader p{font-size:17px;line-height:1.6;color:#34495E;max-width:720px;margin:0 auto}
.TrajectoryList{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.TrajectoryOption{background:#F8FCFC;padding:32px;border-radius:10px;border-left:5px solid #24D1BD;box-shadow:0 2px 6px #0000000f;transition:all .3s ease}
.TrajectoryOption:hover{transform:translateY(-4px);box-shadow:0 6px 16px #006d8426;border-left-color:#006D84}
.TrajectoryOption h3{font-size:22px;color:#006D84;margin:0 0 16px;display:flex;align-items:center;gap:12px;font-weight:600}
.TrajectoryOption h3 i{font-size:26px;color:#24D1BD}
.TrajectoryOption p{font-size:16px;line-height:1.7;color:#455A64;margin:0 0 20px}
.CareerStageList{list-style:none;padding:0;margin:0}
.CareerStageList li{font-size:15px;color:#546E7A;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.CareerStageList li::before{content:'';position:absolute;left:0;top:14px;width:12px;height:12px;background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);border-radius:50%}
.CompetencyTransformSection{padding:80px 24px;background:linear-gradient(165deg,#F0F9F9 0%,#FEFEFE 100%)}
.CompetencyMainContainer{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.CompetencyTextBlock h2{font-size:34px;color:#006D84;margin:0 0 24px;font-weight:700;position:relative;padding-left:20px}
.CompetencyTextBlock h2::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#24D1BD 0%,#006D84 100%);border-radius:3px}
.CompetencyTextBlock p{font-size:17px;line-height:1.7;color:#37474F;margin:0 0 28px}
.SkillProgressDisplay{background:#FEFEFE;padding:40px;border-radius:10px;box-shadow:0 4px 12px #00000014}
.ProgressItem{margin-bottom:32px}
.ProgressItem:last-child{margin-bottom:0}
.ProgressItemLabel{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ProgressItemLabel h4{font-size:16px;color:#006D84;margin:0;font-weight:600}
.ProgressItemLabel span{font-size:18px;color:#24D1BD;font-weight:700}
.ProgressBarTrack{width:100%;height:12px;background:#E0F2F1;border-radius:6px;overflow:hidden;position:relative}
.ProgressBarFill{height:100%;background:linear-gradient(90deg,#24D1BD 0%,#006D84 100%);border-radius:6px;transition:width 1s ease}
.ProgressBarFill[data-progress="85"]{width:85%}
.ProgressBarFill[data-progress="72"]{width:72%}
.ProgressBarFill[data-progress="90"]{width:90%}
.ProgressBarFill[data-progress="78"]{width:78%}
.ChallengesResolutionSection{padding:80px 24px;background:#FEFEFE}
.ChallengesContentBox{max-width:1536px;margin:0 auto}
.ChallengesSectionTitle{text-align:center;margin-bottom:56px}
.ChallengesSectionTitle h2{font-size:36px;color:#006D84;margin:0 0 20px;font-weight:700}
.ChallengesSectionTitle h2 span{color:#24D1BD}
.ProblemsGridLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ProblemSolutionCard{background:linear-gradient(135deg,#F8FCFC 0%,#FEFEFE 100%);padding:36px;border-radius:8px;border:2px solid #E0F2F1;transition:all .3s ease;position:relative}
.ProblemSolutionCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);border-radius:8px;opacity:0;transition:opacity .3s ease;z-index:-1}
.ProblemSolutionCard:hover::before{opacity:1}
.ProblemSolutionCard:hover{transform:translateY(-3px);box-shadow:0 8px 20px #24d1bd33}
.CardIconHolder{width:56px;height:56px;background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.CardIconHolder i{font-size:28px;color:#FEFEFE}
.ProblemSolutionCard h3{font-size:20px;color:#006D84;margin:0 0 16px;font-weight:600}
.ProblemSolutionCard p{font-size:16px;line-height:1.7;color:#455A64;margin:0}
@media (max-width: 1200px) {
.HeroContentContainer{grid-template-columns:1fr}
.CompetencyMainContainer{grid-template-columns:1fr;gap:48px}
.ProblemsGridLayout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.TopGridDisplay{padding:48px 16px}
.MainTextArea h1{font-size:32px}
.TextSubline{font-size:16px}
.VisualMosaicGrid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,160px)}
.MosaicElement1{grid-column:1 / 3;grid-row:1 / 2}
.MosaicElement2{grid-column:1 / 2;grid-row:2 / 4}
.MosaicElement3{grid-column:2 / 3;grid-row:2 / 3}
.MosaicElement4{grid-column:2 / 3;grid-row:3 / 4}
.DevelopmentPathSection,.CompetencyTransformSection,.ChallengesResolutionSection{padding:56px 16px}
.PathSectionHeader h2,.CompetencyTextBlock h2,.ChallengesSectionTitle h2{font-size:28px}
.TrajectoryList{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.MainTextArea h1{font-size:26px}
.MainTextArea h1::before{height:36px;margin-right:12px}
.MainCallAction{padding:14px 24px;font-size:15px}
.VisualMosaicGrid{grid-template-rows:repeat(3,140px)}
.TrajectoryOption,.SkillProgressDisplay,.ProblemSolutionCard{padding:24px}
}
.ContactWrapper{background:linear-gradient(222deg,#24D1BD 0%,#006D84 50%,#FEFEFE 100%);min-height:400px;position:relative;overflow:hidden;padding:80px 20px}
.HeroContentWrapper{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.TitleBlockData{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.TextContentData h1{font-size:48px;color:#FEFEFE;margin:0 0 24px;line-height:1.2}
.TextContentData p{font-size:18px;color:#FEFEFE;line-height:1.6;margin:0}
.ImageShapeWrapper{position:relative;height:400px}
.ImageShapeWrapper img{width:100%;height:100%;object-fit:cover;clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%)}
.DecorativePattern{position:absolute;top:20px;right:20px;display:grid;grid-template-columns:repeat(4,12px);gap:8px;opacity:.3}
.DecorativePattern span{width:12px;height:12px;background:#FEFEFE;border-radius:2px}
.InfoSectionWrapper{max-width:1536px;margin:80px auto;padding:0 20px}
.ContactCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px}
.ContactCardData{background:#FEFEFE;padding:40px 32px;border-radius:8px;box-shadow:2px 4px 8px #006d8426;transition:transform .3s ease}
.ContactCardData:hover{transform:translateY(-8px);box-shadow:4px 8px 16px #006d8440}
.ContactCardData i{font-size:36px;color:#24D1BD;margin-bottom:20px;display:block}
.ContactCardData h3{font-size:22px;color:#006D84;margin:0 0 16px}
.ContactCardData p{font-size:16px;color:#333;line-height:1.6;margin:0}
.ContactCardData a{color:#006D84;text-decoration:none;transition:color .3s ease}
.ContactCardData a:hover{color:#24D1BD}
.FormSectionWrapper{background:linear-gradient(135deg,#FEFEFE 0%,#f5f5f5 100%);padding:80px 20px}
.FormContainerData{max-width:800px;margin:0 auto}
.FormContainerData h2{font-size:36px;color:#006D84;margin:0 0 16px;text-align:center}
.FormContainerData .SubtitleData{font-size:18px;color:#333;text-align:center;margin:0 0 48px;line-height:1.5}
.FormWrapper{background:#FEFEFE;padding:48px;border-radius:12px;box-shadow:2px 4px 12px #006d841a}
.NameFieldsGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.InputGroupData{display:flex;flex-direction:column}
.InputGroupData label{font-size:14px;color:#006D84;margin-bottom:8px;font-weight:500}
.InputGroupData input,.InputGroupData select,.InputGroupData textarea{padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color .3s ease}
.InputGroupData input:focus,.InputGroupData select:focus,.InputGroupData textarea:focus{outline:none;border-color:#24D1BD}
.InputGroupData textarea{resize:vertical;min-height:120px}
.ConditionalWrapper{margin-bottom:24px}
.ConditionalTrigger{display:none}
.ConditionalContent{max-height:0;overflow:hidden;transition:max-height .4s ease}
.ConditionalTrigger:checked ~ .ConditionalContent{max-height:200px}
.SelectWrapper{margin-bottom:24px}
.PrivacyCheckWrapper{margin:32px 0 24px;display:flex;align-items:flex-start}
.PrivacyCheckWrapper input[type="checkbox"]{margin:4px 12px 0 0;width:18px;height:18px;flex-shrink:0}
.PrivacyCheckWrapper label{font-size:14px;color:#333;line-height:1.5}
.PrivacyCheckWrapper a{color:#24D1BD;text-decoration:none}
.PrivacyCheckWrapper a:hover{text-decoration:underline}
.SubmitButtonWrapper{text-align:center}
.SubmitButtonData{background:#24D1BD;color:#FEFEFE;padding:16px 64px;border:none;border-radius:6px;font-size:18px;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:2px 4px 8px #24d1bd4d;z-index:10;position:relative}
.SubmitButtonData:hover{background:#006D84;transform:translateY(-2px);box-shadow:4px 6px 12px #006d8466}
.SubmitButtonData:active{transform:translateY(0)}
.MapAlternativeWrapper{max-width:1536px;margin:80px auto;padding:0 20px}
.LocationDisplayData{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:#FEFEFE;padding:60px;border-radius:12px;box-shadow:2px 4px 12px #006d841a}
.LocationTextWrapper h3{font-size:28px;color:#006D84;margin:0 0 24px}
.LocationTextWrapper p{font-size:16px;color:#333;line-height:1.7;margin:0 0 16px}
.LocationImageWrapper{position:relative;height:350px}
.LocationImageWrapper img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.CtaSectionWrapper{background:#006D84;padding:80px 20px;text-align:center}
.CtaContentData{max-width:900px;margin:0 auto}
.CtaContentData h2{font-size:38px;color:#FEFEFE;margin:0 0 20px}
.CtaContentData p{font-size:18px;color:#FEFEFE;line-height:1.6;margin:0 0 40px}
.CtaButtonsGrid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.CtaButtonData{padding:16px 48px;border-radius:6px;font-size:16px;text-decoration:none;transition:all .3s ease;display:inline-block}
.CtaButtonData.primary{background:#24D1BD;color:#FEFEFE}
.CtaButtonData.primary:hover{background:#FEFEFE;color:#006D84}
.CtaButtonData.secondary{background:transparent;color:#FEFEFE;border:2px solid #FEFEFE}
.CtaButtonData.secondary:hover{background:#FEFEFE;color:#006D84}
@media (max-width: 1024px) {
.TitleBlockData{grid-template-columns:1fr;gap:40px}
.ContactCardsGrid{grid-template-columns:1fr}
.LocationDisplayData{grid-template-columns:1fr}
.TextContentData h1{font-size:38px}
}
@media (max-width: 768px) {
.ContactWrapper{padding:60px 20px}
.TextContentData h1{font-size:32px}
.ImageShapeWrapper{height:300px}
.NameFieldsGrid{grid-template-columns:1fr}
.FormWrapper{padding:32px 24px}
.FormContainerData h2{font-size:28px}
.LocationDisplayData{padding:40px 24px}
.CtaContentData h2{font-size:30px}
.CtaButtonsGrid{flex-direction:column;align-items:center}
}
@media (max-width: 480px) {
.TextContentData h1{font-size:26px}
.FormContainerData h2{font-size:24px}
.CtaContentData h2{font-size:24px}
.SubmitButtonData{padding:14px 48px;font-size:16px}
}
.ReviewsHeroWrapper{background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.ReviewsHeroWrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fefefe26 0%,transparent 70%);border-radius:50%}
.ReviewsHeroWrapper::after{content:'';position:absolute;bottom:-20%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#006d8433 0%,transparent 70%);border-radius:50%}
.hero-content-wrapper{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.hero-title-section h1{font-size:52px;color:#FEFEFE;margin:0 0 30px;font-weight:700;line-height:1.2}
.hero-desc-text{font-size:19px;color:#fefefeeb;max-width:680px;line-height:1.7;margin:0}
.reviews-grid-container{max-width:1536px;margin:-60px auto 0;padding:0 20px 90px;position:relative;z-index:3}
.review-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.single-review-card{background:#FEFEFE;border-radius:8px;padding:36px 32px;box-shadow:0 4px 6px #006d841f;position:relative;transition:all .3s ease}
.single-review-card:hover{box-shadow:0 8px 16px #24d1bd2e;transform:translateY(-4px)}
.review-header-section{display:flex;align-items:center;margin-bottom:24px;gap:16px}
.reviewer-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);display:flex;align-items:center;justify-content:center;font-size:24px;color:#FEFEFE;font-weight:600;flex-shrink:0}
.reviewer-info-block h3{font-size:18px;color:#006D84;margin:0 0 4px;font-weight:600}
.reviewer-course-label{font-size:14px;color:#666;margin:0}
.rating-stars-display{display:flex;gap:4px;margin-bottom:18px}
.rating-stars-display i{color:#24D1BD;font-size:16px}
.review-text-content{font-size:15px;color:#333;line-height:1.7;margin:0 0 20px}
.review-date-stamp{font-size:13px;color:#999;font-style:italic}
.verification-badge{display:inline-flex;align-items:center;gap:6px;background:#24d1bd1a;padding:6px 12px;border-radius:4px;font-size:13px;color:#006D84;margin-top:16px}
.verification-badge i{font-size:14px;color:#24D1BD}
.stats-visual-block{background:linear-gradient(180deg,#FEFEFE 0%,#24d1bd0d 100%);padding:80px 20px;margin-top:40px}
.stats-inner-wrapper{max-width:1536px;margin:0 auto}
.stats-heading-section{text-align:center;margin-bottom:60px}
.stats-heading-section h2{font-size:38px;color:#006D84;margin:0 0 16px;font-weight:700}
.stats-heading-section p{font-size:17px;color:#555;margin:0;line-height:1.6}
.metrics-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:70px}
.metric-card-item{text-align:center;padding:32px 20px;background:#FEFEFE;border-radius:6px;box-shadow:0 2px 4px #006d8414;position:relative}
.metric-card-item::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#24D1BD 0%,#006D84 100%);border-radius:0 0 4px 4px}
.metric-number-display{font-size:48px;color:#24D1BD;font-weight:700;margin:20px 0 12px;line-height:1}
.metric-label-text{font-size:16px;color:#006D84;font-weight:600;margin:0}
.distribution-visual-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:center;background:#FEFEFE;padding:46px;border-radius:8px;box-shadow:0 4px 8px #006d841a}
.overall-rating-display{text-align:center}
.big-rating-number{font-size:72px;color:#006D84;font-weight:700;margin:0 0 12px;line-height:1}
.rating-stars-large{display:flex;justify-content:center;gap:6px;margin-bottom:12px}
.rating-stars-large i{font-size:22px;color:#24D1BD}
.total-reviews-count{font-size:15px;color:#666;margin:0}
.bars-breakdown-section{display:flex;flex-direction:column;gap:16px}
.single-rating-bar{display:grid;grid-template-columns:80px 1fr 60px;gap:16px;align-items:center}
.bar-star-label{font-size:14px;color:#006D84;font-weight:600;display:flex;align-items:center;gap:4px}
.bar-star-label i{font-size:14px;color:#24D1BD}
.progress-bar-track{height:12px;background:#006d841a;border-radius:6px;overflow:hidden;position:relative}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,#24D1BD 0%,#006D84 100%);border-radius:6px;transition:width .6s ease}
.bar-percentage-value{font-size:14px;color:#555;font-weight:600;text-align:right}
@media (max-width: 968px) {
.hero-title-section h1{font-size:38px}
.hero-desc-text{font-size:17px}
.review-cards-wrapper{grid-template-columns:1fr}
.distribution-visual-wrapper{grid-template-columns:1fr;gap:40px}
.metrics-grid-layout{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
}
@media (max-width: 640px) {
.ReviewsHeroWrapper{padding:60px 16px 80px}
.hero-title-section h1{font-size:32px}
.reviews-grid-container{padding:0 16px 60px}
.single-review-card{padding:28px 24px}
.stats-visual-block{padding:60px 16px}
.stats-heading-section h2{font-size:30px}
.distribution-visual-wrapper{padding:32px 24px}
.big-rating-number{font-size:56px}
.single-rating-bar{grid-template-columns:70px 1fr 50px;gap:12px}
}
.success-wrapper{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#FEFEFE 0%,#24D1BD 100%);position:relative;overflow:hidden}
.success-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:linear-gradient(222deg,#24D1BD 0%,#006D84 50%,#fefefe4d 100%);border-radius:50%;opacity:.15;z-index:1}
.success-wrapper::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#006D84;border-radius:50%;opacity:.1;z-index:1}
.success-container{max-width:720px;margin:0 auto;position:relative;z-index:2}
.success-card{background:#FEFEFE;padding:60px 48px;border-radius:8px;box-shadow:0 4px 8px #006d8426;text-align:center;position:relative}
.success-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#24D1BD 0%,#006D84 100%);border-radius:8px 8px 0 0}
.success-icon-wrapper{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #24d1bd4d}
.success-icon-wrapper i{font-size:52px;color:#FEFEFE}
.success-heading{font-size:34px;font-weight:600;color:#006D84;margin:0 0 16px;line-height:1.3}
.success-message{font-size:18px;color:#444;line-height:1.7;margin:0 0 32px}
.success-details{background:#f8f9fa;padding:24px;border-radius:6px;margin:0 0 36px;border-left:4px solid #24D1BD}
.success-details p{font-size:15px;color:#555;line-height:1.6;margin:0}
.success-details p:first-child{margin-bottom:12px}
.success-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-primary-success{background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);color:#FEFEFE;padding:14px 32px;border-radius:6px;font-size:16px;font-weight:500;text-decoration:none;display:inline-block;box-shadow:0 3px 6px #24d1bd40;transition:all .3s ease;border:none;cursor:pointer;z-index:10;position:relative}
.btn-primary-success:hover{box-shadow:0 5px 10px #24d1bd59;transform:translateY(-2px)}
.btn-secondary-success{background:transparent;color:#006D84;padding:14px 32px;border-radius:6px;font-size:16px;font-weight:500;text-decoration:none;display:inline-block;border:2px solid #006D84;transition:all .3s ease;cursor:pointer;z-index:10;position:relative}
.btn-secondary-success:hover{background:#006D84;color:#FEFEFE;transform:translateY(-2px)}
@media (max-width: 768px) {
.success-wrapper{padding:24px 16px;min-height:60vh}
.success-card{padding:40px 28px}
.success-heading{font-size:28px}
.success-message{font-size:16px}
.success-icon-wrapper{width:80px;height:80px;margin-bottom:24px}
.success-icon-wrapper i{font-size:44px}
.success-actions{flex-direction:column;gap:12px}
.btn-primary-success,.btn-secondary-success{width:100%;text-align:center}
.success-details{padding:20px}
}
@media (max-width: 480px) {
.success-card{padding:32px 20px}
.success-heading{font-size:24px}
.success-message{font-size:15px}
}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:1536px;margin:0 auto;padding:80px 20px}
.info-card-wrapper{background:#FEFEFE;border-radius:8px;padding:32px 28px;box-shadow:0 2px 6px #006d841f;transition:all .3s ease;border-top:3px solid transparent}
.info-card-wrapper:hover{box-shadow:0 6px 12px #006d842e;transform:translateY(-4px);border-top-color:#24D1BD}
.info-card-icon{width:64px;height:64px;background:linear-gradient(135deg,#24D1BD 0%,#006D84 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.info-card-icon i{font-size:32px;color:#FEFEFE}
.info-card-title{font-size:22px;font-weight:600;color:#006D84;margin:0 0 12px}
.info-card-text{font-size:15px;color:#555;line-height:1.6;margin:0}
@media (max-width: 768px) {
.info-grid{padding:60px 16px;gap:20px}
.info-card-wrapper{padding:24px 20px}
.info-card-title{font-size:20px}
}