*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Public Sans',-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;min-height:100vh;background:#FAFBFD;color:#1a1a1a;line-height:1.6;scroll-behavior:smooth}
main{flex:1}
.site_header{background:linear-gradient(135deg,#FAFBFD 0%,#fff 100%);box-shadow:0 4px 12px #531e9914;position:relative}
.header_top_band{padding:28px 0}
.header_container32{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:32px}
.brand_zone{display:flex;flex-direction:column;align-items:center;gap:12px}
.logo_link_wrap{display:block;transition:transform 200ms linear}
.logo_link_wrap:hover{transform:scale(1.05)}
.main_logo_img{width:110px;height:110px;display:block;border-radius:8px;box-shadow:0 6px 16px #531e991f}
.company_name_display{font-size:22px;font-weight:700;color:#531E99;text-align:center}
.primary_nav_area{flex:1;display:flex;justify-content:center;min-width:0}
.nav_list_main{list-style:none;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.nav_item_v2{position:relative}
.nav_link_data{display:flex;align-items:center;gap:8px;padding:14px 20px;text-decoration:none;color:#1a1a1a;font-weight:400;font-size:15px;border-radius:8px;transition:background-color 300ms linear,color 300ms linear}
.nav_link_data:hover{background-color:#f5fd4626;color:#531E99}
.nav_icon_svg{flex-shrink:0}
.nav_text{white-space:nowrap}
.dropdown_parent:hover .submenu_dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.submenu_dropdown{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 8px 20px #531e9926;border-radius:8px;min-width:200px;list-style:none;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 400ms linear,transform 400ms linear,visibility 400ms linear;z-index:100}
.submenu_item_v2{margin:0}
.submenu_link_handler{display:block;padding:12px 20px;color:#1a1a1a;text-decoration:none;font-size:14px;transition:background-color 200ms linear,color 200ms linear}
.submenu_link_handler:hover{background-color:#f5fd4633;color:#531E99}
.header_thin_divider{height:1px;background:linear-gradient(90deg,transparent 0%,#531e9933 50%,transparent 100%)}
.site_footer_wrapper{background:linear-gradient(180deg,#531E99 0%,#3d1673 100%);color:#fff;margin-top:80px}
.footer_top_section{padding:56px 0 48px}
.footer_container_data{max-width:1320px;margin:0 auto;padding:0 20px}
.footer_grid_layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.footer_col_info{display:flex;flex-direction:column;gap:16px}
.footer_heading_text{font-size:18px;font-weight:700;color:#F5FD46;margin-bottom:4px}
.footer_description_block{font-size:15px;line-height:1.7;color:#ffffffe6}
.footer_bottom_bar{background:#0003;padding:24px 0}
.footer_bottom_content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.copyright_text_wrapper{font-size:14px;color:#fffc}
.footer_nav_links{display:flex;gap:24px}
.footer_link_item{color:#ffffffe6;text-decoration:none;font-size:14px;transition:color 300ms linear}
.footer_link_item:hover{color:#F5FD46}
.cookie_popup_container{position:fixed;top:20px;right:20px;background:#fff;box-shadow:0 12px 32px #531e9933;border-radius:6px 18px 6px 18px;padding:24px;max-width:420px;z-index:1000;opacity:0;transition:opacity 500ms linear}
.cookie_popup_container.visible_state{opacity:1}
.cookie_content_wrapper{display:flex;flex-direction:column;gap:16px}
.cookie_heading_v2{font-size:18px;font-weight:700;color:#531E99}
.cookie_text_info{font-size:14px;line-height:1.6;color:#1a1a1a}
.cookie_button_group{display:flex;gap:12px;margin-top:8px}
.cookie_btn_accept,.cookie_btn_settings{padding:12px 24px;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 300ms linear,transform 150ms linear;font-family:'Public Sans',sans-serif}
.cookie_btn_accept{background:linear-gradient(135deg,#F5FD46 0%,#e8f035 100%);color:#1a1a1a}
.cookie_btn_accept:hover{background:linear-gradient(135deg,#e8f035 0%,#dae32e 100%);transform:translateY(-2px)}
.cookie_btn_settings{background:transparent;color:#531E99;border:2px solid #531E99}
.cookie_btn_settings:hover{background:#531e9914}
@media (max-width: 1024px) {
.header_container32{flex-direction:column;gap:24px}
.primary_nav_area{width:100%}
.nav_list_main{width:100%;justify-content:center}
}
@media (max-width: 768px) {
.header_top_band{padding:20px 0}
.main_logo_img{width:90px;height:90px}
.company_name_display{font-size:18px}
.nav_list_main{flex-direction:column;width:100%;gap:4px}
.nav_item_v2{width:100%}
.nav_link_data{width:100%;justify-content:center}
.submenu_dropdown{position:static;opacity:0;max-height:0;overflow:hidden;transition:max-height 400ms linear,opacity 400ms linear;box-shadow:none;background:#f5fd460d}
.dropdown_parent:hover .submenu_dropdown{opacity:1;max-height:200px}
.footer_grid_layout{grid-template-columns:1fr;gap:32px}
.footer_bottom_content{flex-direction:column;text-align:center}
.footer_nav_links{flex-direction:column;gap:12px}
.cookie_popup_container{left:20px;right:20px;max-width:none}
.cookie_button_group{flex-direction:column}
}
@media (max-width: 480px) {
.main_logo_img{width:75px;height:75px}
.company_name_display{font-size:16px}
.nav_link_data{padding:12px 16px;font-size:14px}
.footer_top_section{padding:40px 0 32px}
.footer_heading_text{font-size:16px}
.footer_description_block{font-size:14px}
}
.doc-body{max-width:1320px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#FAFBFD 0%,#fff 100%)}
.doc-body h1{font-size:48px;line-height:1.2;color:#531E99;margin:0 0 40px;font-weight:700;padding-bottom:20px;border-bottom:4px solid #F5FD46}
.doc-body h2{font-size:36px;line-height:1.3;color:#531E99;margin:60px 0 24px;font-weight:600}
.doc-body h3{font-size:28px;line-height:1.4;color:#531E99;margin:48px 0 20px;font-weight:600}
.doc-body h4{font-size:22px;line-height:1.4;color:#531E99;margin:36px 0 16px;font-weight:600}
.doc-body h5{font-size:18px;line-height:1.5;color:#531E99;margin:28px 0 12px;font-weight:600}
.doc-body h6{font-size:16px;line-height:1.5;color:#531E99;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.doc-body p{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 20px;font-weight:400}
.doc-body ul{margin:0 0 24px;padding:0 0 0 32px}
.doc-body ol{margin:0 0 24px;padding:0 0 32px 32px}
.doc-body li{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 12px;padding-left:8px}
.doc-body li::marker{color:#531E99}
.doc-body ul li{list-style-type:disc}
.doc-body ol li{list-style-type:decimal}
.doc-body strong,.doc-body b{font-weight:700;color:#1a252f}
.doc-body em,.doc-body i{font-style:italic;color:#34495e}
.doc-body a{color:#531E99;text-decoration:underline;transition:all 200ms linear}
.doc-body a:hover{color:#6b2bc4;background:#F5FD46;text-decoration:none;box-shadow:0 2px 8px #531e9926}
.doc-body hr{border:0;height:2px;background:linear-gradient(90deg,#531E99 0%,#F5FD46 50%,#531E99 100%);margin:60px 0;opacity:.3}
.doc-body blockquote{margin:32px 0;padding:24px 32px;background:#FAFBFD;border-left:6px solid #F5FD46;box-shadow:4px 4px 12px #531e9914}
.doc-body blockquote p{margin:0;font-style:italic;color:#531E99}
.doc-body table{width:100%;margin:32px 0;border-collapse:collapse;box-shadow:6px 6px 16px #531e991a}
.doc-body table th{background:#531E99;color:#FAFBFD;padding:16px;text-align:left;font-weight:600;font-size:16px}
.doc-body table td{padding:14px 16px;border-bottom:1px solid #e0e4e8;font-size:16px;line-height:1.6;color:#2c3e50}
.doc-body table tr:nth-child(even){background:#FAFBFD}
.doc-body table tr:hover{background:#f5fd461a;transition:all 300ms linear}
.doc-body code{background:#FAFBFD;color:#531E99;padding:3px 8px;border-radius:4px;font-family:monospace;font-size:15px;box-shadow:2px 2px 6px #531e9914}
.doc-body pre{background:#2c3e50;color:#F5FD46;padding:24px;border-radius:8px;overflow-x:auto;margin:32px 0;box-shadow:8px 8px 20px #531e9926}
.doc-body pre code{background:transparent;color:#F5FD46;padding:0;box-shadow:none}
.doc-body div{margin:0}
@media (max-width: 1024px) {
.doc-body{padding:60px 16px}
.doc-body h1{font-size:38px}
.doc-body h2{font-size:30px}
.doc-body h3{font-size:24px}
}
@media (max-width: 768px) {
.doc-body{padding:40px 16px}
.doc-body h1{font-size:32px;margin-bottom:32px}
.doc-body h2{font-size:26px;margin-top:48px}
.doc-body h3{font-size:22px}
.doc-body p,.doc-body li{font-size:16px}
.doc-body ul,.doc-body ol{padding-left:24px}
.doc-body blockquote{padding:16px 20px}
.doc-body table{font-size:14px}
.doc-body table th,.doc-body table td{padding:10px 12px}
}
@media (max-width: 480px) {
.doc-body{padding:32px 12px}
.doc-body h1{font-size:28px}
.doc-body h2{font-size:22px}
.doc-body h3{font-size:19px}
.doc-body p,.doc-body li{font-size:15px;line-height:1.7}
.doc-body hr{margin:40px 0}
.doc-body table{font-size:13px;display:block;overflow-x:auto}
}
.title_block_wrapper{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#531E99 0%,#F5FD46 100%)}
.title_block_wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./image_folder/panellayer.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1}
.title_block_wrapper::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,#531e99b3 0%,#531e99e6 100%);z-index:2}
.title_block_content{position:relative;z-index:3;max-width:880px;margin:0 auto;padding:68px 24px;text-align:center}
.title_block_content h1{font-size:52px;line-height:1.2;color:#FAFBFD;margin:0 0 28px;font-weight:700;letter-spacing:-.5px}
.title_block_content .manifesto_text{font-size:19px;line-height:1.6;color:#FAFBFD;margin:0;opacity:.95}
.webinar_grid_section{padding:86px 24px;background:#FAFBFD}
.webinar_grid_container{max-width:1320px;margin:0 auto}
.webinar_grid_section h2{font-size:38px;color:#531E99;margin:0 0 16px;font-weight:700}
.webinar_grid_section .intro_para{font-size:17px;line-height:1.7;color:#2c2c2c;margin:0 0 52px;max-width:820px}
.webinar_cards_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.webinar_single_card{background:#fff;border:1px solid #e0e0e0;padding:32px;transition:all 300ms linear;position:relative}
.webinar_single_card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#F5FD46 0%,#531E99 100%);opacity:0;transition:opacity 300ms linear}
.webinar_single_card:hover{box-shadow:0 8px 24px #531e991f;transform:translateY(-4px)}
.webinar_single_card:hover::before{opacity:1}
.webinar_single_card h3{font-size:24px;color:#531E99;margin:0 0 14px;font-weight:600}
.webinar_single_card .duration_tag{display:inline-block;font-size:13px;color:#531E99;background:#f5fd464d;padding:4px 12px;margin:0 0 18px;font-weight:500}
.webinar_single_card p{font-size:16px;line-height:1.65;color:#4a4a4a;margin:0}
.split_visual_section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1320px;margin:0 auto;padding:94px 24px}
.split_visual_section .text_side{padding-right:24px}
.split_visual_section h2{font-size:36px;color:#531E99;margin:0 0 22px;font-weight:700}
.split_visual_section .description_block{font-size:16px;line-height:1.7;color:#3c3c3c;margin:0 0 28px}
.feature_list_v2{list-style:none;padding:0;margin:0}
.feature_list_v2 li{position:relative;padding:14px 0 14px 36px;font-size:16px;color:#2c2c2c;line-height:1.5}
.feature_list_v2 li::before{content:'';position:absolute;left:0;top:18px;width:20px;height:20px;background:linear-gradient(135deg,#F5FD46 0%,#531E99 100%);clip-path:polygon(0% 50%,35% 85%,100% 10%,90% 0%,35% 65%,10% 40%)}
.split_visual_section .image_side{position:relative}
.split_visual_section .image_side img{width:100%;height:auto;display:block;box-shadow:0 12px 36px #531e992e}
.timeline_section_wrapper{background:linear-gradient(135deg,#531e990d 0%,#f5fd4614 100%);padding:88px 24px}
.timeline_section_container{max-width:1320px;margin:0 auto}
.timeline_section_wrapper h2{font-size:38px;color:#531E99;margin:0 0 18px;text-align:center;font-weight:700}
.timeline_section_wrapper .subtitle_text{font-size:17px;color:#4a4a4a;text-align:center;margin:0 0 64px;max-width:720px;margin-left:auto;margin-right:auto}
.timeline_process_wrapper{display:flex;justify-content:space-between;position:relative;gap:28px}
.timeline_process_wrapper::before{content:'';position:absolute;top:48px;left:0;right:0;height:3px;background:linear-gradient(90deg,#F5FD46 0%,#531E99 100%);z-index:1}
.timeline_step_item{flex:1;text-align:center;position:relative;z-index:2}
.step_number_circle{width:96px;height:96px;border-radius:50%;background:#fff;border:4px solid #531E99;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:32px;font-weight:700;color:#531E99;transition:all 300ms linear}
.timeline_step_item:hover .step_number_circle{background:linear-gradient(135deg,#F5FD46 0%,#531E99 100%);color:#fff;border-color:#F5FD46;transform:scale(1.08)}
.timeline_step_item h3{font-size:20px;color:#531E99;margin:0 0 12px;font-weight:600}
.timeline_step_item p{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.final_cta_section{padding:92px 24px;background:#fff}
.final_cta_container{max-width:920px;margin:0 auto;text-align:center}
.final_cta_section h2{font-size:40px;color:#531E99;margin:0 0 24px;font-weight:700}
.final_cta_section .closing_text{font-size:17px;line-height:1.7;color:#3c3c3c;margin:0 0 38px}
.cta_button_primary{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#F5FD46 0%,#531E99 100%);color:#2c2c2c;font-size:18px;font-weight:600;text-decoration:none;transition:all 200ms linear;border:none;cursor:pointer;box-shadow:0 4px 16px #531e9938;position:relative;z-index:10}
.cta_button_primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #531e9952}
@media (max-width: 1024px) {
.title_block_content h1{font-size:42px}
.webinar_cards_grid{grid-template-columns:1fr;gap:24px}
.split_visual_section{grid-template-columns:1fr;gap:48px}
.split_visual_section .text_side{padding-right:0}
.timeline_process_wrapper::before{display:none}
.timeline_process_wrapper{flex-direction:column;gap:42px}
}
@media (max-width: 768px) {
.title_block_content h1{font-size:34px;margin-bottom:22px}
.title_block_content .manifesto_text{font-size:17px}
.webinar_grid_section{padding:64px 24px}
.webinar_grid_section h2{font-size:32px}
.split_visual_section{padding:68px 24px}
.split_visual_section h2{font-size:30px}
.timeline_section_wrapper{padding:64px 24px}
.timeline_section_wrapper h2{font-size:32px}
.final_cta_section{padding:68px 24px}
.final_cta_section h2{font-size:32px}
}
@media (max-width: 480px) {
.title_block_wrapper{min-height:400px}
.title_block_content{padding:48px 20px}
.title_block_content h1{font-size:28px}
.webinar_single_card{padding:24px}
.cta_button_primary{padding:14px 36px;font-size:16px}
}
.hero_wrap{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#531e99eb,#531e99c2),url(./image_folder/main_post-thumbnail-6.jpg);background-size:cover;background-position:center;overflow:hidden;margin-bottom:64px}
.hero_wrap::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:8px;background:linear-gradient(90deg,#F5FD46 0%,#531E99 50%,#F5FD46 100%)}
.hero_text_container{max-width:1320px;margin:0 auto;padding:48px 24px;text-align:center;position:relative;z-index:2}
.hero_text_container h1{font-size:56px;font-weight:700;color:#FAFBFD;margin:0 0 20px;line-height:1.2}
.hero_text_container h1 .accent_word{position:relative;color:#F5FD46}
.hero_text_container h1 .accent_word::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:#F5FD46}
.hero_text_container p{font-size:20px;color:#FAFBFD;margin:0;line-height:1.6;max-width:780px;margin:0 auto}
.pattern_dots{position:absolute;width:120px;height:120px;opacity:.15}
.pattern_dots.top_left{top:24px;left:24px}
.pattern_dots.bottom_right{bottom:24px;right:24px}
.pattern_dots svg{width:100%;height:100%}
.learning_flow_section{max-width:1320px;margin:0 auto 80px;padding:0 24px}
.learning_flow_section h2{font-size:42px;font-weight:700;color:#531E99;margin:0 0 48px;text-align:center;position:relative}
.learning_flow_section h2::before{content:'';position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#531E99,#F5FD46)}
.step_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:48px}
.step_card{background:#FAFBFD;border:2px solid #531E99;border-radius:8px;padding:32px 24px;position:relative;transition:all 300ms linear}
.step_card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #531e9933}
.step_number{position:absolute;top:-18px;left:24px;width:44px;height:44px;background:linear-gradient(135deg,#F5FD46,#531E99);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#FAFBFD}
.step_card h3{font-size:24px;font-weight:700;color:#531E99;margin:12px 0 16px}
.step_card p{font-size:16px;color:#2c3e50;line-height:1.6;margin:0}
.visual_timeline{display:flex;align-items:center;gap:16px;margin-bottom:48px;overflow-x:auto;padding:24px 0}
.timeline_stage{flex:1;min-width:180px;text-align:center;position:relative}
.timeline_stage::after{content:'';position:absolute;top:20px;right:-16px;width:16px;height:2px;background:#531E99}
.timeline_stage:last-child::after{display:none}
.stage_icon{width:48px;height:48px;margin:0 auto 12px;background:linear-gradient(135deg,#F5FD46,#531E99);border-radius:50%;display:flex;align-items:center;justify-content:center}
.timeline_stage h4{font-size:16px;font-weight:700;color:#531E99;margin:0 0 8px}
.timeline_stage span{font-size:14px;color:#5a6c7d}
.quality_section{background:linear-gradient(135deg,#531e990d,#f5fd460d);padding:72px 0;margin-bottom:80px}
.quality_wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.quality_header{text-align:center;margin-bottom:56px}
.quality_header h2{font-size:42px;font-weight:700;color:#531E99;margin:0 0 20px}
.quality_header p{font-size:18px;color:#2c3e50;line-height:1.6;max-width:720px;margin:0 auto}
.quality_grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.quality_image_block{position:relative}
.quality_image_block img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 32px #531e9926}
.quality_stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.stat_box{background:#FAFBFD;border:2px solid #531E99;border-radius:8px;padding:24px;text-align:center;transition:all 200ms linear}
.stat_box:hover{background:linear-gradient(135deg,#f5fd461a,#531e990d);border-color:#F5FD46}
.stat_number{font-size:48px;font-weight:700;color:#531E99;margin:0 0 8px;line-height:1}
.stat_label{font-size:16px;color:#2c3e50;margin:0}
.quality_content_block h3{font-size:32px;font-weight:700;color:#531E99;margin:0 0 24px}
.quality_content_block p{font-size:16px;color:#2c3e50;line-height:1.7;margin:0 0 20px}
.feature_list_alt{list-style:none;padding:0;margin:32px 0 0}
.feature_list_alt li{font-size:16px;color:#2c3e50;padding:12px 0 12px 32px;position:relative;line-height:1.6}
.feature_list_alt li::before{content:'';position:absolute;left:0;top:16px;width:20px;height:20px;background:linear-gradient(135deg,#F5FD46,#531E99);border-radius:50%}
.experience_section{max-width:1320px;margin:0 auto 80px;padding:0 24px}
.experience_header{text-align:center;margin-bottom:56px}
.experience_header h2{font-size:42px;font-weight:700;color:#531E99;margin:0 0 20px;position:relative;display:inline-block}
.experience_header h2::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,#531E99,#F5FD46,#531E99)}
.experience_header p{font-size:18px;color:#2c3e50;line-height:1.6;max-width:680px;margin:24px auto 0}
.experience_showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}
.showcase_item{background:#FAFBFD;border-radius:12px;overflow:hidden;border:2px solid transparent;transition:all 300ms linear}
.showcase_item:hover{border-color:#F5FD46;box-shadow:0 8px 24px #f5fd464d}
.showcase_item img{width:100%;height:220px;object-fit:cover}
.showcase_content{padding:24px}
.showcase_content h3{font-size:22px;font-weight:700;color:#531E99;margin:0 0 12px}
.showcase_content p{font-size:15px;color:#2c3e50;line-height:1.6;margin:0 0 16px}
.progress_indicator{height:6px;background:#531e991a;border-radius:3px;overflow:hidden}
.progress_bar{height:100%;background:linear-gradient(90deg,#531E99,#F5FD46);border-radius:3px;transition:width 400ms linear}
.showcase_item:nth-child(1) .progress_bar{width:87%}
.showcase_item:nth-child(2) .progress_bar{width:92%}
.showcase_item:nth-child(3) .progress_bar{width:78%}
.testimonial_wrap{background:linear-gradient(135deg,#531E99,#531e99d9);border-radius:12px;padding:48px;color:#FAFBFD;position:relative;overflow:hidden}
.testimonial_wrap::before{content:'"';position:absolute;top:24px;left:32px;font-size:120px;font-weight:700;color:#f5fd4626;line-height:1}
.testimonial_content{position:relative;z-index:2}
.testimonial_content p{font-size:20px;line-height:1.7;margin:0 0 24px;font-style:italic}
.testimonial_author{font-size:18px;font-weight:700;color:#F5FD46;margin:0}
@media (max-width: 1024px) {
.hero_text_container h1{font-size:44px}
.quality_grid{grid-template-columns:1fr;gap:40px}
.experience_showcase{grid-template-columns:1fr}
.visual_timeline{flex-wrap:wrap;justify-content:center}
.timeline_stage::after{display:none}
}
@media (max-width: 768px) {
.hero_text_container h1{font-size:36px}
.hero_text_container p{font-size:18px}
.learning_flow_section h2,.quality_header h2,.experience_header h2{font-size:32px}
.step_grid{grid-template-columns:1fr}
.quality_stats{grid-template-columns:1fr}
.testimonial_wrap{padding:32px 24px}
.pattern_dots{display:none}
}
@media (max-width: 480px) {
.hero_wrap{min-height:420px}
.hero_text_container h1{font-size:28px}
.learning_flow_section h2,.quality_header h2,.experience_header h2{font-size:26px}
.stat_number{font-size:36px}
}
.title_hero_wrapper{position:relative;height:90vh;min-height:600px;overflow:hidden;background:#1a0e3d}
.title_hero_wrapper .bg_image_layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) brightness(0.5)}
.title_hero_wrapper .decorative_shape_1{position:absolute;top:12%;right:8%;width:180px;height:180px;background:linear-gradient(135deg,#f5fd4614,#531e9914);border-radius:50%;opacity:.6}
.title_hero_wrapper .decorative_shape_2{position:absolute;bottom:20%;left:5%;width:140px;height:140px;background:radial-gradient(circle,#f5fd461a,transparent);border-radius:30% 70% 70% 30% / 60% 40% 60% 40%}
.title_hero_wrapper .text_content_lower{position:absolute;bottom:0;left:0;right:0;padding:60px 40px;background:linear-gradient(to top,#1a0e3df2,transparent);z-index:10}
.title_hero_wrapper .text_content_lower .inner_wrap{max-width:1320px;margin:0 auto}
.title_hero_wrapper .main_heading_text{font-size:3.8rem;font-weight:700;color:#FAFBFD;margin:0 0 20px;line-height:1.2}
.title_hero_wrapper .main_heading_text .number_accent{color:#F5FD46;font-size:4.2rem;font-weight:800}
.title_hero_wrapper .explanation_text{font-size:1.25rem;color:#fafbfdd9;line-height:1.6;max-width:720px}
.intro_section_data{background:linear-gradient(135deg,#FAFBFD 0%,#f0f1f7 100%);padding:100px 40px}
.intro_section_data .content_holder{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.intro_section_data .text_area h2{font-size:2.8rem;color:#531E99;margin:0 0 28px;font-weight:700;line-height:1.3}
.intro_section_data .text_area p{font-size:1.1rem;color:#2a2a3c;line-height:1.8;margin:0 0 18px}
.intro_section_data .contact_info_blocks{display:flex;flex-direction:column;gap:24px}
.intro_section_data .info_card{background:#fff;padding:28px 32px;border-radius:8px;border-left:4px solid #F5FD46;box-shadow:0 4px 12px #531e9914;transition:transform 200ms linear,box-shadow 200ms linear}
.intro_section_data .info_card:hover{transform:translateX(6px);box-shadow:0 8px 20px #531e9924}
.intro_section_data .info_card h3{font-size:1.3rem;color:#531E99;margin:0 0 12px;font-weight:600}
.intro_section_data .info_card p{font-size:1rem;color:#3a3a4c;margin:0;line-height:1.6}
.intro_section_data .info_card a{color:#531E99;text-decoration:none;font-weight:500;transition:color 150ms linear}
.intro_section_data .info_card a:hover{color:#7a3ec7}
.form_section_main{background:#fff;padding:120px 40px}
.form_section_main .form_container{max-width:820px;margin:0 auto}
.form_section_main h2{font-size:2.6rem;color:#531E99;margin:0 0 16px;font-weight:700;text-align:center}
.form_section_main .form_intro_text{font-size:1.15rem;color:#4a4a5c;text-align:center;margin:0 0 50px;line-height:1.7}
.form_section_main .contact_form{background:#f8f9fc;padding:48px;border-radius:12px;box-shadow:0 6px 18px #531e991a}
.form_section_main .form_row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.form_section_main .form_group_single{margin-bottom:24px}
.form_section_main .form_group label{display:block;font-size:.95rem;color:#2a2a3c;margin-bottom:8px;font-weight:500}
.form_section_main .form_group input[type="text"],.form_section_main .form_group input[type="email"],.form_section_main .form_group input[type="tel"]{width:100%;padding:14px 16px;border:2px solid #d4d5db;border-radius:6px;font-size:1rem;color:#2a2a3c;background:#fff;transition:border-color 150ms linear,box-shadow 150ms linear;box-sizing:border-box}
.form_section_main .form_group input:focus{outline:none;border-color:#531E99;box-shadow:0 0 0 3px #531e991f}
.form_section_main .rating_section{margin-bottom:32px}
.form_section_main .rating_section h4{font-size:1.1rem;color:#2a2a3c;margin:0 0 16px;font-weight:600}
.form_section_main .rating_options{display:flex;gap:16px;flex-wrap:wrap}
.form_section_main .rating_options input[type="radio"]{display:none}
.form_section_main .rating_options label{padding:12px 24px;border:2px solid #d4d5db;border-radius:6px;cursor:pointer;transition:all 150ms linear;background:#fff;color:#4a4a5c;font-weight:500;font-size:.95rem}
.form_section_main .rating_options input[type="radio"]:checked + label{background:linear-gradient(135deg,#F5FD46,#e8f238);border-color:#F5FD46;color:#2a2a3c;font-weight:600}
.form_section_main .rating_options label:hover{border-color:#531E99}
.form_section_main .privacy_agreement{margin:28px 0;display:flex;align-items:flex-start;gap:12px}
.form_section_main .privacy_agreement input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer}
.form_section_main .privacy_agreement label{font-size:.9rem;color:#4a4a5c;line-height:1.6;cursor:pointer}
.form_section_main .privacy_agreement a{color:#531E99;text-decoration:underline;transition:color 150ms linear}
.form_section_main .privacy_agreement a:hover{color:#7a3ec7}
.form_section_main .submit_btn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#531E99,#7a3ec7);color:#FAFBFD;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform 150ms linear,box-shadow 150ms linear;box-shadow:0 4px 14px #531e994d;z-index:10;position:relative}
.form_section_main .submit_btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #531e9966}
.form_section_main .submit_btn:active{transform:translateY(0)}
.hours_availability{background:linear-gradient(to bottom,#531E99,#3d1673);padding:90px 40px;color:#FAFBFD}
.hours_availability .availability_wrap{max-width:1320px;margin:0 auto;text-align:center}
.hours_availability h2{font-size:2.5rem;margin:0 0 18px;font-weight:700;color:#F5FD46}
.hours_availability .hours_description{font-size:1.15rem;line-height:1.7;margin:0 0 40px;color:#fafbfde6;max-width:680px;margin-left:auto;margin-right:auto}
.hours_availability .hours_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:50px}
.hours_availability .time_block{background:#fafbfd1a;padding:32px;border-radius:8px;border:1px solid #f5fd4633;backdrop-filter:blur(10px);transition:transform 200ms linear,background 200ms linear}
.hours_availability .time_block:hover{background:#fafbfd26;transform:scale(1.04)}
.hours_availability .time_block h4{font-size:1.3rem;margin:0 0 12px;color:#F5FD46;font-weight:600}
.hours_availability .time_block p{font-size:1.05rem;margin:0;color:#fafbfdd9}
.map_alternative_section{background:#FAFBFD;padding:100px 40px}
.map_alternative_section .map_alt_container{max-width:1320px;margin:0 auto;display:flex;gap:60px;align-items:flex-start}
.map_alternative_section .address_display{flex:1}
.map_alternative_section .address_display h3{font-size:2.2rem;color:#531E99;margin:0 0 24px;font-weight:700}
.map_alternative_section .address_lines{font-size:1.15rem;color:#3a3a4c;line-height:1.9;margin:0 0 28px}
.map_alternative_section .address_lines strong{color:#531E99;font-weight:600}
.map_alternative_section .location_details{background:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 16px #531e9914;border-left:4px solid #F5FD46}
.map_alternative_section .location_details p{font-size:1rem;color:#4a4a5c;line-height:1.7;margin:0 0 14px}
.map_alternative_section .location_details p:last-child{margin-bottom:0}
.map_alternative_section .visual_area{flex:1}
.map_alternative_section .visual_area img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 20px #531e991f}
@media (max-width: 1024px) {
.title_hero_wrapper .main_heading_text{font-size:3rem}
.title_hero_wrapper .main_heading_text .number_accent{font-size:3.4rem}
.intro_section_data .content_holder{grid-template-columns:1fr;gap:50px}
.map_alternative_section .map_alt_container{flex-direction:column}
}
@media (max-width: 768px) {
.title_hero_wrapper{height:80vh;min-height:500px}
.title_hero_wrapper .text_content_lower{padding:40px 24px}
.title_hero_wrapper .main_heading_text{font-size:2.2rem}
.title_hero_wrapper .main_heading_text .number_accent{font-size:2.6rem}
.title_hero_wrapper .explanation_text{font-size:1.05rem}
.intro_section_data{padding:60px 24px}
.intro_section_data .text_area h2{font-size:2.2rem}
.form_section_main{padding:70px 24px}
.form_section_main h2{font-size:2rem}
.form_section_main .contact_form{padding:32px 24px}
.form_section_main .form_row{grid-template-columns:1fr;gap:20px}
.hours_availability{padding:60px 24px}
.hours_availability h2{font-size:2rem}
.hours_availability .hours_grid{grid-template-columns:1fr}
.map_alternative_section{padding:60px 24px}
.map_alternative_section .address_display h3{font-size:1.8rem}
}
@media (max-width: 480px) {
.title_hero_wrapper .main_heading_text{font-size:1.8rem}
.title_hero_wrapper .main_heading_text .number_accent{font-size:2.1rem}
.intro_section_data .text_area h2{font-size:1.8rem}
.form_section_main h2{font-size:1.7rem}
.form_section_main .rating_options{flex-direction:column}
.form_section_main .rating_options label{width:100%;text-align:center}
}
.title_wrapper{max-width:1320px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.title_text_area h1{font-size:3.2rem;color:#531E99;margin:0 0 24px;line-height:1.2;font-weight:700}
.title_text_area p{font-size:1.15rem;color:#333;line-height:1.7;margin:0}
.title_visual_block{position:relative}
.title_visual_block img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 12px 28px #531e9926}
.title_visual_block::before{content:'';position:absolute;top:-20px;left:-20px;width:140px;height:140px;background:linear-gradient(135deg,#F5FD46,#531E99);border-radius:50%;z-index:-1;opacity:.4}
.story_section{background:linear-gradient(180deg,#FAFBFD 0%,#fff 100%);padding:90px 20px}
.story_content_holder{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:50px}
.story_header h2{font-size:2.6rem;color:#531E99;margin:0 0 20px;text-align:center}
.story_header p{font-size:1.1rem;color:#555;line-height:1.7;text-align:center;max-width:880px;margin:0 auto}
.story_timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin:30px 0 0}
.timeline_item{background:#fff;padding:32px;border-radius:6px;border-left:4px solid #F5FD46;box-shadow:0 4px 16px #0000000f;transition:all 200ms linear}
.timeline_item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #531e991f;border-left-color:#531E99}
.timeline_item h3{font-size:1.45rem;color:#531E99;margin:0 0 12px}
.timeline_item .year_marker{display:inline-block;background:#F5FD46;color:#531E99;padding:4px 14px;border-radius:4px;font-size:.9rem;font-weight:600;margin:0 0 16px}
.timeline_item p{font-size:1rem;color:#444;line-height:1.6;margin:0}
.approach_grid_area{padding:80px 20px;background:#fff}
.approach_container{max-width:1320px;margin:0 auto}
.approach_container h2{font-size:2.4rem;color:#531E99;margin:0 0 50px;text-align:center}
.method_cards_wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.method_card{background:linear-gradient(135deg,#FAFBFD 0%,#fff 100%);padding:38px 28px;border-radius:8px;border:2px solid #F5FD46;position:relative;overflow:hidden}
.method_card::after{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,#F5FD46 0%,transparent 70%);opacity:.3;transition:all 300ms linear}
.method_card:hover::after{width:120px;height:120px;opacity:.5}
.method_card h3{font-size:1.5rem;color:#531E99;margin:0 0 16px}
.method_card p{font-size:1rem;color:#444;line-height:1.65;margin:0 0 20px}
.method_card ul{list-style:none;padding:0;margin:0}
.method_card ul li{font-size:.95rem;color:#555;padding:8px 0 8px 28px;position:relative}
.method_card ul li::before{content:'→';position:absolute;left:0;color:#F5FD46;font-weight:700}
.expertise_showcase{padding:80px 20px;background:linear-gradient(135deg,#531E99 0%,#3a1570 100%);position:relative}
.expertise_showcase::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(./image_folder/panel-slideshow.jpg) center/cover;opacity:.08}
.expertise_content_box{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.expertise_content_box h2{font-size:2.5rem;color:#F5FD46;margin:0 0 30px;text-align:center}
.expertise_stats_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:40px 0 0}
.stat_block{text-align:center;padding:30px 20px;background:#fafbfd1a;border-radius:6px;backdrop-filter:blur(8px);border:1px solid #f5fd4633}
.stat_block .number_display{font-size:3rem;color:#F5FD46;font-weight:700;margin:0 0 10px;line-height:1}
.stat_block .stat_label{font-size:1.05rem;color:#FAFBFD;margin:0;line-height:1.4}
.team_philosophy_section{padding:90px 20px;background:#FAFBFD}
.team_content_wrapper{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
.philosophy_text_area h2{font-size:2.4rem;color:#531E99;margin:0 0 28px}
.philosophy_text_area p{font-size:1.05rem;color:#444;line-height:1.75;margin:0 0 24px}
.philosophy_highlights{display:flex;flex-direction:column;gap:20px;margin:35px 0 0}
.highlight_box{background:#fff;padding:24px;border-radius:6px;border-left:5px solid #F5FD46;box-shadow:0 4px 14px #0000000d}
.highlight_box h4{font-size:1.2rem;color:#531E99;margin:0 0 10px}
.highlight_box p{font-size:.98rem;color:#555;margin:0;line-height:1.6}
.visual_showcase_column{display:flex;flex-direction:column;gap:25px}
.visual_showcase_column img{width:100%;height:280px;object-fit:cover;border-radius:8px;box-shadow:0 8px 20px #531e991f}
.cta_footer_block{background:linear-gradient(90deg,#F5FD46 0%,#531E99 100%);padding:60px 20px;text-align:center}
.cta_footer_block h2{font-size:2.2rem;color:#fff;margin:0 0 20px}
.cta_footer_block p{font-size:1.1rem;color:#FAFBFD;margin:0 0 30px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.cta_button_holder{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta_button{display:inline-block;padding:16px 36px;font-size:1.05rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all 200ms linear;position:relative;z-index:5}
.cta_button.primary_cta{background:#fff;color:#531E99;box-shadow:0 6px 18px #00000026}
.cta_button.primary_cta:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0003}
.cta_button.secondary_cta{background:transparent;color:#fff;border:2px solid #fff}
.cta_button.secondary_cta:hover{background:#ffffff26;transform:translateY(-2px)}
@media (max-width: 1024px) {
.title_wrapper{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.title_text_area h1{font-size:2.6rem}
.method_cards_wrapper{grid-template-columns:1fr}
.expertise_stats_grid{grid-template-columns:repeat(2,1fr);gap:25px}
.team_content_wrapper{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.title_text_area h1{font-size:2.2rem}
.story_header h2{font-size:2rem}
.approach_container h2{font-size:2rem}
.expertise_content_box h2{font-size:2rem}
.expertise_stats_grid{grid-template-columns:1fr}
.stat_block .number_display{font-size:2.5rem}
.cta_footer_block h2{font-size:1.8rem}
.cta_button_holder{flex-direction:column;align-items:center}
.cta_button{width:100%;max-width:320px}
}
@media (max-width: 480px) {
.title_wrapper{padding:40px 15px}
.title_text_area h1{font-size:1.9rem}
.title_visual_block img{height:320px}
.story_section{padding:60px 15px}
.timeline_item{padding:24px}
.approach_grid_area{padding:60px 15px}
.method_card{padding:28px 20px}
.expertise_showcase{padding:60px 15px}
.team_philosophy_section{padding:60px 15px}
.visual_showcase_column img{height:220px}
.cta_footer_block{padding:50px 15px}
}
.success_main_wrapper{max-width:1320px;margin:0 auto;padding:0 20px}
.title_hero_block{position:relative;min-height:520px;display:flex;align-items:center;margin-bottom:85px;overflow:hidden}
.title_hero_block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#FAFBFD 0%,#F5FD46 50%,#531E99 100%);background-size:200% 200%;animation:gradient_shift 8s ease infinite;opacity:.15;z-index:1}
@keyframes gradient_shift {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.title_content_box{position:relative;z-index:3;max-width:680px;background:#FAFBFD;padding:58px 48px;box-shadow:0 8px 24px #531e991f;border-radius:8px}
.title_content_box h1{font-size:52px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.title_content_box h1 .number_accent{color:#531E99;display:inline-block;margin-right:12px}
.title_content_box .intro_text{font-size:18px;line-height:1.7;color:#333;margin:0}
.hero_image_wrapper{position:absolute;right:0;top:50%;transform:translateY(-50%);width:580px;height:420px;z-index:2}
.hero_image_wrapper img{width:100%;height:100%;object-fit:cover;border-radius:6px;filter:contrast(1.1) brightness(0.95)}
.hero_image_wrapper::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000008 2px,#00000008 4px);pointer-events:none}
.story_cards_section{margin-bottom:95px}
.story_cards_section h2{font-size:38px;color:#1a1a1a;margin:0 0 52px;font-weight:600;text-align:center}
.story_cards_section h2::after{content:'';display:block;width:85px;height:4px;background:linear-gradient(90deg,#F5FD46,#531E99);margin:18px auto 0;border-radius:2px}
.cards_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.story_card_item{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;transition:transform 200ms linear,box-shadow 200ms linear}
.story_card_item:hover{transform:translateY(-6px);box-shadow:0 12px 32px #531e9926}
.card_image_box{width:100%;height:240px;overflow:hidden}
.card_image_box img{width:100%;height:100%;object-fit:cover;transition:transform 300ms linear}
.story_card_item:hover .card_image_box img{transform:scale(1.08)}
.card_content_area{padding:32px 28px}
.card_content_area h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.card_content_area .category_label{display:inline-block;font-size:13px;color:#531E99;background:#f5fd4640;padding:6px 14px;border-radius:4px;margin-bottom:18px;font-weight:500}
.card_content_area p{font-size:16px;line-height:1.65;color:#444;margin:0 0 22px}
.results_metrics{display:flex;gap:24px;margin-top:22px;padding-top:22px;border-top:1px solid #e8e8e8}
.metric_item{flex:1}
.metric_item .metric_value{font-size:28px;font-weight:700;color:#531E99;display:block;margin-bottom:6px}
.metric_item .metric_label{font-size:13px;color:#666;display:block}
.timeline_section{margin-bottom:100px;background:linear-gradient(180deg,#FAFBFD 0%,#fff 100%);padding:72px 0;position:relative}
.timeline_section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,#531E99,transparent)}
.timeline_section h2{font-size:42px;color:#1a1a1a;margin:0 0 62px;font-weight:600;text-align:center}
.timeline_wrapper{position:relative;max-width:920px;margin:0 auto}
.timeline_line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#F5FD46,#531E99);transform:translateX(-50%)}
.timeline_stage{position:relative;margin-bottom:68px;display:flex;align-items:center}
.timeline_stage:nth-child(odd){flex-direction:row}
.timeline_stage:nth-child(even){flex-direction:row-reverse}
.stage_content{width:42%;background:#fff;padding:32px 36px;border-radius:8px;box-shadow:0 6px 18px #00000014;position:relative}
.timeline_stage:nth-child(odd) .stage_content{margin-right:auto}
.timeline_stage:nth-child(even) .stage_content{margin-left:auto}
.stage_content h3{font-size:22px;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.stage_content .stage_number{display:inline-block;width:36px;height:36px;background:#531E99;color:#F5FD46;border-radius:50%;text-align:center;line-height:36px;font-weight:700;margin-bottom:12px}
.stage_content p{font-size:15px;line-height:1.7;color:#444;margin:0}
.timeline_dot{position:absolute;left:50%;transform:translateX(-50%);width:18px;height:18px;background:#531E99;border:4px solid #F5FD46;border-radius:50%;z-index:2}
.transformation_showcase{margin-bottom:90px}
.transformation_showcase h2{font-size:40px;color:#1a1a1a;margin:0 0 48px;font-weight:600}
.comparison_container{display:grid;grid-template-columns:1fr 1fr;gap:44px;background:#fff;padding:52px;border-radius:12px;box-shadow:0 10px 28px #531e991a}
.comparison_side h3{font-size:26px;margin:0 0 28px;font-weight:600;display:flex;align-items:center;gap:12px}
.comparison_side h3::before{content:'';width:12px;height:12px;border-radius:2px;flex-shrink:0}
.before_state h3{color:#666}
.before_state h3::before{background:#ccc}
.after_state h3{color:#531E99}
.after_state h3::before{background:#531E99}
.comparison_list{list-style:none;padding:0;margin:0}
.comparison_list li{font-size:16px;line-height:1.6;color:#333;padding:14px 0 14px 34px;position:relative;border-bottom:1px solid #f0f0f0}
.comparison_list li:last-child{border-bottom:none}
.comparison_list li::before{content:'';position:absolute;left:0;top:18px;width:20px;height:20px;border-radius:50%}
.before_state .comparison_list li::before{background:#e8e8e8}
.after_state .comparison_list li::before{background:linear-gradient(135deg,#F5FD46,#531E99)}
.stats_highlight{margin-top:42px;padding:32px;background:linear-gradient(135deg,#f5fd461a,#531e991a);border-radius:8px;border-left:4px solid #531E99}
.stats_highlight p{font-size:17px;line-height:1.7;color:#1a1a1a;margin:0;font-weight:500}
@media (max-width: 1024px) {
.title_hero_block{min-height:440px;margin-bottom:65px}
.title_content_box{max-width:520px;padding:42px 36px}
.title_content_box h1{font-size:42px}
.hero_image_wrapper{width:460px;height:340px}
.cards_grid{grid-template-columns:repeat(2,1fr);gap:28px}
.timeline_wrapper{max-width:680px}
.comparison_container{gap:32px;padding:38px}
}
@media (max-width: 768px) {
.title_hero_block{min-height:auto;flex-direction:column;margin-bottom:55px}
.title_content_box{max-width:100%;padding:36px 28px}
.title_content_box h1{font-size:36px;margin-bottom:18px}
.title_content_box .intro_text{font-size:16px}
.hero_image_wrapper{position:relative;transform:none;width:100%;height:280px;margin-top:32px}
.story_cards_section h2{font-size:32px;margin-bottom:38px}
.cards_grid{grid-template-columns:1fr;gap:24px}
.timeline_section{padding:52px 0}
.timeline_section h2{font-size:34px;margin-bottom:48px}
.timeline_line{left:24px}
.timeline_stage{flex-direction:column!important;align-items:flex-start;padding-left:54px;margin-bottom:42px}
.stage_content{width:100%;margin:0!important}
.timeline_dot{left:24px}
.transformation_showcase h2{font-size:32px;margin-bottom:36px}
.comparison_container{grid-template-columns:1fr;gap:38px;padding:32px 24px}
}
@media (max-width: 480px) {
.title_content_box{padding:28px 22px}
.title_content_box h1{font-size:30px}
.card_content_area{padding:24px 20px}
.results_metrics{flex-direction:column;gap:16px}
.stage_content{padding:24px 22px}
.comparison_container{padding:24px 18px}
}
.success_hero_wrapper{position:relative;width:100%;height:100vh;min-height:600px;background:linear-gradient(135deg,#531E99 0%,#F5FD46 100%);display:flex;align-items:flex-end;overflow:hidden}
.success_hero_wrapper::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#f5fd464d 0%,transparent 70%);border-radius:50%}
.success_hero_wrapper::after{content:'';position:absolute;bottom:15%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#531e9966 0%,transparent 70%);border-radius:50%}
.hero_content_lower{position:relative;z-index:3;width:100%;max-width:1320px;margin:0 auto;padding:0 24px 80px}
.hero_title_main{font-size:68px;font-weight:700;line-height:1.1;color:#FAFBFD;margin:0 0 16px;text-shadow:2px 4px 8px #0003}
.hero_title_accent{color:#F5FD46}
.hero_subtitle_text{font-size:22px;line-height:1.5;color:#FAFBFD;max-width:680px;margin:0;font-weight:400}
.shape_decor_1{position:absolute;top:12%;left:8%;width:120px;height:120px;border:3px solid #f5fd4666;transform:rotate(25deg)}
.shape_decor_2{position:absolute;top:40%;right:15%;width:80px;height:80px;background:#fafbfd26;border-radius:50%}
.shape_decor_3{position:absolute;bottom:25%;right:25%;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:86px solid #f5fd464d;transform:rotate(15deg)}
.stories_container_main{max-width:1320px;margin:0 auto;padding:100px 24px}
.stories_grid_layout{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:80px}
.story_card_item{background:#FAFBFD;border-radius:8px;padding:0;box-shadow:0 4px 12px #531e991a;transition:transform 200ms linear,box-shadow 300ms linear;overflow:hidden}
.story_card_item:hover{transform:translateY(-6px);box-shadow:0 8px 24px #531e992e}
.card_header_section{background:linear-gradient(120deg,#531E99 0%,#7a3fc4 100%);padding:32px 28px;position:relative}
.card_header_section::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,#f5fd4633 0%,transparent 70%)}
.student_name_title{font-size:24px;font-weight:700;color:#FAFBFD;margin:0 0 8px;position:relative}
.course_info_label{font-size:15px;color:#F5FD46;margin:0;font-weight:500}
.card_body_content{padding:28px}
.achievement_metrics{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}
.metric_row_data{display:flex;justify-content:space-between;align-items:center}
.metric_label_text{font-size:14px;color:#531E99;font-weight:600;margin:0}
.metric_value_display{font-size:18px;font-weight:700;color:#531E99}
.progress_bar_wrapper{width:100%;height:8px;background:#e8e9ef;border-radius:4px;overflow:hidden;margin-top:8px}
.progress_fill_bar{height:100%;background:linear-gradient(90deg,#531E99 0%,#F5FD46 100%);transition:width 400ms linear}
.testimonial_text_block{font-size:15px;line-height:1.7;color:#2d2d2d;margin:0 0 24px;font-style:italic;padding-left:16px;border-left:3px solid #F5FD46}
.outcome_badge_set{display:flex;flex-wrap:wrap;gap:8px}
.badge_item_tag{background:#FAFBFD;border:2px solid #531E99;color:#531E99;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}
.detailed_case_section{background:#FAFBFD;border-radius:12px;padding:56px;box-shadow:0 6px 20px #531e991f;margin-bottom:80px}
.case_header_title{font-size:36px;font-weight:700;color:#531E99;margin:0 0 12px;position:relative;display:inline-block}
.case_header_title::after{content:'';position:absolute;bottom:-6px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#F5FD46 0%,transparent 100%)}
.case_subtitle_info{font-size:18px;color:#666;margin:0 0 40px}
.journey_timeline_wrapper{position:relative;padding-left:60px}
.timeline_line_vertical{position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#531E99 0%,#F5FD46 100%)}
.timeline_step_item{position:relative;margin-bottom:48px}
.timeline_step_item:last-child{margin-bottom:0}
.step_marker_circle{position:absolute;left:-48px;top:4px;width:20px;height:20px;background:#F5FD46;border:4px solid #531E99;border-radius:50%}
.step_phase_label{font-size:14px;font-weight:700;color:#531E99;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}
.step_content_title{font-size:22px;font-weight:700;color:#2d2d2d;margin:0 0 12px}
.step_description_text{font-size:16px;line-height:1.6;color:#555;margin:0}
.stats_overview_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;background:linear-gradient(135deg,#531E99 0%,#7a3fc4 100%);padding:60px;border-radius:12px;margin-bottom:80px}
.stat_box_item{text-align:center;padding:24px;background:#ffffff1a;border-radius:8px;transition:background 300ms linear}
.stat_box_item:hover{background:#ffffff26}
.stat_number_big{font-size:48px;font-weight:700;color:#F5FD46;margin:0 0 8px;line-height:1}
.stat_label_desc{font-size:15px;color:#FAFBFD;margin:0;font-weight:500}
.comparison_section_wrapper{background:#f8f9fb;padding:80px 0}
.comparison_content_box{max-width:1320px;margin:0 auto;padding:0 24px}
.comparison_heading_main{font-size:42px;font-weight:700;color:#531E99;margin:0 0 48px;text-align:center}
.comparison_grid_layout{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.before_state_card{background:#fff;padding:40px;border-radius:8px;border:3px solid #e8e9ef}
.after_state_card{background:#fff;padding:40px;border-radius:8px;border:3px solid #F5FD46;box-shadow:0 6px 16px #f5fd4633}
.state_label_heading{font-size:28px;font-weight:700;margin:0 0 24px}
.before_state_card .state_label_heading{color:#888}
.after_state_card .state_label_heading{color:#531E99}
.comparison_list_items{list-style:none;padding:0;margin:0}
.comparison_list_items li{font-size:16px;line-height:1.8;color:#2d2d2d;margin-bottom:16px;padding-left:32px;position:relative}
.before_state_card .comparison_list_items li::before{content:'×';position:absolute;left:0;top:0;font-size:24px;color:#888;font-weight:700}
.after_state_card .comparison_list_items li::before{content:'✓';position:absolute;left:0;top:0;font-size:20px;color:#531E99;font-weight:700}
.cta_section_final{background:linear-gradient(120deg,#531E99 0%,#7a3fc4 50%,#531E99 100%);padding:80px 24px;text-align:center;position:relative;overflow:hidden}
.cta_section_final::before{content:'';position:absolute;top:-50%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,#f5fd4626 0%,transparent 70%);border-radius:50%}
.cta_section_final::after{content:'';position:absolute;bottom:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#f5fd4626 0%,transparent 70%);border-radius:50%}
.cta_content_wrapper{max-width:800px;margin:0 auto;position:relative;z-index:2}
.cta_heading_text{font-size:44px;font-weight:700;color:#FAFBFD;margin:0 0 20px;line-height:1.2}
.cta_subtext_desc{font-size:20px;line-height:1.6;color:#FAFBFD;margin:0 0 40px}
.cta_button_action{display:inline-block;background:#F5FD46;color:#531E99;font-size:18px;font-weight:700;padding:18px 48px;border-radius:6px;text-decoration:none;transition:transform 200ms linear,box-shadow 300ms linear;box-shadow:0 4px 12px #f5fd464d}
.cta_button_action:hover{transform:translateY(-3px);box-shadow:0 8px 20px #f5fd4666;color:#531E99}
@media (max-width: 1024px) {
.hero_title_main{font-size:52px}
.hero_subtitle_text{font-size:19px}
.stories_grid_layout{grid-template-columns:repeat(2,1fr);gap:36px}
.stats_overview_grid{grid-template-columns:repeat(2,1fr);gap:24px}
.comparison_grid_layout{gap:36px}
}
@media (max-width: 768px) {
.success_hero_wrapper{height:auto;min-height:500px;padding-top:60px}
.hero_content_lower{padding:0 20px 60px}
.hero_title_main{font-size:38px}
.hero_subtitle_text{font-size:17px}
.shape_decor_1,.shape_decor_2,.shape_decor_3{display:none}
.stories_container_main{padding:60px 20px}
.stories_grid_layout{grid-template-columns:1fr;gap:28px}
.detailed_case_section{padding:36px 24px}
.case_header_title{font-size:28px}
.case_subtitle_info{font-size:16px}
.journey_timeline_wrapper{padding-left:40px}
.stats_overview_grid{grid-template-columns:1fr;padding:40px 24px;gap:20px}
.stat_number_big{font-size:36px}
.comparison_section_wrapper{padding:60px 0}
.comparison_heading_main{font-size:32px;margin-bottom:36px}
.comparison_grid_layout{grid-template-columns:1fr;gap:28px}
.before_state_card,.after_state_card{padding:28px 20px}
.cta_section_final{padding:60px 20px}
.cta_heading_text{font-size:32px}
.cta_subtext_desc{font-size:18px}
.cta_button_action{font-size:16px;padding:16px 36px}
}
@media (max-width: 480px) {
.hero_title_main{font-size:32px}
.hero_subtitle_text{font-size:16px}
.card_header_section{padding:24px 20px}
.student_name_title{font-size:20px}
.card_body_content{padding:20px}
.case_header_title{font-size:24px}
.step_content_title{font-size:19px}
.comparison_heading_main{font-size:28px}
.state_label_heading{font-size:24px}
.cta_heading_text{font-size:28px}
}