@import "https://cdn.jsdelivr.net/npm/@fontsource/literata@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/literata@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/literata@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/literata@latest/700-italic.css";
*,::before,::after{margin:0;padding:0;border:0;box-sizing:border-box;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;background:none;list-style:none;text-decoration:none;outline:none}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Literata',Georgia,serif;font-size:1rem;line-height:1.6;color:#1a0a2e;background:#FDF9F6}
img,svg{display:block;max-width:100%}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
.header_wrapper{background:#2B0150;position:relative;z-index:100}
.header_top_row{max-width:1536px;margin:auto;padding:22px 40px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header_logo_block{display:flex;align-items:center;gap:14px;flex-shrink:0}
.header_logo_block a{display:flex;align-items:center;gap:14px}
.header_logo_block img{width:90px;height:90px;object-fit:contain;border-radius:50%;background:#06fbf71f;padding:6px}
.logo_label_v1{display:flex;flex-direction:column}
.logo_label_v1 .site_name{font-size:1.6rem;font-weight:700;color:#06FBF7;letter-spacing:.04em;line-height:1.1}
.logo_label_v1 .site_since{font-size:.72rem;color:#fdf9f680;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.header_tagline_block{text-align:right;max-width:420px}
.header_tagline_block .tagline_text{font-size:.9rem;color:#fdf9f6b3;line-height:1.5;font-style:italic}
.header_bottom_row{background:#00000040;border-top:1px solid #06fbf726}
.header_bottom_inner{max-width:1536px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px}
.main_nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.main_nav a{font-size:.88rem;color:#fdf9f6cc;padding:10px 18px;border-radius:50px;transition:background 0.2s,color .2s;white-space:nowrap;font-weight:400;letter-spacing:.02em}
.main_nav a:hover,.main_nav a.nav--active{background:#06fbf726;color:#06FBF7}
.header_cta_wrapper{flex-shrink:0}
.btn_cta_v1{display:inline-flex;align-items:center;gap:8px;background:#06FBF7;color:#2B0150;font-weight:700;font-size:.88rem;padding:11px 26px;border-radius:50px;letter-spacing:.03em;transition:background 0.2s,box-shadow .2s;box-shadow:0 4px 18px #06fbf759;white-space:nowrap}
.btn_cta_v1:hover{background:#04dcd9;box-shadow:0 6px 24px #06fbf780}
.btn_cta_v1 .typcn{font-size:1.1rem}
.footer_wrapper{background:#1a0a2e;color:#FDF9F6}
.footer_inner{max-width:1536px;margin:auto;padding:56px 40px 0}
.footer_grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid #06fbf71f}
.footer_brand_col .footer_logo_wrap{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer_brand_col .footer_logo_wrap img{width:60px;height:60px;object-fit:contain;background:#06fbf71a;border-radius:4px;padding:4px}
.footer_brand_col .brand_name{font-size:1.3rem;font-weight:700;color:#06FBF7}
.footer_brand_col .brand_desc{font-size:.84rem;color:#fdf9f699;line-height:1.6;margin-bottom:20px}
.footer_contact_list{display:flex;flex-direction:column;gap:10px}
.footer_contact_list li{display:flex;align-items:flex-start;gap:10px;font-size:.83rem;color:#fdf9f6a6}
.footer_contact_list li .typcn{font-size:1.1rem;color:#06FBF7;flex-shrink:0;margin-top:2px}
.footer_contact_list a:hover{color:#06FBF7}
.footer_col_title{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#06FBF7;margin-bottom:18px}
.footer_nav_links{display:flex;flex-direction:column;gap:10px}
.footer_nav_links a{font-size:.85rem;color:#fdf9f6a6;transition:color .2s}
.footer_nav_links a:hover{color:#06FBF7}
.footer_bottom_bar{max-width:1536px;margin:auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer_bottom_bar .copyright{font-size:.78rem;color:#fdf9f666}
.footer_bottom_links{display:flex;gap:20px;flex-wrap:wrap}
.footer_bottom_links a{font-size:.78rem;color:#fdf9f666;transition:color .2s}
.footer_bottom_links a:hover{color:#06FBF7}
.cookie_popup_wrapper{position:fixed;bottom:24px;left:24px;z-index:9999;width:300px;background:#2B0150;border:1px solid #06fbf740;box-shadow:0 8px 32px #0006;display:none}
.cookie_popup_wrapper.is_visible{display:block}
.cookie_inner_v1{padding:24px}
.cookie_inner_v1 .cookie_icon_row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cookie_inner_v1 .cookie_icon_row .typcn{font-size:1.4rem;color:#06FBF7}
.cookie_inner_v1 .cookie_title{font-size:.95rem;font-weight:700;color:#FDF9F6}
.cookie_inner_v1 .cookie_text{font-size:.78rem;color:#fdf9f6a6;line-height:1.5;margin-bottom:16px}
.cookie_inner_v1 .cookie_text a{color:#06FBF7;text-decoration:underline}
.cookie_btn_group{display:flex;flex-direction:column;gap:8px}
.cookie_btn_group button{width:100%;padding:10px 14px;font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;border:none;font-family:'Literata',Georgia,serif}
.btn_cookie_accept{background:#06FBF7;color:#2B0150}
.btn_cookie_accept:hover{background:#04dcd9}
.btn_cookie_decline{background:transparent;border:1px solid #06fbf74d!important;color:#fdf9f6b3}
.btn_cookie_decline:hover{border-color:#06FBF7!important;color:#06FBF7}
.btn_cookie_settings{background:none;color:#fdf9f673;font-size:.74rem;font-weight:400;padding:6px 0!important;text-align:center;letter-spacing:0;text-decoration:underline;cursor:pointer;border:none!important;font-family:'Literata',Georgia,serif}
.cookie_detail_panel{display:none;padding:0 24px 16px}
.cookie_detail_panel.detail_open{display:block}
.cookie_toggle_row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #06fbf71a}
.cookie_toggle_row .toggle_label{font-size:.78rem;color:#fdf9f6bf}
.cookie_toggle_row .toggle_label span{display:block;font-size:.68rem;color:#fdf9f666;margin-top:2px}
.toggle_switch{position:relative;width:36px;height:20px;flex-shrink:0}
.toggle_switch input{opacity:0;width:0;height:0;position:absolute}
.toggle_track{position:absolute;inset:0;background:#ffffff26;cursor:pointer}
.toggle_track::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;background:#FDF9F6;transition:transform .2s}
.toggle_switch input:checked+.toggle_track{background:#06FBF7}
.toggle_switch input:checked+.toggle_track::after{transform:translateX(16px);background:#2B0150}
.cookie_save_btn{width:100%;padding:9px;background:#06FBF7;color:#2B0150;font-weight:700;font-size:.8rem;border:none;cursor:pointer;font-family:'Literata',Georgia,serif;margin-top:14px}
@media(max-width:1280px) {
.footer_grid{grid-template-columns:1.2fr 1fr 1fr}
}
@media(max-width:1024px) {
.header_top_row{padding:18px 28px}
.header_bottom_inner{padding:0 28px}
.footer_inner{padding:40px 28px 0}
.footer_bottom_bar{padding:16px 28px}
.footer_grid{grid-template-columns:1fr 1fr;gap:30px}
}
@media(max-width:768px) {
.header_top_row{flex-direction:column;align-items:flex-start;gap:12px}
.header_tagline_block{text-align:left;max-width:100%}
.header_bottom_inner{flex-direction:column;align-items:flex-start;padding:14px 20px;min-height:auto;gap:14px}
.main_nav{gap:2px}
.btn_cta_v1{width:100%;justify-content:center}
.header_cta_wrapper{width:100%}
.footer_grid{grid-template-columns:1fr;gap:24px}
.footer_bottom_bar{flex-direction:column;align-items:flex-start;gap:10px}
.cookie_popup_wrapper{width:calc(100vw - 32px);left:16px;bottom:16px}
}
@media(max-width:480px) {
.header_top_row{padding:14px 16px}
.header_logo_block img{width:70px;height:70px}
.logo_label_v1 .site_name{font-size:1.3rem}
.footer_inner{padding:32px 16px 0}
.footer_bottom_bar{padding:14px 16px}
}
.policy-g-data{max-width:860px;margin:0 auto;padding:48px 32px 80px;background-color:#FDF9F6;font-family:'Georgia','Times New Roman',serif;font-size:17px;line-height:1.85;color:#1a1025}
.policy-g-data h1{font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:2.4rem;font-weight:800;line-height:1.2;color:#2B0150;margin:0 0 32px;padding-bottom:20px;border-bottom:3px solid #06FBF7;letter-spacing:-.5px}
.policy-g-data h2{font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:1.65rem;font-weight:700;line-height:1.3;color:#2B0150;margin:52px 0 16px;padding-left:14px;border-left:4px solid #06FBF7;letter-spacing:-.2px}
.policy-g-data h3{font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.4;color:#2B0150;margin:36px 0 12px}
.policy-g-data h4{font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:1.08rem;font-weight:600;line-height:1.45;color:#3a0270;margin:28px 0 10px;text-transform:uppercase;letter-spacing:.6px}
.policy-g-data h5{font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:1rem;font-weight:600;line-height:1.5;color:#3a0270;margin:24px 0 8px}
.policy-g-data h6{font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:.9rem;font-weight:600;line-height:1.5;color:#555;margin:20px 0 8px;text-transform:uppercase;letter-spacing:.8px}
.policy-g-data p{margin:0 0 20px;font-size:17px;line-height:1.85;color:#2a1a3a}
.policy-g-data p:last-child{margin-bottom:0}
.policy-g-data em,.policy-g-data i{font-style:italic;color:#3a0270}
.policy-g-data a{color:#2B0150;text-decoration:underline;text-decoration-color:#06fbf7b3;text-underline-offset:3px;text-decoration-thickness:2px;transition:color .22s cubic-bezier(0.34,1.56,0.64,1),text-decoration-color .22s cubic-bezier(0.34,1.56,0.64,1),background-color .22s cubic-bezier(0.34,1.56,0.64,1);border-radius:3px;padding:0 2px}
.policy-g-data a:hover{color:#2B0150;background-color:#06fbf72e;text-decoration-color:#06FBF7}
.policy-g-data a:visited{color:#4a0180}
.policy-g-data a:focus{outline:2px solid #06FBF7;outline-offset:2px;border-radius:3px}
.policy-g-data table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;border-radius:10px;overflow:hidden;box-shadow:0 4px 24px #2b015014 0 1px 4px #2b01500d}
.policy-g-data thead{background-color:#2B0150}
.policy-g-data thead tr{background-color:transparent}
.policy-g-data thead th{padding:14px 20px;text-align:left;font-size:.82rem;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:#06FBF7;border:none}
.policy-g-data tbody{background-color:#fff}
.policy-g-data tbody tr{border-bottom:1px solid #2b015014;transition:background-color .18s cubic-bezier(0.34,1.56,0.64,1)}
.policy-g-data tbody tr:last-child{border-bottom:none}
.policy-g-data tbody tr:nth-child(even){background-color:#06fbf70a}
.policy-g-data tbody tr:hover{background-color:#06fbf717}
.policy-g-data td{padding:13px 20px;font-size:15px;line-height:1.6;color:#2a1a3a;vertical-align:top;border:none}
.policy-g-data th{padding:14px 20px;font-size:.82rem;font-weight:700;text-align:left;color:#06FBF7;vertical-align:middle;border:none}
.policy-g-data div{box-sizing:border-box}
.policy-g-data div + div{margin-top:16px}
@media (max-width: 1024px) {
.policy-g-data{max-width:720px;padding:40px 28px 64px}
}
@media (max-width: 768px) {
.policy-g-data{padding:32px 20px 56px;font-size:16px}
.policy-g-data h1{font-size:1.9rem;margin-bottom:24px;padding-bottom:16px}
.policy-g-data h2{font-size:1.4rem;margin-top:40px}
.policy-g-data h3{font-size:1.15rem}
.policy-g-data p{font-size:16px;line-height:1.8}
.policy-g-data table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;font-size:14px}
.policy-g-data thead th,.policy-g-data td{padding:11px 14px;min-width:120px}
}
@media (max-width: 480px) {
.policy-g-data{padding:24px 16px 48px;font-size:15.5px}
.policy-g-data h1{font-size:1.55rem;letter-spacing:-.3px}
.policy-g-data h2{font-size:1.22rem;margin-top:32px;padding-left:10px}
.policy-g-data h3{font-size:1.08rem}
.policy-g-data h4{font-size:.95rem}
.policy-g-data p{font-size:15.5px;line-height:1.75;margin-bottom:16px}
.policy-g-data thead th,.policy-g-data td{padding:10px 12px;font-size:13px}
}
@media (min-width: 1280px) {
.policy-g-data{max-width:900px;padding:56px 40px 96px}
.policy-g-data p{font-size:17.5px}
}
@media (min-width: 1920px) {
.policy-g-data{max-width:960px;font-size:18px;padding:64px 48px 112px}
.policy-g-data h1{font-size:2.7rem}
.policy-g-data h2{font-size:1.8rem}
.policy-g-data p{font-size:18px;line-height:1.9}
}
.prog_title_wrapper{position:relative;overflow:hidden;padding:96px 24px 80px;background:#2B0150}
.prog_title_wrapper .bg_shape_one{position:absolute;top:-60px;right:-80px;width:420px;height:420px;border-radius:50%;background:#06fbf70f;pointer-events:none}
.prog_title_wrapper .bg_shape_two{position:absolute;bottom:-40px;left:-60px;width:280px;height:280px;border-radius:50%;background:#06fbf70a;pointer-events:none}
.prog_title_wrapper .bg_shape_three{position:absolute;top:40%;left:30%;width:160px;height:160px;border:1px solid #06fbf714;border-radius:8px;transform:rotate(22deg);pointer-events:none}
.prog_title_inner{max-width:820px;margin:0 auto;position:relative;z-index:2}
.prog_title_inner .animated_bar{width:56px;height:3px;border-radius:4px;background:linear-gradient(90deg,#06FBF7,#06fbf74d);margin-bottom:28px;animation:bar_grow 3s cubic-bezier(0.34,1.56,0.64,1) infinite alternate}
@keyframes bar_grow {
0%{width:40px;opacity:.6}
100%{width:80px;opacity:1}
}
.prog_title_inner .grad_headline{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.18;letter-spacing:-.5px;background:linear-gradient(135deg,#FDF9F6 30%,#06FBF7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px}
.prog_title_inner .intro_text_v1{font-size:1.08rem;line-height:1.78;color:#fdf9f6c7;max-width:680px}
.prog_title_inner .tag_row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:36px}
.prog_title_inner .tag_row .prog_tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:40px;border:1px solid #06fbf740;background:#06fbf712;font-size:.82rem;color:#06FBF7;letter-spacing:.3px}
.prog_title_inner .tag_row .prog_tag .typcn{font-size:.95rem}
.grad_bg_anim{position:absolute;inset:0;background:linear-gradient(120deg,#2B0150 0%,#1a0035 40%,#0a0022 70%,#2B0150 100%);background-size:300% 300%;animation:grad_shift 8s ease infinite;z-index:0}
@keyframes grad_shift {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.courses_section_wrapper{background:#FDF9F6;padding:88px 24px}
.courses_section_inner{max-width:1200px;margin:0 auto}
.courses_section_inner .section_label_v2{font-size:.78rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#2B0150;opacity:.45;margin-bottom:12px}
.courses_section_inner .section_heading_v2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:#2B0150;line-height:1.22;margin-bottom:14px;position:relative;display:inline-block}
.courses_section_inner .section_heading_v2::after{content:'';display:block;height:3px;width:60%;border-radius:4px;background:linear-gradient(90deg,#06FBF7,transparent);margin-top:10px}
.courses_section_inner .section_sub_v2{font-size:1rem;line-height:1.7;color:#2B0150;opacity:.62;max-width:560px;margin-bottom:52px}
.course_tabs_wrapper{position:relative}
.tab_controls_v1{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.tab_controls_v1 input[type="radio"]{display:none}
.tab_controls_v1 label{cursor:pointer;padding:10px 22px;border-radius:10px;border:2px solid #2b01501f;background:transparent;font-size:.88rem;font-weight:600;color:#2b01508c;transition:all .25s cubic-bezier(0.34,1.56,0.64,1);user-select:none}
.tab_controls_v1 label:hover{border-color:#06FBF7;color:#2B0150;background:#06fbf714}
#tab_seo_basics:checked ~ .tab_controls_v1 label[for="tab_seo_basics"],#tab_seo_tools:checked ~ .tab_controls_v1 label[for="tab_seo_tools"],#tab_seo_advanced:checked ~ .tab_controls_v1 label[for="tab_seo_advanced"]{background:#2B0150;border-color:#2B0150;color:#06FBF7}
.tab_panel_v1{display:none}
#tab_seo_basics:checked ~ .tab_content_wrap .panel_basics,#tab_seo_tools:checked ~ .tab_content_wrap .panel_tools,#tab_seo_advanced:checked ~ .tab_content_wrap .panel_advanced{display:block}
.tab_content_wrap .panel_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.course_card_v1{background:#fff;border-radius:14px;border:1px solid #2b015017;padding:28px 24px;box-shadow:0 4px 24px #2b01500d;transition:box-shadow .25s ease,transform .25s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.course_card_v1:hover{box-shadow:0 8px 40px #2b01501f;transform:translateY(-4px)}
.course_card_v1 .card_accent_bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06FBF7,#2B0150);border-radius:14px 14px 0 0}
.course_card_v1 .card_icon_wrap{width:46px;height:46px;border-radius:10px;background:#06fbf71f;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.course_card_v1 .card_icon_wrap .typcn{font-size:1.5rem;color:#2B0150}
.course_card_v1 .card_title_v1{font-size:1.05rem;font-weight:700;color:#2B0150;margin-bottom:10px;line-height:1.35}
.course_card_v1 .card_desc_v1{font-size:.88rem;line-height:1.68;color:#2b01509e;margin-bottom:20px}
.course_card_v1 .card_meta_row{display:flex;flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap}
.course_card_v1 .card_meta_row .meta_chip{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:#2b015080}
.course_card_v1 .card_meta_row .meta_chip .typcn{font-size:.9rem;color:#06FBF7;filter:drop-shadow(0 0 3px #06fbf780)}
.course_card_v1 .card_level_badge{display:inline-block;margin-top:14px;padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.badge_debutant{background:#06fbf726;color:#2B0150}
.badge_intermediaire{background:#2b01501a;color:#2B0150}
.badge_avance{background:#2B0150;color:#06FBF7}
.learning_path_wrapper{background:linear-gradient(160deg,#2B0150 0%,#1e003a 55%,#06FBF7 200%);padding:88px 24px;position:relative;overflow:hidden}
.learning_path_wrapper::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:#06fbf70d;pointer-events:none}
.learning_path_inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.learning_path_left .path_eyebrow{font-size:.78rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#06FBF7;opacity:.7;margin-bottom:14px}
.learning_path_left .path_heading{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#FDF9F6;line-height:1.25;margin-bottom:20px}
.learning_path_left .path_desc{font-size:.98rem;line-height:1.75;color:#fdf9f6b8;margin-bottom:36px}
.learning_path_left .path_image_frame{border-radius:14px;overflow:hidden;box-shadow:0 16px 60px #00000059;border:1px solid #06fbf726}
.learning_path_left .path_image_frame img{width:100%;height:260px;object-fit:cover;display:block}
.learning_path_right .steps_list{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;margin:0}
.step_item_v1{display:flex;flex-direction:row;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid #06fbf71a;position:relative}
.step_item_v1:last-child{border-bottom:none}
.step_item_v1 .step_num_wrap{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:2px solid #06fbf759;background:#06fbf712;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:800;color:#06FBF7;position:relative;z-index:1}
.step_item_v1 .step_body{flex:1}
.step_item_v1 .step_body .step_title{font-size:1rem;font-weight:700;color:#FDF9F6;margin-bottom:6px;line-height:1.3}
.step_item_v1 .step_body .step_text{font-size:.87rem;line-height:1.65;color:#fdf9f69e}
.step_item_v1 .step_body .step_tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:10px}
.step_item_v1 .step_body .step_tags .s_tag{font-size:.72rem;padding:3px 9px;border-radius:20px;background:#06fbf71a;color:#06FBF7;font-weight:600}
.stats_strip_wrapper{background:#06FBF7;padding:36px 24px}
.stats_strip_inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat_block_v1{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.stat_block_v1 .stat_number{font-size:2rem;font-weight:900;color:#2B0150;line-height:1;letter-spacing:-1px}
.stat_block_v1 .stat_label{font-size:.82rem;font-weight:600;color:#2b0150a6;text-align:center}
@media (max-width: 1024px) {
.tab_content_wrap .panel_grid{grid-template-columns:repeat(2,1fr)}
.learning_path_inner{grid-template-columns:1fr;gap:40px}
.stats_strip_inner{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.prog_title_wrapper{padding:64px 20px 56px}
.tab_content_wrap .panel_grid{grid-template-columns:1fr}
.courses_section_wrapper{padding:60px 20px}
.learning_path_wrapper{padding:60px 20px}
.tab_controls_v1{gap:6px}
.tab_controls_v1 label{padding:8px 16px;font-size:.82rem}
}
@media (max-width: 480px) {
.stats_strip_inner{grid-template-columns:repeat(2,1fr);gap:16px}
.stat_block_v1 .stat_number{font-size:1.6rem}
.prog_title_inner .tag_row{gap:8px}
.learning_path_left .path_image_frame img{height:200px}
}
.hero_wrapper{position:relative;overflow:hidden;background:#2B0150;min-height:520px;display:flex;flex-direction:row;align-items:stretch}
.hero_wrapper .bg_depth_layer{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,#06fbf721 0%,transparent 65%),linear-gradient(135deg,#2b0150fa 40%,#06fbf712 100%);z-index:1}
.hero_wrapper .hero_img_canvas{position:absolute;right:0;top:0;width:52%;height:100%;z-index:0}
.hero_wrapper .hero_img_canvas img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(0.45) brightness(0.7);display:block}
.hero_wrapper .hero_img_canvas::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,#2B0150 0%,#2b0150b3 40%,transparent 100%)}
.hero_content_stage{position:relative;z-index:2;max-width:1536px;width:100%;margin:0 auto;display:flex;flex-direction:row;align-items:center;padding:80px 64px}
.hero_text_surface{max-width:560px;display:flex;flex-direction:column;gap:24px}
.hero_text_surface .label_tag_v1{display:inline-flex;align-items:center;gap:8px;background:#06fbf71f;border:1px solid #06fbf74d;border-radius:50px;padding:6px 16px;color:#06FBF7;font-size:13px;letter-spacing:.08em;text-transform:uppercase;width:fit-content}
.hero_text_surface h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:#FDF9F6;line-height:1.15;margin:0}
.hero_text_surface h1 .accent_word{color:#06FBF7;position:relative}
.hero_text_surface h1 .accent_word::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:linear-gradient(to right,#06FBF7,transparent);border-radius:2px}
.hero_text_surface .hero_desc_v1{color:#fdf9f6b8;font-size:1.05rem;line-height:1.7;margin:0}
.hero_cta_wrapper{display:flex;flex-direction:row;gap:16px;align-items:center;flex-wrap:wrap}
.btn_primary_v1{display:inline-flex;align-items:center;gap:8px;background:#06FBF7;color:#2B0150;font-weight:700;font-size:.95rem;padding:14px 28px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;transition:transform .25s cubic-bezier(0.34,1.56,0.64,1),box-shadow .25s ease;position:relative;z-index:5}
.btn_primary_v1:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 32px #06fbf759}
.btn_ghost_v1{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FDF9F6;font-weight:600;font-size:.95rem;padding:13px 24px;border-radius:10px;border:1.5px solid #fdf9f64d;text-decoration:none;cursor:pointer;transition:border-color .2s ease,color .2s ease;position:relative;z-index:5}
.btn_ghost_v1:hover{border-color:#06FBF7;color:#06FBF7}
.hero_stats_row{display:flex;flex-direction:row;gap:32px;padding-top:8px;flex-wrap:wrap}
.hero_stats_row .stat_item_v1{display:flex;flex-direction:column;gap:2px}
.hero_stats_row .stat_item_v1 .stat_num{font-size:1.6rem;font-weight:800;color:#06FBF7;line-height:1}
.hero_stats_row .stat_item_v1 .stat_label{font-size:.78rem;color:#fdf9f68c;text-transform:uppercase;letter-spacing:.06em}
.deco_line_v1{width:60px;height:3px;background:linear-gradient(to right,#06FBF7,#06fbf733);border-radius:2px}
.process_section_wrapper{background:#FDF9F6;padding:90px 0;position:relative}
.process_section_wrapper::before{content:'';display:block;width:100%;height:40px;background:linear-gradient(to bottom right,#2B0150 50%,#FDF9F6 50%);position:absolute;top:0;left:0}
.process_inner_v1{max-width:1536px;margin:0 auto;padding:40px 64px 0}
.section_head_v2{display:flex;flex-direction:column;gap:12px;margin-bottom:56px;max-width:600px}
.section_head_v2 .tag_pill_v2{display:inline-flex;align-items:center;gap:6px;background:#06fbf71a;border-left:3px solid #06FBF7;padding:5px 14px;color:#2B0150;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:0 6px 6px 0;width:fit-content}
.section_head_v2 h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:#2B0150;margin:0;line-height:1.2}
.section_head_v2 h2 .hl_cyan{color:#06FBF7;-webkit-text-stroke:1px #06fbf766}
.section_head_v2 .section_desc_v2{color:#555;font-size:1rem;line-height:1.7;margin:0}
.process_grid_v1{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}
.process_steps_col{display:flex;flex-direction:column;gap:0;padding-right:48px}
.process_step_item{display:flex;flex-direction:row;gap:20px;padding:28px 0;border-bottom:1px solid #2b015014;position:relative;cursor:default;transition:background .2s ease}
.process_step_item:last-child{border-bottom:none}
.process_step_item:hover .step_icon_frame{background:#06FBF7;color:#2B0150}
.step_icon_frame{width:48px;height:48px;min-width:48px;border-radius:12px;background:#2b01500f;display:flex;align-items:center;justify-content:center;color:#2B0150;font-size:1.3rem;transition:background .25s cubic-bezier(0.34,1.56,0.64,1),color .2s ease}
.step_text_layer{display:flex;flex-direction:column;gap:6px;flex:1}
.step_text_layer .step_num_v1{font-size:.72rem;font-weight:700;color:#06FBF7;letter-spacing:.12em;text-transform:uppercase}
.step_text_layer h4{font-size:1.05rem;font-weight:700;color:#2B0150;margin:0}
.step_text_layer p{font-size:.9rem;color:#666;line-height:1.65;margin:0}
.process_img_col{position:relative;display:flex;flex-direction:column;gap:20px;padding-top:8px}
.process_img_frame_v1{border-radius:16px;overflow:hidden;position:relative;box-shadow:0 16px 48px #2b015024}
.process_img_frame_v1 img{width:100%;height:300px;object-fit:cover;display:block}
.process_img_frame_v1 .img_overlay_badge{position:absolute;bottom:16px;left:16px;background:#2b0150e0;backdrop-filter:blur(8px);border-radius:10px;padding:12px 18px;display:flex;flex-direction:column;gap:2px}
.img_overlay_badge .badge_num{font-size:1.4rem;font-weight:800;color:#06FBF7;line-height:1}
.img_overlay_badge .badge_txt{font-size:.75rem;color:#fdf9f6bf}
.trust_bar_v1{background:#2b01500a;border-radius:12px;padding:20px 24px;display:flex;flex-direction:row;gap:20px;align-items:center}
.trust_bar_v1 .typcn{font-size:1.4rem;color:#06FBF7;flex-shrink:0}
.trust_bar_v1 p{font-size:.88rem;color:#555;line-height:1.6;margin:0}
.trust_bar_v1 p strong{color:#2B0150}
.tech_section_wrapper{background:#2B0150;padding:90px 0;position:relative;overflow:hidden}
.tech_section_wrapper::before{content:'';position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#06fbf714 0%,transparent 70%)}
.tech_inner_v1{max-width:1536px;margin:0 auto;padding:0 64px;position:relative;z-index:2}
.tech_top_row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:56px;gap:40px;flex-wrap:wrap}
.section_head_v3{display:flex;flex-direction:column;gap:12px;max-width:500px}
.section_head_v3 .tag_pill_v3{display:inline-flex;align-items:center;gap:6px;border:1px solid #06fbf74d;padding:5px 14px;color:#06FBF7;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:50px;width:fit-content}
.section_head_v3 h2{font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:800;color:#FDF9F6;margin:0;line-height:1.2}
.section_head_v3 .section_desc_v3{color:#fdf9f699;font-size:.95rem;line-height:1.7;margin:0}
.tech_grid_v1{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}
.tech_card_v1{background:#06fbf70d;border:1px solid #06fbf71a;border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:16px;transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.tech_card_v1::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,#06FBF7,transparent);opacity:0;transition:opacity .3s ease}
.tech_card_v1:hover{background:#06fbf717;border-color:#06fbf74d;transform:translateY(-4px)}
.tech_card_v1:hover::before{opacity:1}
.tech_card_v1 .card_icon_frame_v2{width:52px;height:52px;border-radius:12px;background:#06fbf71a;display:flex;align-items:center;justify-content:center;color:#06FBF7;font-size:1.5rem}
.tech_card_v1 h4{font-size:1.05rem;font-weight:700;color:#FDF9F6;margin:0}
.tech_card_v1 p{font-size:.88rem;color:#fdf9f699;line-height:1.65;margin:0;flex:1}
.tech_card_v1 .card_tag_list{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}
.card_tag_list .mini_tag{background:#06fbf714;border:1px solid #06fbf726;border-radius:4px;padding:3px 8px;font-size:.73rem;color:#fdf9f6a6;white-space:nowrap}
.tech_feature_row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.tech_img_block_v1{border-radius:14px;overflow:hidden;position:relative;box-shadow:0 20px 60px #0000004d}
.tech_img_block_v1 img{width:100%;height:260px;object-fit:cover;display:block;filter:saturate(0.6) brightness(0.8)}
.tech_img_block_v1 .overlay_panel_v1{position:absolute;inset:0;background:linear-gradient(to top,#2b0150d9 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;gap:8px}
.overlay_panel_v1 .panel_label{font-size:.75rem;color:#06fbf7cc;text-transform:uppercase;letter-spacing:.1em}
.overlay_panel_v1 .panel_title{font-size:1.15rem;font-weight:700;color:#FDF9F6;margin:0}
.tech_info_col_v1{display:flex;flex-direction:column;gap:20px}
.tech_info_item{display:flex;flex-direction:row;gap:16px;align-items:flex-start}
.tech_info_item .icon_dot_v1{width:36px;height:36px;min-width:36px;border-radius:8px;background:#06fbf71a;display:flex;align-items:center;justify-content:center;color:#06FBF7;font-size:1rem;margin-top:2px}
.tech_info_item .info_text_v1{display:flex;flex-direction:column;gap:4px}
.tech_info_item .info_text_v1 h5{font-size:.95rem;font-weight:700;color:#FDF9F6;margin:0}
.tech_info_item .info_text_v1 p{font-size:.85rem;color:#fdf9f68c;line-height:1.6;margin:0}
.svg_divider_wave{display:block;width:100%;line-height:0;margin:0}
@media (max-width: 1280px) {
.hero_content_stage{padding:70px 48px}
.process_inner_v1{padding:40px 48px 0}
.tech_inner_v1{padding:0 48px}
.tech_grid_v1{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 1024px) {
.hero_wrapper{min-height:auto}
.hero_wrapper .hero_img_canvas{width:45%;opacity:.5}
.hero_content_stage{padding:60px 40px}
.process_grid_v1{grid-template-columns:1fr}
.process_steps_col{padding-right:0}
.process_img_col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tech_feature_row{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hero_wrapper .hero_img_canvas{width:100%;opacity:.25}
.hero_content_stage{padding:60px 24px}
.hero_text_surface{max-width:100%}
.hero_stats_row{gap:20px}
.process_inner_v1{padding:32px 24px 0}
.tech_inner_v1{padding:0 24px}
.tech_grid_v1{grid-template-columns:1fr}
.tech_top_row{flex-direction:column;align-items:flex-start}
.process_img_col{grid-template-columns:1fr}
.process_section_wrapper{padding:80px 0 60px}
.tech_section_wrapper{padding:60px 0}
}
@media (max-width: 480px) {
.hero_content_stage{padding:48px 20px}
.hero_cta_wrapper{flex-direction:column;align-items:flex-start}
.btn_primary_v1,.btn_ghost_v1{width:100%;justify-content:center}
.tech_feature_row{gap:16px}
.tech_card_v1{padding:22px 18px}
}
.contact_page_wrapper{max-width:1536px;margin:0 auto;overflow-x:hidden}
.title_block_v1{display:grid;grid-template-columns:1fr 1fr;min-height:520px;position:relative}
.title_block_v1 .left_canvas{background:#2B0150;padding:80px 60px 80px 80px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.title_block_v1 .left_canvas::before{content:'';position:absolute;top:-60px;left:-60px;width:300px;height:300px;border:1px solid #06fbf71f;border-radius:50%}
.title_block_v1 .left_canvas::after{content:'';position:absolute;bottom:40px;right:-40px;width:180px;height:180px;border:1px solid #06fbf714;border-radius:50%}
.geo_pattern_v1{position:absolute;top:0;right:0;width:120px;height:100%;opacity:.06;background-image:repeating-linear-gradient(45deg,#06FBF7 0px,#06FBF7 1px,transparent 1px,transparent 20px)}
.heading_part_label{display:inline-block;color:#06FBF7;font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;margin-bottom:24px;padding-left:32px;position:relative}
.heading_part_label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:1px;background:#06FBF7}
.heading_part_main{font-size:52px;font-weight:800;line-height:1.1;color:#FDF9F6;margin-bottom:0}
.heading_part_main .accent_word{color:#06FBF7;display:block}
.heading_sub_text{margin-top:24px;font-size:16px;line-height:1.7;color:#fdf9f6a6;max-width:380px}
.title_block_v1 .right_canvas{position:relative;overflow:hidden}
.title_block_v1 .right_canvas img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.right_canvas_overlay{position:absolute;inset:0;background:linear-gradient(135deg,#2b01508c 0%,#06fbf72e 100%)}
.right_canvas_stat{position:absolute;bottom:40px;left:40px;background:#2b0150d9;backdrop-filter:blur(8px);border:1px solid #06fbf74d;border-radius:12px;padding:20px 28px}
.right_canvas_stat .stat_num{font-size:32px;font-weight:800;color:#06FBF7;line-height:1}
.right_canvas_stat .stat_desc{font-size:13px;color:#fdf9f6bf;margin-top:4px}
.contact_main_section{background:#FDF9F6;padding:80px 0}
.contact_main_inner{max-width:1200px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1.6fr;gap:80px;align-items:start}
.contact_info_panel{display:flex;flex-direction:column;gap:0}
.info_panel_heading{font-size:26px;font-weight:700;color:#2B0150;margin-bottom:8px;position:relative;padding-bottom:20px}
.info_panel_heading::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:#06FBF7;border-radius:2px}
.info_panel_intro{font-size:15px;line-height:1.7;color:#555;margin-top:20px;margin-bottom:36px}
.contact_card_v2{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}
.contact_card_item{display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #2b015014;box-shadow:0 4px 16px #2b01500d;transition:box-shadow .3s cubic-bezier(0.34,1.56,0.64,1),border-color .3s ease}
.contact_card_item:hover{box-shadow:0 8px 28px #2b01501f;border-color:#06fbf766}
.card_icon_wrap{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#2B0150 0%,#3d0275 100%);border-radius:10px;display:flex;align-items:center;justify-content:center}
.card_icon_wrap .typcn{font-size:22px;color:#06FBF7}
.card_item_content{display:flex;flex-direction:column}
.card_item_label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#2b015080;margin-bottom:4px}
.card_item_value{font-size:15px;font-weight:600;color:#2B0150;line-height:1.5}
.card_item_value a{color:#2B0150;text-decoration:none;transition:color .2s ease}
.card_item_value a:hover{color:#06FBF7}
.response_time_badge{display:inline-flex;flex-direction:row;align-items:center;gap:10px;background:linear-gradient(135deg,#06fbf71f 0%,#2b01500f 100%);border:1px solid #06fbf759;border-radius:10px;padding:14px 20px}
.response_time_badge .typcn{font-size:20px;color:#2B0150}
.response_time_badge span{font-size:14px;color:#2B0150;font-weight:500}
.contact_form_panel{background:#fff;border-radius:16px;padding:48px;box-shadow:0 12px 48px #2b015017;border:1px solid #2b015012}
.form_panel_title{font-size:22px;font-weight:700;color:#2B0150;margin-bottom:6px}
.form_panel_subtitle{font-size:14px;color:#777;margin-bottom:36px;line-height:1.6}
.contact_form_v1{display:flex;flex-direction:column;gap:24px}
.form_field_wrapper{display:flex;flex-direction:column;gap:8px}
.form_field_wrapper label{font-size:13px;font-weight:600;color:#2B0150;letter-spacing:.5px}
.form_field_wrapper .required_star{color:#06FBF7;margin-left:2px}
.form_input_v1{width:100%;padding:14px 18px;border:1.5px solid #2b015026;border-radius:10px;font-size:15px;color:#2B0150;background:#FDF9F6;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box;outline:none;appearance:none}
.form_input_v1:focus{border-color:#06FBF7;box-shadow:0 0 0 3px #06fbf733;background:#fff}
.form_input_v1::placeholder{color:#2b015059}
.form_select_v1{width:100%;padding:14px 18px;border:1.5px solid #2b015026;border-radius:10px;font-size:15px;color:#2B0150;background:#FDF9F6;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%232B0150' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.form_select_v1:focus{border-color:#06FBF7;box-shadow:0 0 0 3px #06fbf733;background-color:#fff}
.form_textarea_v1{width:100%;padding:14px 18px;border:1.5px solid #2b015026;border-radius:10px;font-size:15px;color:#2B0150;background:#FDF9F6;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box;outline:none;resize:vertical;min-height:120px;line-height:1.6}
.form_textarea_v1:focus{border-color:#06FBF7;box-shadow:0 0 0 3px #06fbf733;background:#fff}
.form_textarea_v1::placeholder{color:#2b015059}
.category_grid_wrapper{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.category_option_v1{position:relative}
.category_option_v1 input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.category_option_v1 label{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px 16px;border:1.5px solid #2b015026;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;color:#2B0150;background:#FDF9F6;transition:all .25s cubic-bezier(0.34,1.56,0.64,1);letter-spacing:0}
.category_option_v1 label .typcn{font-size:18px;color:#2b015066;transition:color .25s ease}
.category_option_v1 input[type="radio"]:checked + label{border-color:#06FBF7;background:#06fbf714;box-shadow:0 0 0 3px #06fbf726}
.category_option_v1 input[type="radio"]:checked + label .typcn{color:#2B0150}
.category_option_v1 label:hover{border-color:#06fbf780;background:#06fbf70d}
.privacy_row_wrapper{display:flex;flex-direction:row;align-items:flex-start;gap:12px}
.privacy_row_wrapper input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:#2B0150;cursor:pointer;border-radius:4px}
.privacy_row_wrapper .privacy_text{font-size:13px;color:#666;line-height:1.6}
.privacy_row_wrapper .privacy_text a{color:#2B0150;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}
.privacy_row_wrapper .privacy_text a:hover{color:#06FBF7}
.submit_btn_v1{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#2B0150 0%,#3d0275 100%);color:#06FBF7;font-size:15px;font-weight:700;border:none;border-radius:10px;cursor:pointer;letter-spacing:.5px;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:2;text-decoration:none;width:100%;box-shadow:0 6px 24px #2b015040}
.submit_btn_v1:hover{transform:translateY(-2px);box-shadow:0 12px 36px #2b015059;background:linear-gradient(135deg,#3d0275 0%,#2B0150 100%)}
.submit_btn_v1:active{transform:translateY(0)}
.submit_btn_v1 .typcn{font-size:20px}
.divider_zigzag{width:100%;overflow:hidden;line-height:0;background:#2B0150}
.divider_zigzag svg{display:block;width:100%}
@media (max-width: 1024px) {
.title_block_v1{grid-template-columns:1fr 1fr;min-height:420px}
.title_block_v1 .left_canvas{padding:60px 40px}
.heading_part_main{font-size:40px}
.contact_main_inner{grid-template-columns:1fr;gap:48px;padding:0 30px}
.contact_form_panel{padding:36px}
}
@media (max-width: 768px) {
.title_block_v1{grid-template-columns:1fr;min-height:auto}
.title_block_v1 .left_canvas{padding:60px 30px}
.heading_part_main{font-size:36px}
.title_block_v1 .right_canvas{height:280px}
.right_canvas_stat{bottom:24px;left:24px;padding:16px 20px}
.contact_main_section{padding:60px 0}
.contact_main_inner{padding:0 20px;gap:36px}
.contact_form_panel{padding:28px 24px}
.category_grid_wrapper{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.heading_part_main{font-size:30px}
.title_block_v1 .left_canvas{padding:48px 24px}
.right_canvas_stat .stat_num{font-size:26px}
.contact_form_panel{padding:24px 18px}
}
.about_page_wrapper{max-width:1536px;margin:0 auto;overflow-x:hidden}
.title_block_wrapper{display:flex;flex-direction:row;align-items:stretch;min-height:560px;position:relative;background:#FDF9F6;overflow:hidden}
.title_block_wrapper::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#06fbf714 0%,#2b01500a 100%);z-index:0;animation:color_pulse_v1 8s ease-in-out infinite alternate}
@keyframes color_pulse_v1 {
0%{background:linear-gradient(135deg,#06fbf714 0%,#2b01500a 100%)}
50%{background:linear-gradient(135deg,#2b01500f 0%,#06fbf71f 100%)}
100%{background:linear-gradient(135deg,#06fbf71a 0%,#2b015014 60%)}
}
.title_image_frame{flex:0 0 40%;position:relative;z-index:1;overflow:hidden}
.title_image_frame::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#fdf9f6d9 100%);z-index:2}
.title_image_frame img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:drop-shadow(0 8px 32px #2b01502e);transform:scale(1.03);transition:transform .8s cubic-bezier(0.23,1,0.32,1)}
.title_image_frame:hover img{transform:scale(1.06)}
.title_text_surface{flex:1;display:flex;flex-direction:column;justify-content:center;padding:64px 56px 64px 48px;position:relative;z-index:2}
.title_text_surface .label_tag_v1{display:inline-flex;align-items:center;gap:8px;background:#06fbf71f;border:1px solid #06fbf766;border-radius:24px;padding:6px 16px;font-size:12px;font-weight:600;color:#2B0150;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px;width:fit-content}
.title_text_surface h1{font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:#2B0150;line-height:1.15;margin:0 0 20px;position:relative}
.title_text_surface h1 .accent_word{color:#06FBF7;position:relative}
.title_text_surface h1 .accent_word::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#06FBF7,#06fbf74d);border-radius:2px}
.title_desc_text{font-size:1.05rem;color:#3d3050;line-height:1.75;margin:0 0 32px;max-width:520px}
.title_stats_row{display:flex;flex-direction:row;gap:32px;flex-wrap:wrap}
.stat_item_v1{display:flex;flex-direction:column;gap:4px}
.stat_item_v1 .stat_number{font-size:1.8rem;font-weight:800;color:#2B0150;line-height:1}
.stat_item_v1 .stat_label{font-size:.8rem;color:#7a6b8a;text-transform:uppercase;letter-spacing:.06em;font-weight:500}
.stat_divider_line{width:1px;background:#2b015026;align-self:stretch}
.geo_decoration{position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;border:2px solid #06fbf733;z-index:1}
.geo_decoration_2{position:absolute;bottom:-40px;right:80px;width:120px;height:120px;border-radius:50%;border:1px solid #2b01501a;z-index:1}
.section_divider_wave{width:100%;overflow:hidden;line-height:0;background:#FDF9F6}
.section_divider_wave svg{display:block}
.story_section_wrapper{background:linear-gradient(160deg,#2B0150 0%,#1a003a 100%);padding:80px 0;position:relative;overflow:hidden}
.story_section_wrapper::before{content:'';position:absolute;top:-100px;left:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#06fbf714 0%,transparent 70%);pointer-events:none}
.story_section_wrapper::after{content:'';position:absolute;bottom:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#06fbf70f 0%,transparent 70%);pointer-events:none}
.story_content_container{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.story_grid_layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.story_left_col{display:flex;flex-direction:column;gap:32px}
.story_section_label{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.story_section_label::before{content:'';display:block;width:32px;height:2px;background:#06FBF7}
.story_section_label span{font-size:11px;font-weight:700;color:#06FBF7;text-transform:uppercase;letter-spacing:.12em}
.story_left_col h2{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;color:#FDF9F6;line-height:1.25;margin:0}
.story_paragraph_text{font-size:.98rem;color:#fdf9f6bf;line-height:1.8;margin:0}
.story_images_mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 180px;gap:12px}
.mosaic_img_frame_v1{grid-column:1;grid-row:1;border-radius:12px;overflow:hidden;position:relative}
.mosaic_img_frame_v2{grid-column:2;grid-row:1 / 3;border-radius:12px;overflow:hidden;position:relative}
.mosaic_img_frame_v3{grid-column:1;grid-row:2;border-radius:12px;overflow:hidden;position:relative;background:#06fbf714;border:1px solid #06fbf733;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
.mosaic_img_frame_v1 img,.mosaic_img_frame_v2 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(0.23,1,0.32,1)}
.mosaic_img_frame_v1:hover img,.mosaic_img_frame_v2:hover img{transform:scale(1.05)}
.mosaic_img_frame_v1::after,.mosaic_img_frame_v2::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#2b015080 100%);pointer-events:none}
.mosaic_badge_text{font-size:1.4rem;font-weight:800;color:#06FBF7;line-height:1;margin-bottom:4px}
.mosaic_badge_label{font-size:.78rem;color:#fdf9f6b3;text-align:center;line-height:1.3}
.feature_list_v1{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.feature_item_v1{display:flex;flex-direction:row;align-items:flex-start;gap:14px}
.feature_icon_circle{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#06fbf71f;border:1px solid #06fbf74d;display:flex;align-items:center;justify-content:center;color:#06FBF7;font-size:16px}
.feature_item_text h5{font-size:.9rem;font-weight:700;color:#FDF9F6;margin:0 0 4px}
.feature_item_text p{font-size:.83rem;color:#fdf9f6a6;margin:0;line-height:1.5}
.divider_gradient_line{height:1px;background:linear-gradient(90deg,transparent,#06fbf766,transparent);margin:0}
.approach_section_wrapper{background:#FDF9F6;padding:80px 0 100px;position:relative;overflow:hidden}
.approach_bg_pattern{position:absolute;inset:0;background-image:radial-gradient(#06fbf70f 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.approach_container{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.approach_header_row{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:56px;gap:32px;flex-wrap:wrap}
.approach_header_left h2{font-size:clamp(1.7rem,2.5vw,2.4rem);font-weight:800;color:#2B0150;margin:0 0 12px;line-height:1.2;position:relative}
.approach_header_left h2::after{content:'';display:block;width:48px;height:4px;background:#06FBF7;border-radius:2px;margin-top:14px}
.approach_header_right p{font-size:.95rem;color:#5a4a6a;line-height:1.7;max-width:420px;margin:0}
.approach_cards_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}
.approach_card_v1{background:#fff;border-radius:16px;padding:32px 28px;border:1px solid #2b015014;box-shadow:0 4px 24px #2b01500f;transition:transform .3s cubic-bezier(0.23,1,0.32,1),box-shadow .3s ease;position:relative;overflow:hidden}
.approach_card_v1::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06FBF7,#2b015066);border-radius:16px 16px 0 0}
.approach_card_v1:hover{transform:translateY(-6px);box-shadow:0 12px 40px #2b01501f}
.approach_card_v1 .card_number_tag{font-size:.72rem;font-weight:700;color:#06FBF7;background:#06fbf71a;border-radius:20px;padding:4px 12px;display:inline-block;margin-bottom:20px;letter-spacing:.08em;text-transform:uppercase}
.approach_card_v1 h4{font-size:1.05rem;font-weight:700;color:#2B0150;margin:0 0 12px}
.approach_card_v1 p{font-size:.875rem;color:#5a4a6a;line-height:1.65;margin:0}
.approach_card_v1 .card_icon_area{font-size:28px;color:#2B0150;margin-bottom:16px;opacity:.7}
.approach_image_banner{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #2b01501f;min-height:320px}
.banner_image_side{position:relative;overflow:hidden}
.banner_image_side img{width:100%;height:100%;object-fit:cover;display:block}
.banner_text_side{background:linear-gradient(135deg,#2B0150 0%,#1a003a 100%);display:flex;flex-direction:column;justify-content:center;padding:48px 40px;position:relative;overflow:hidden}
.banner_text_side::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;border:1px solid #06fbf726;pointer-events:none}
.banner_text_side h3{font-size:1.5rem;font-weight:800;color:#FDF9F6;margin:0 0 16px;line-height:1.3}
.banner_text_side p{font-size:.9rem;color:#fdf9f6bf;line-height:1.75;margin:0 0 28px}
.cta_button_v1{display:inline-flex;align-items:center;gap:10px;background:#06FBF7;color:#2B0150;font-size:.88rem;font-weight:700;padding:14px 28px;border-radius:10px;text-decoration:none;transition:background .25s ease,transform .25s cubic-bezier(0.23,1,0.32,1),box-shadow .25s ease;width:fit-content;position:relative;z-index:5}
.cta_button_v1:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #06fbf759}
.test-layout{display:contents}
@media (max-width: 1024px) {
.title_block_wrapper{flex-direction:column;min-height:auto}
.title_image_frame{flex:0 0 300px;min-height:300px}
.title_image_frame::after{background:linear-gradient(180deg,transparent 60%,#fdf9f6e6 100%)}
.title_text_surface{padding:40px 32px}
.story_grid_layout{grid-template-columns:1fr;gap:40px}
.story_images_mosaic{grid-template-rows:200px 200px}
.approach_cards_grid{grid-template-columns:1fr 1fr}
.approach_image_banner{grid-template-columns:1fr}
.banner_image_side{min-height:280px}
}
@media (max-width: 768px) {
.title_text_surface{padding:32px 24px}
.title_stats_row{gap:20px}
.story_content_container{padding:0 24px}
.story_section_wrapper{padding:56px 0}
.approach_container{padding:0 24px}
.approach_cards_grid{grid-template-columns:1fr}
.approach_header_row{flex-direction:column;align-items:flex-start}
.story_images_mosaic{grid-template-columns:1fr;grid-template-rows:200px 200px 100px}
.mosaic_img_frame_v1{grid-column:1;grid-row:1}
.mosaic_img_frame_v2{grid-column:1;grid-row:2}
.mosaic_img_frame_v3{grid-column:1;grid-row:3}
.banner_text_side{padding:32px 24px}
.approach_section_wrapper{padding:56px 0 72px}
}
@media (max-width: 480px) {
.title_stats_row{flex-direction:column;gap:16px}
.stat_divider_line{display:none}
.approach_header_left h2{font-size:1.5rem}
.banner_text_side h3{font-size:1.2rem}
}
.success_page_wrapper{max-width:1536px;margin:0 auto;overflow-x:hidden}
.success_title_block{position:relative;min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:linear-gradient(135deg,#2B0150 0%,#1a0035 45%,#06FBF7 100%);overflow:hidden}
.success_title_block::before{content:'';position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:#06fbf714;pointer-events:none}
.success_title_block::after{content:'';position:absolute;bottom:-60px;left:-40px;width:280px;height:280px;border-radius:50%;background:#2b015066;pointer-events:none}
.geo_shape_v1{position:absolute;top:15%;left:5%;width:60px;height:60px;border:2px solid #06fbf726;transform:rotate(45deg);pointer-events:none}
.geo_shape_v2{position:absolute;bottom:20%;right:8%;width:90px;height:90px;border:1px solid #fdf9f614;border-radius:50%;pointer-events:none}
.geo_shape_v3{position:absolute;top:55%;left:2%;width:30px;height:30px;background:#06fbf70f;clip-path:polygon(50% 0%,0% 100%,100% 100%);pointer-events:none}
.fragment_grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.04;background-image:linear-gradient(#06fbf7ff 1px,transparent 1px),linear-gradient(90deg,#06fbf7ff 1px,transparent 1px);background-size:80px 80px}
.success_inner_v1{position:relative;z-index:2;text-align:center;max-width:680px}
.check_icon_wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:36px}
.check_ring{width:88px;height:88px;border-radius:50%;border:3px solid #06FBF7;display:flex;align-items:center;justify-content:center;background:#06fbf71a;box-shadow:0 0 32px #06fbf740 inset 0 1px 2px #06fbf71a;position:relative}
.check_ring .typcn{font-size:42px;color:#06FBF7}
.check_ring::after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;border:1px solid #06fbf72e;top:50%;left:50%;transform:translate(-50%,-50%)}
.pause_line{width:48px;height:2px;background:linear-gradient(90deg,transparent,#06FBF7,transparent);margin:28px auto 0}
.success_heading_v1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;color:#FDF9F6;line-height:1.18;letter-spacing:-.02em;margin-bottom:0}
.success_heading_v1 span{color:#06FBF7}
.heading_pause{display:block;height:22px}
.success_sub_text{font-size:1.08rem;line-height:1.72;color:#fdf9f6b8;margin-top:24px;max-width:540px;margin-left:auto;margin-right:auto}
.success_cta_row{display:flex;flex-direction:row;gap:16px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.btn_primary_v1{display:inline-flex;align-items:center;gap:10px;background:#06FBF7;color:#2B0150;font-size:.98rem;font-weight:700;padding:15px 34px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;transition:background .22s cubic-bezier(0.34,1.56,0.64,1),box-shadow .22s ease,transform .18s cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:5;box-shadow:0 4px 18px #06fbf747}
.btn_primary_v1:hover{background:#FDF9F6;transform:translateY(-2px) scale(1.03);box-shadow:0 8px 28px #06fbf766}
.btn_outline_v1{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#FDF9F6;font-size:.98rem;font-weight:600;padding:15px 34px;border-radius:10px;text-decoration:none;border:2px solid #fdf9f659;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .18s cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:5}
.btn_outline_v1:hover{border-color:#06FBF7;color:#06FBF7;background:#06fbf70f;transform:translateY(-2px)}
.success_next_block{background:#FDF9F6;padding:90px 40px;position:relative}
.success_next_block::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#06FBF7,#2B0150,#06FBF7)}
.next_block_inner_wrapper{max-width:1200px;margin:0 auto}
.next_label_tag{display:inline-flex;align-items:center;gap:8px;background:#2b015012;color:#2B0150;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 18px;border-radius:24px;margin-bottom:32px}
.next_label_tag .typcn{font-size:16px;color:#06FBF7}
.next_section_heading{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:#2B0150;line-height:1.22;margin-bottom:16px;letter-spacing:-.01em;position:relative;display:inline-block}
.next_section_heading::after{content:'';position:absolute;left:0;bottom:-6px;width:56px;height:3px;background:#06FBF7;border-radius:2px}
.next_section_intro{font-size:1.02rem;line-height:1.7;color:#4a3060;max-width:560px;margin-bottom:56px;margin-top:22px}
.cards_grid_v2{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card_item_v2{background:#fff;border-radius:14px;padding:32px 28px;border:1px solid #2b015017;box-shadow:0 4px 24px #2b01500f;transition:transform .22s cubic-bezier(0.34,1.56,0.64,1),box-shadow .22s ease,border-color .18s ease;position:relative;overflow:hidden}
.card_item_v2::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06FBF7,#2b015080);opacity:0;transition:opacity .2s ease}
.card_item_v2:hover{transform:translateY(-5px);box-shadow:0 12px 36px #2b01501f;border-color:#06fbf766}
.card_item_v2:hover::before{opacity:1}
.card_icon_ring_v2{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#06fbf726,#2b015014);display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid #06fbf740}
.card_icon_ring_v2 .typcn{font-size:26px;color:#2B0150}
.card_title_v2{font-size:1.08rem;font-weight:700;color:#2B0150;margin-bottom:12px;line-height:1.3}
.card_text_v2{font-size:.93rem;line-height:1.65;color:#5a4570}
.card_link_v2{display:inline-flex;align-items:center;gap:6px;color:#06FBF7;font-size:.88rem;font-weight:700;text-decoration:none;margin-top:18px;transition:gap .18s ease,color .18s ease;filter:saturate(0.6) brightness(0.7)}
.card_link_v2:hover{gap:10px;filter:saturate(1) brightness(0.85)}
.card_link_v2 .typcn{font-size:16px}
.divider_wave_svg{display:block;width:100%;overflow:hidden;line-height:0;background:#FDF9F6}
.divider_wave_svg svg{display:block;width:100%}
@media (max-width: 1024px) {
.cards_grid_v2{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.success_title_block{padding:60px 24px;min-height:auto}
.success_heading_v1{font-size:2rem}
.success_cta_row{flex-direction:column;align-items:center}
.btn_primary_v1,.btn_outline_v1{width:100%;max-width:320px;justify-content:center}
.success_next_block{padding:60px 24px}
.cards_grid_v2{grid-template-columns:1fr;gap:18px}
.geo_shape_v1,.geo_shape_v2,.geo_shape_v3{display:none}
}
@media (max-width: 480px) {
.success_heading_v1{font-size:1.7rem}
.check_ring{width:72px;height:72px}
.check_ring .typcn{font-size:34px}
.next_section_heading{font-size:1.4rem}
}