*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;color:#2a2a2a;background:#fafafa;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color .2s ease}
.top_banner{background:linear-gradient(135deg,#ff750914 0%,#4eb6f014 100%);border-bottom:3px solid #FF7509;padding:20px 0;box-shadow:0 4px 12px #ff750926}
.banner_wrapper{max-width:1280px;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.logo_section .brand_link{display:flex;align-items:center;gap:16px}
.logo_section .site_logo{height:90px;width:90px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 4px 10px #ff750933 0 0 0 2px #4eb6f04d}
.logo_section .company_title{font-size:28px;font-weight:700;color:#FF7509;text-shadow:1px 1px 2px #0000001a}
.contact_nav_holder{display:flex;flex-direction:column;gap:16px;align-items:flex-end}
.header_contacts{display:flex;gap:24px;align-items:center}
.header_contacts .phone_link,.header_contacts .email_link{display:flex;align-items:center;gap:8px;font-size:15px;color:#2a2a2a;padding:8px 16px;background:#fff;border-radius:10px;border:2px solid #4eb6f04d;box-shadow:0 2px 6px #4eb6f026}
.header_contacts .phone_link:hover,.header_contacts .email_link:hover{background:#4eb6f01a;border-color:#4EB6F0}
.header_contacts i{font-size:18px;color:#4EB6F0}
.primary_navigation{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.primary_navigation .nav_item{padding:10px 20px;font-size:15px;font-weight:500;color:#2a2a2a;background:#fff;border-radius:10px;border:2px solid transparent;transition:all .2s ease}
.primary_navigation .nav_item:hover{background:#FF7509;color:#fff;border-color:#FF7509}
.footer_main{background:linear-gradient(180deg,#2a2a2a 0%,#1a1a1a 100%);padding:60px 0 40px;border-top:4px solid #FF7509}
.footer_content_wrapper{max-width:1280px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.company_block .footer_brand{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.company_block .footer_logo_img{height:60px;width:60px;background:#fff;padding:6px;border-radius:10px}
.company_block .footer_company_name{font-size:24px;font-weight:700;color:#FF7509}
.company_block .company_desc{color:#d0d0d0;font-size:15px;line-height:1.7;margin-bottom:24px}
.company_block .footer_address p{color:#b0b0b0;font-size:14px;line-height:1.6}
.navigation_block .footer_heading,.contacts_block .footer_heading{font-size:18px;font-weight:700;color:#4EB6F0;margin-bottom:20px}
.navigation_block .footer_nav{display:flex;flex-direction:column;gap:12px}
.navigation_block .footer_link{color:#d0d0d0;font-size:15px;transition:color .2s ease}
.navigation_block .footer_link:hover{color:#FF7509}
.contacts_block .footer_contact_items{display:flex;flex-direction:column;gap:14px}
.contacts_block .footer_contact_link{display:flex;align-items:center;gap:10px;color:#d0d0d0;font-size:15px}
.contacts_block .footer_contact_link i{font-size:20px;color:#4EB6F0}
.contacts_block .footer_contact_link:hover{color:#FF7509}
.footer_bottom{background:#0f0f0f;padding:24px 0;border-top:1px solid #ff750933}
.footer_bottom .copyright_wrapper{max-width:1280px;margin:0 auto;padding:0 30px;text-align:center}
.footer_bottom .copyright_text{color:#909090;font-size:14px}
.cookie_consent_popup{position:fixed;left:20px;top:50%;transform:translateY(-50%) translateX(-120%);max-width:480px;width:calc(100% - 40px);z-index:9999;transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookie_consent_popup.showing{transform:translateY(-50%) translateX(0)}
.cookie_consent_popup.hiding{transform:translateY(-50%) translateX(-120%)}
.consent_box{background:#fff;border-radius:16px;padding:28px;box-shadow:0 12px 40px #00000040 0 0 0 3px #ff75094d}
.consent_box .consent_title{font-size:22px;font-weight:700;color:#FF7509;margin-bottom:12px}
.consent_box .consent_description{font-size:14px;color:#555;line-height:1.6;margin-bottom:20px}
.cookie_categories{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.cookie_categories .category_card{background:#f8f8f8;border:2px solid #e0e0e0;border-radius:10px;padding:14px}
.cookie_categories .category_header{margin-bottom:8px}
.cookie_categories .category_label{display:flex;align-items:center;gap:8px;cursor:pointer}
.cookie_categories .category_checkbox{width:18px;height:18px;cursor:pointer}
.cookie_categories .category_checkbox:disabled{cursor:not-allowed;opacity:.6}
.cookie_categories .category_name{font-size:15px;font-weight:600;color:#2a2a2a}
.cookie_categories .category_info{font-size:12px;color:#666;line-height:1.5}
.data_sale_section{background:#c9000b14;border:2px solid #c9000b4d;border-radius:10px;padding:14px;margin-bottom:20px}
.data_sale_section .data_sale_label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#2a2a2a}
.data_sale_section .data_sale_checkbox{width:18px;height:18px;cursor:pointer}
.consent_actions{display:flex;gap:10px;flex-wrap:wrap}
.consent_actions .consent_btn{flex:1;min-width:120px;padding:12px 20px;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}
.consent_actions .decline_btn{background:#e0e0e0;color:#2a2a2a}
.consent_actions .decline_btn:hover{background:#d0d0d0}
.consent_actions .accept_btn{background:#4EB6F0;color:#fff}
.consent_actions .accept_btn:hover{background:#3a9dd6}
.consent_actions .accept_all_btn{background:#FF7509;color:#fff}
.consent_actions .accept_all_btn:hover{background:#e66608}
@media (max-width: 1024px) {
.banner_wrapper{flex-direction:column;align-items:flex-start;gap:24px}
.contact_nav_holder{width:100%;align-items:flex-start}
.header_contacts{flex-wrap:wrap}
.primary_navigation{justify-content:flex-start;width:100%}
.footer_content_wrapper{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.logo_section .site_logo{height:70px;width:70px}
.logo_section .company_title{font-size:22px}
.header_contacts{flex-direction:column;align-items:flex-start;gap:10px}
.primary_navigation .nav_item{padding:8px 16px;font-size:14px}
.cookie_categories{grid-template-columns:1fr}
.cookie_consent_popup{left:10px;width:calc(100% - 20px);top:auto;bottom:10px;transform:translateY(120%)}
.cookie_consent_popup.showing{transform:translateY(0)}
.cookie_consent_popup.hiding{transform:translateY(120%)}
.consent_actions{flex-direction:column}
.consent_actions .consent_btn{width:100%}
}
@media (max-width: 480px) {
.banner_wrapper{padding:0 16px}
.logo_section .site_logo{height:60px;width:60px}
.logo_section .company_title{font-size:20px}
.footer_content_wrapper{padding:0 16px}
.consent_box{padding:20px}
}
.policy-a-section{max-width:1280px;margin:0 auto;padding:60px 24px;background:#fff}
.policy-a-section p{font-size:16px;line-height:1.75;color:#2a2a2a;margin:0 0 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.policy-a-section p + p{margin-top:16px}
.policy-a-section ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-a-section ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.policy-a-section li{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0 0 12px;padding-left:8px}
.policy-a-section ul ul{margin:12px 0;padding-left:24px}
.policy-a-section ol ol{margin:12px 0;padding-left:24px}
.policy-a-section li li{margin-bottom:8px}
.policy-a-section em{font-style:italic;color:#1a1a1a}
.policy-a-section i{font-style:italic;color:#1a1a1a}
.policy-a-section a{color:#FF7509;text-decoration:underline;font-weight:500;transition:color .25s ease}
.policy-a-section a:hover{color:#4EB6F0;text-decoration:none}
.policy-a-section a:focus{outline:2px solid #FF7509;outline-offset:2px;border-radius:4px}
.policy-a-section table{width:100%;margin:32px 0;border-collapse:collapse;font-size:15px;background:#fafafa;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #ff750914}
.policy-a-section thead{background:#FF7509}
.policy-a-section thead tr{color:#fff}
.policy-a-section tbody{background:#fff}
.policy-a-section tr{border-bottom:1px solid #e8e8e8}
.policy-a-section tr:last-child{border-bottom:none}
.policy-a-section th{padding:16px 20px;text-align:left;font-weight:600;font-size:15px;color:#fff;letter-spacing:.3px}
.policy-a-section td{padding:16px 20px;color:#3a3a3a;line-height:1.6;vertical-align:top}
.policy-a-section tbody tr:nth-child(even){background:#f9f9f9}
.policy-a-section tbody tr:hover{background:#ff75090a}
.policy-a-section hr{border:none;height:2px;background:linear-gradient(90deg,#FF7509 0%,#4EB6F0 100%);margin:48px 0;border-radius:2px;opacity:.3}
@media (max-width: 768px) {
.policy-a-section{padding:40px 20px}
.policy-a-section p{font-size:15px;line-height:1.7;margin-bottom:18px}
.policy-a-section ul{padding-left:24px;margin-bottom:20px}
.policy-a-section ol{padding-left:24px;margin-bottom:20px}
.policy-a-section li{font-size:15px;margin-bottom:10px}
.policy-a-section table{font-size:14px;margin:24px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-a-section th{padding:12px 16px;font-size:14px}
.policy-a-section td{padding:12px 16px;font-size:14px}
.policy-a-section hr{margin:36px 0}
}
@media (max-width: 480px) {
.policy-a-section{padding:32px 16px}
.policy-a-section p{font-size:14px;margin-bottom:16px}
.policy-a-section ul{padding-left:20px}
.policy-a-section ol{padding-left:20px}
.policy-a-section li{font-size:14px}
.policy-a-section th{padding:10px 12px;font-size:13px}
.policy-a-section td{padding:10px 12px;font-size:13px}
}
.hero_intro{max-width:1280px;margin:3rem auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.hero_intro .text_side h1{font-size:2.5rem;color:#C9000B;margin-bottom:1.5rem;line-height:1.2}
.hero_intro .text_side .intro_theses{font-size:1.1rem;line-height:1.7;color:#2c2c2c}
.hero_intro .text_side .intro_theses p{margin-bottom:1rem}
.hero_intro .image_side{position:relative}
.hero_intro .image_side img{width:100%;height:auto;border-radius:12px;box-shadow:8px 8px 0 #ff75094d 16px 16px 0 #4eb6f033;object-fit:cover}
.hero_intro .shape_accent{position:absolute;width:80px;height:80px;background:linear-gradient(135deg,#FF7509,#4EB6F0);border-radius:50%;top:-20px;right:-20px;animation:float_shape 4s ease-in-out infinite;z-index:-1}
@keyframes float_shape {
0%,100%{transform:translateY(0px) rotate(0deg)}
50%{transform:translateY(-20px) rotate(180deg)}
}
.flexibility_section{background:linear-gradient(135deg,#4eb6f01a,#ff75091a);padding:4rem 1.5rem;margin-top:4rem}
.flexibility_section .content_holder{max-width:1280px;margin:0 auto}
.flexibility_section h2{font-size:2rem;color:#FF7509;margin-bottom:2.5rem;text-align:center;position:relative}
.flexibility_section h2::after{content:'';display:block;width:60px;height:4px;background:#C9000B;margin:1rem auto 0}
.flexibility_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.flex_card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #ff750926;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid #4EB6F0}
.flex_card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #4eb6f040}
.flex_card h3{font-size:1.4rem;color:#C9000B;margin-bottom:1rem}
.flex_card p{font-size:1rem;line-height:1.6;color:#444}
.tech_infrastructure{max-width:1280px;margin:5rem auto;padding:0 1.5rem}
.tech_infrastructure h2{font-size:2rem;color:#FF7509;margin-bottom:3rem}
.tech_showcase{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.tech_showcase img{width:100%;height:350px;object-fit:cover;border-radius:12px;box-shadow:0 6px 16px #c9000b33}
.tech_features{display:flex;flex-direction:column;gap:1.5rem}
.tech_item{background:linear-gradient(90deg,#4eb6f01a,transparent);padding:1.5rem;border-radius:8px;border-left:3px solid #4EB6F0}
.tech_item h4{font-size:1.2rem;color:#C9000B;margin-bottom:.5rem}
.tech_item p{font-size:.95rem;line-height:1.6;color:#555}
.directions_block{background:#f8f8f8;padding:4rem 1.5rem;margin-top:4rem}
.directions_block .wrapper{max-width:1280px;margin:0 auto}
.directions_block h2{font-size:2rem;color:#4EB6F0;margin-bottom:2.5rem;text-align:center}
.directions_layout{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}
.direction_card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #00000014;transition:transform .3s ease}
.direction_card:hover{transform:scale(1.02)}
.direction_card img{width:100%;height:200px;object-fit:cover}
.direction_card .card_content{padding:1.5rem}
.direction_card h3{font-size:1.5rem;color:#FF7509;margin-bottom:1rem}
.direction_card p{font-size:.95rem;line-height:1.6;color:#555;margin-bottom:1rem}
.direction_card .pill_tags{display:flex;flex-wrap:wrap;gap:.5rem}
.direction_card .pill_tags span{background:#4eb6f026;color:#4EB6F0;padding:.4rem .9rem;border-radius:20px;font-size:.85rem}
.exclusive_opportunities{max-width:1280px;margin:5rem auto 4rem;padding:0 1.5rem}
.exclusive_opportunities h2{font-size:2rem;color:#C9000B;margin-bottom:3rem;text-align:center}
.opportunities_grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}
.opportunity_box{background:linear-gradient(135deg,#fff,#ff75090d);padding:2rem;border-radius:12px;box-shadow:0 6px 16px #0000001a;position:relative;overflow:hidden}
.opportunity_box::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#4eb6f01a,transparent);transition:transform .6s ease}
.opportunity_box:hover::before{transform:translate(-25%,-25%)}
.opportunity_box h4{font-size:1.3rem;color:#FF7509;margin-bottom:1rem;position:relative;z-index:2}
.opportunity_box p{font-size:.95rem;line-height:1.6;color:#444;position:relative;z-index:2}
.opportunity_box img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:1rem}
@media (max-width: 1024px) {
.hero_intro{grid-template-columns:1fr;gap:2rem}
.flexibility_grid{grid-template-columns:repeat(2,1fr)}
.tech_showcase{grid-template-columns:1fr}
.directions_layout{grid-template-columns:1fr}
.opportunities_grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.hero_intro .text_side h1{font-size:2rem}
.flexibility_grid{grid-template-columns:1fr}
.opportunities_grid{grid-template-columns:1fr}
.hero_intro{margin:2rem auto}
.flexibility_section,.directions_block{padding:3rem 1.5rem}
}
@media (max-width: 480px) {
.hero_intro .text_side h1{font-size:1.7rem}
.hero_intro .text_side .intro_theses{font-size:1rem}
.flexibility_section h2,.tech_infrastructure h2,.directions_block h2,.exclusive_opportunities h2{font-size:1.6rem}
}
*{margin:0;padding:0;box-sizing:border-box}
.hero_banner{background:linear-gradient(135deg,#ff750914 0%,#4eb6f01f 50%,#c9000b0f 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.hero_banner_inner{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.hero_text_block{max-width:720px}
.hero_primary{font-size:3rem;line-height:1.2;margin-bottom:20px;color:#212121}
.hero_subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:32px;color:#424242}
.hero_actions{display:flex;gap:16px;flex-wrap:wrap}
.action_btn{background:#FF7509;border-color:#FF7509;color:#fff;padding:12px 28px;text-decoration:none;transition:all .3s ease}
.action_btn:hover{background:#e66808;border-color:#e66808;transform:translateY(-2px);box-shadow:0 6px 20px #ff750966}
.action_btn_outline{background:transparent;border:3px solid #4EB6F0;color:#4EB6F0;padding:12px 28px;text-decoration:none;transition:all .3s ease}
.action_btn_outline:hover{background:#4eb6f01a;transform:translateY(-2px)}
.decoration_holder{position:absolute;top:0;right:0;width:50%;height:100%;pointer-events:none}
.floating_shape{position:absolute;border-radius:50%;opacity:.3}
.shape_1{width:300px;height:300px;background:radial-gradient(circle,#ff750966,transparent);top:10%;right:5%;animation:float_motion_1 8s ease-in-out infinite}
.shape_2{width:200px;height:200px;background:radial-gradient(circle,#4eb6f066,transparent);top:50%;right:20%;animation:float_motion_2 10s ease-in-out infinite}
.shape_3{width:150px;height:150px;background:radial-gradient(circle,#c9000b4d,transparent);top:70%;right:40%;animation:float_motion_3 7s ease-in-out infinite}
@keyframes float_motion_1 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-30px,-40px)}
}
@keyframes float_motion_2 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(20px,30px)}
}
@keyframes float_motion_3 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-20px,25px)}
}
.contact_methods_wrapper{padding:80px 20px;background:#fafafa}
.contact_methods_container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.method_card{background:#fff;padding:40px 28px;border-radius:12px;text-align:center;border:3px solid #212121;box-shadow:4px 4px 0 #21212126;transition:all .3s ease}
.method_card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 #4eb6f066}
.method_icon_holder{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#ff750926,#4eb6f026);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #212121}
.method_icon_holder i{font-size:2.5rem;color:#FF7509}
.method_title{font-size:1.5rem;margin-bottom:12px;color:#212121}
.method_text{font-size:1rem;line-height:1.6;color:#616161;margin-bottom:16px}
.method_link{font-size:1.125rem;color:#4EB6F0;text-decoration:none;font-weight:600;transition:color .3s ease}
.method_link:hover{color:#FF7509}
.form_section_wrapper{padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#4eb6f00d 100%)}
.form_section_container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}
.form_intro_block{position:sticky;top:40px;height:fit-content}
.form_heading{font-size:2.25rem;margin-bottom:20px;color:#212121;line-height:1.3}
.form_description{font-size:1.125rem;line-height:1.7;color:#424242;margin-bottom:32px}
.info_boxes{display:flex;flex-direction:column;gap:16px}
.info_box_item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:2px solid #212121;box-shadow:3px 3px 0 #ff750933}
.info_box_item i{font-size:1.5rem;color:#FF7509}
.info_box_item span{font-size:1rem;color:#212121;font-weight:600}
.form_container{background:#fff;padding:48px;border-radius:12px;border:3px solid #212121;box-shadow:6px 6px 0 #4eb6f040}
.contact_form_main{display:flex;flex-direction:column;gap:28px}
.form_row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.form_field_wrapper{display:flex;flex-direction:column;gap:8px}
.form_label{font-size:1rem;font-weight:600;color:#212121}
.nes-input,.nes-textarea{width:100%;padding:12px;font-size:1rem;border:3px solid #212121;border-radius:0;background:#fff;transition:border-color .3s ease}
.nes-input:focus,.nes-textarea:focus{outline:none;border-color:#4EB6F0;box-shadow:0 0 0 3px #4eb6f033}
.checkbox_group{display:flex;flex-direction:column;gap:16px}
.checkbox_item{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:1rem;color:#424242}
.nes-checkbox{margin-top:4px;cursor:pointer;width:20px;height:20px;flex-shrink:0}
.privacy_check{padding:16px;background:#ff75090d;border-radius:8px;border:2px solid #ff750933}
.privacy_check a{color:#FF7509;text-decoration:underline;font-weight:600}
.privacy_check a:hover{color:#C9000B}
.submit_btn{background:#FF7509;border-color:#FF7509;color:#fff;font-size:1.125rem;padding:16px 40px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;z-index:10;position:relative}
.submit_btn:hover{background:#e66808;border-color:#e66808;transform:translateY(-2px);box-shadow:0 8px 24px #ff750966}
.submit_btn i{font-size:1.25rem}
@media (max-width: 1024px) {
.form_section_container{grid-template-columns:1fr;gap:40px}
.form_intro_block{position:relative;top:0}
.hero_primary{font-size:2.25rem}
.decoration_holder{width:100%}
}
@media (max-width: 768px) {
.hero_banner{padding:60px 20px 80px}
.hero_primary{font-size:2rem}
.hero_subtitle{font-size:1.125rem}
.hero_actions{flex-direction:column}
.action_btn,.action_btn_outline{width:100%;text-align:center}
.form_row{grid-template-columns:1fr;gap:20px}
.form_container{padding:28px 20px}
.contact_methods_wrapper{padding:60px 20px}
.form_section_wrapper{padding:60px 20px}
.form_heading{font-size:1.875rem}
.submit_btn{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.hero_primary{font-size:1.75rem}
.hero_subtitle{font-size:1rem}
.method_card{padding:32px 20px}
.form_heading{font-size:1.625rem}
.form_description{font-size:1rem}
}
.about_wrapper{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}
.about_title_area{display:flex;flex-direction:column;align-items:center;padding:80px 0 60px;background:linear-gradient(135deg,#ff750914 0%,#4eb6f00f 100%);border-radius:12px;margin-bottom:100px;position:relative}
.about_title_area::before{content:'';position:absolute;top:0;left:20%;width:120px;height:120px;background:#ff75091f;border-radius:50%;filter:blur(40px)}
.about_title_area::after{content:'';position:absolute;bottom:0;right:15%;width:150px;height:150px;background:#4eb6f01a;border-radius:50%;filter:blur(50px)}
.about_title_area .title_image_holder{width:100%;max-width:580px;margin-bottom:40px;position:relative;z-index:2}
.about_title_area .title_image_holder img{width:100%;height:340px;object-fit:cover;border-radius:14px;box-shadow:0 12px 32px #ff75092e;filter:brightness(1.05) contrast(1.08)}
.about_title_area .title_content_block{max-width:720px;text-align:center;position:relative;z-index:2}
.about_title_area .title_content_block h1{font-size:2.8rem;line-height:1.25;color:#2d2d2d;margin:0 0 24px;font-weight:700}
.about_title_area .title_content_block .intro_text{font-size:1.15rem;line-height:1.7;color:#4a4a4a;margin:0}
.story_section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:120px}
.story_section .story_content_side{padding-top:20px}
.story_section .story_content_side h2{font-size:2.2rem;line-height:1.3;color:#2d2d2d;margin:0 0 32px;font-weight:700;position:relative;display:inline-block}
.story_section .story_content_side h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#FF7509 0%,#4EB6F0 100%);border-radius:2px}
.story_section .story_content_side .story_paragraph{font-size:1.05rem;line-height:1.8;color:#4a4a4a;margin:0 0 24px}
.story_section .story_content_side .story_paragraph:last-of-type{margin-bottom:40px}
.story_section .story_content_side .highlight_stat_holder{display:flex;gap:40px;margin-top:48px}
.story_section .story_content_side .stat_item{flex:1}
.story_section .story_content_side .stat_item .stat_number{font-size:2.6rem;font-weight:700;color:#FF7509;line-height:1;margin:0 0 8px}
.story_section .story_content_side .stat_item .stat_label{font-size:.95rem;color:#666;line-height:1.4;margin:0}
.story_section .visuals_grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);gap:20px}
.story_section .visuals_grid .visual_box{position:relative;border-radius:12px;overflow:hidden;background:#f5f5f5}
.story_section .visuals_grid .visual_box.large_visual{grid-column:1 / 3;grid-row:1}
.story_section .visuals_grid .visual_box img{width:100%;height:100%;object-fit:cover}
.story_section .visuals_grid .visual_box.large_visual img{height:320px}
.story_section .visuals_grid .visual_box:not(.large_visual) img{height:240px}
.story_section .visuals_grid .visual_box::after{content:'';position:absolute;inset:0;border:2px solid transparent;border-radius:12px;transition:border-color .3s ease}
.story_section .visuals_grid .visual_box:hover::after{border-color:#ff750966}
.team_showcase_block{background:linear-gradient(165deg,#4eb6f012 0%,#ff75090d 100%);padding:90px 0;margin-bottom:80px;border-radius:16px;position:relative}
.team_showcase_block::before{content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:200px;height:4px;background:linear-gradient(90deg,#FF7509 0%,#4EB6F0 50%,#C9000B 100%);border-radius:2px}
.team_showcase_block .section_header{text-align:center;max-width:680px;margin:0 auto 70px}
.team_showcase_block .section_header h3{font-size:2.4rem;line-height:1.25;color:#2d2d2d;margin:0 0 20px;font-weight:700}
.team_showcase_block .section_header .section_intro{font-size:1.1rem;line-height:1.65;color:#555;margin:0}
.team_showcase_block .team_profiles_holder{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;max-width:1100px;margin:0 auto}
.team_showcase_block .profile_card{display:flex;gap:28px;background:#fff;padding:32px;border-radius:12px;box-shadow:0 6px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.team_showcase_block .profile_card::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#FF7509 0%,#4EB6F0 100%);border-radius:12px 0 0 12px;opacity:0;transition:opacity .3s ease}
.team_showcase_block .profile_card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #ff75092e}
.team_showcase_block .profile_card:hover::before{opacity:1}
.team_showcase_block .profile_card .profile_photo_wrapper{flex-shrink:0}
.team_showcase_block .profile_card .profile_photo_wrapper img{width:120px;height:120px;object-fit:cover;border-radius:10px;box-shadow:0 4px 16px #0000001f}
.team_showcase_block .profile_card .profile_info_section{flex:1;display:flex;flex-direction:column;justify-content:center}
.team_showcase_block .profile_card .profile_info_section h4{font-size:1.4rem;color:#2d2d2d;margin:0 0 6px;font-weight:700}
.team_showcase_block .profile_card .profile_info_section .role_label{font-size:.95rem;color:#FF7509;margin:0 0 16px;font-weight:600}
.team_showcase_block .profile_card .profile_info_section .profile_description{font-size:.98rem;line-height:1.65;color:#555;margin:0}
.values_grid_section{margin-bottom:100px}
.values_grid_section .values_intro_block{text-align:center;max-width:720px;margin:0 auto 60px}
.values_grid_section .values_intro_block h3{font-size:2.3rem;line-height:1.3;color:#2d2d2d;margin:0 0 20px;font-weight:700}
.values_grid_section .values_intro_block .values_description{font-size:1.08rem;line-height:1.7;color:#555;margin:0}
.values_grid_section .values_grid_container{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.values_grid_section .value_card_item{padding:40px 32px;background:#fff;border-radius:12px;border:2px solid #f0f0f0;transition:all .3s ease;position:relative;overflow:hidden}
.values_grid_section .value_card_item::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#ff750914 0%,transparent 70%);transition:transform .5s ease}
.values_grid_section .value_card_item:hover::before{transform:translate(-20%,20%)}
.values_grid_section .value_card_item:hover{border-color:#FF7509;box-shadow:0 8px 28px #ff750924;transform:translateY(-6px)}
.values_grid_section .value_card_item .icon_holder{width:60px;height:60px;background:linear-gradient(135deg,#ff75091a 0%,#4eb6f014 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative}
.values_grid_section .value_card_item .icon_holder i{font-size:1.8rem;color:#FF7509}
.values_grid_section .value_card_item h5{font-size:1.3rem;color:#2d2d2d;margin:0 0 14px;font-weight:700}
.values_grid_section .value_card_item .value_text{font-size:.98rem;line-height:1.7;color:#555;margin:0}
@media (max-width: 1024px) {
.story_section{grid-template-columns:1fr;gap:60px}
.team_showcase_block .team_profiles_holder{grid-template-columns:1fr;gap:40px}
.values_grid_section .values_grid_container{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.about_title_area{padding:60px 0 40px;margin-bottom:70px}
.about_title_area .title_content_block h1{font-size:2.2rem}
.about_title_area .title_content_block .intro_text{font-size:1.05rem}
.story_section .story_content_side h2{font-size:1.9rem}
.story_section .story_content_side .highlight_stat_holder{flex-direction:column;gap:28px}
.story_section .visuals_grid{grid-template-columns:1fr}
.story_section .visuals_grid .visual_box.large_visual{grid-column:1}
.team_showcase_block{padding:70px 0}
.team_showcase_block .section_header h3{font-size:2rem}
.team_showcase_block .profile_card{flex-direction:column;text-align:center}
.team_showcase_block .profile_card .profile_photo_wrapper img{margin:0 auto}
.values_grid_section .values_grid_container{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.about_title_area .title_content_block h1{font-size:1.8rem}
.story_section .story_content_side h2{font-size:1.6rem}
.story_section .story_content_side .stat_item .stat_number{font-size:2.2rem}
.team_showcase_block .section_header h3{font-size:1.7rem}
.values_grid_section .values_intro_block h3{font-size:1.9rem}
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#f8f9fa;overflow-x:hidden}
.main_wrapper{width:100%;max-width:1280px;margin:0 auto}
.hero_learning_block{position:relative;padding:80px 20px;background:linear-gradient(135deg,#4eb6f014 0%,#ff75090f 100%);overflow:hidden}
.hero_learning_block::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ff75091f 0%,transparent 70%);border-radius:50%;z-index:1}
.hero_learning_block::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#4eb6f01a 0%,transparent 70%);border-radius:50%;z-index:1}
.hero_content_holder{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center}
.hero_content_holder h1{font-size:48px;line-height:1.2;color:#2c3e50;margin-bottom:24px;text-shadow:2px 2px 0 #ff75091a}
.hero_content_holder h1 .accent_part{color:#FF7509;position:relative;display:inline-block}
.hero_content_holder h1 .accent_part::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF7509 0%,#4EB6F0 100%)}
.hero_image_frame{margin:40px auto;max-width:600px;position:relative}
.hero_image_frame::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;background:linear-gradient(135deg,#FF7509 0%,#4EB6F0 100%);border-radius:12px;z-index:1;opacity:.3}
.hero_image_frame img{position:relative;z-index:2;width:100%;height:auto;border-radius:12px;box-shadow:8px 8px 24px #ff750933}
.hero_description{font-size:18px;line-height:1.6;color:#555;margin-top:32px}
.course_structure_section{padding:100px 20px;background:#fff}
.structure_grid_wrapper{max-width:1200px;margin:0 auto}
.structure_grid_wrapper h2{font-size:38px;color:#2c3e50;margin-bottom:48px;position:relative;padding-left:24px}
.structure_grid_wrapper h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#FF7509 0%,#4EB6F0 100%);border-radius:8px}
.course_modules_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:64px}
.module_card{background:#f8f9fa;padding:32px 24px;border-radius:12px;border:3px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.module_card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF7509 0%,#4EB6F0 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.module_card:hover::before{transform:scaleX(1)}
.module_card:hover{border-color:#4eb6f04d;box-shadow:0 8px 24px #4eb6f026;transform:translateY(-4px)}
.module_number{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#FF7509 0%,#4EB6F0 100%);color:#fff;font-size:22px;font-weight:700;border-radius:50%;line-height:48px;text-align:center;margin-bottom:16px;box-shadow:4px 4px 12px #ff75094d}
.module_card h3{font-size:22px;color:#2c3e50;margin-bottom:12px}
.module_card p{font-size:15px;line-height:1.6;color:#666}
.learning_path_visual{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:48px;padding:40px;background:linear-gradient(135deg,#ff75090d 0%,#4eb6f00d 100%);border-radius:12px;position:relative}
.path_stage{flex:1;min-width:200px;text-align:center;position:relative}
.path_stage_icon{width:80px;height:80px;margin:0 auto 16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#FF7509;box-shadow:0 4px 16px #ff750933;transition:all .3s ease}
.path_stage:hover .path_stage_icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #ff75094d}
.path_stage h4{font-size:18px;color:#2c3e50;margin-bottom:8px}
.path_stage p{font-size:14px;color:#666;line-height:1.5}
.instructors_testimonials_area{padding:100px 20px;background:linear-gradient(135deg,#fff 0%,#4eb6f008 100%)}
.instructors_content_wrap{max-width:1200px;margin:0 auto}
.instructors_content_wrap h2{font-size:38px;color:#2c3e50;margin-bottom:56px;text-align:center;position:relative}
.instructors_content_wrap h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#FF7509 0%,#4EB6F0 100%);border-radius:8px}
.instructor_profiles_flex{display:flex;flex-direction:row;gap:40px;margin-bottom:64px;flex-wrap:wrap}
.instructor_profile_card{flex:1;min-width:280px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .3s ease}
.instructor_profile_card:hover{box-shadow:0 12px 32px #4eb6f033;transform:translateY(-6px)}
.instructor_photo_holder{width:100%;height:280px;overflow:hidden;position:relative}
.instructor_photo_holder::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#0006 0%,transparent 100%)}
.instructor_photo_holder img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.instructor_profile_card:hover .instructor_photo_holder img{transform:scale(1.08)}
.instructor_details{padding:24px}
.instructor_details h3{font-size:22px;color:#2c3e50;margin-bottom:8px}
.instructor_details .specialty{font-size:14px;color:#FF7509;font-weight:700;margin-bottom:12px}
.instructor_details p{font-size:15px;line-height:1.6;color:#666}
.testimonial_showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.testimonial_item{background:#fff;padding:32px;border-radius:12px;border-left:4px solid #4EB6F0;box-shadow:0 4px 16px #0000000f;position:relative}
.testimonial_item::before{content:'"';position:absolute;top:16px;left:16px;font-size:64px;color:#4eb6f026;font-family:serif;line-height:1}
.testimonial_text{font-size:16px;line-height:1.7;color:#555;margin-bottom:20px;position:relative;z-index:2}
.testimonial_author{display:flex;align-items:center;gap:16px}
.author_avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid #4EB6F0}
.author_avatar img{width:100%;height:100%;object-fit:cover}
.author_info h4{font-size:16px;color:#2c3e50;margin-bottom:4px}
.author_info .role{font-size:13px;color:#888}
.cta_enrollment_zone{max-width:800px;margin:80px auto 0;text-align:center;padding:48px 32px;background:linear-gradient(135deg,#ff750914 0%,#4eb6f014 100%);border-radius:12px;position:relative;overflow:hidden}
.cta_enrollment_zone::before{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,#c9000b1a 0%,transparent 70%);border-radius:50%}
.cta_enrollment_zone h3{font-size:32px;color:#2c3e50;margin-bottom:16px;position:relative;z-index:2}
.cta_enrollment_zone p{font-size:17px;line-height:1.6;color:#555;margin-bottom:32px;position:relative;z-index:2}
.cta_button_primary{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#FF7509 0%,#4EB6F0 100%);color:#fff;font-size:18px;font-weight:700;border-radius:8px;text-decoration:none;box-shadow:0 6px 20px #ff75094d;transition:all .3s ease;position:relative;z-index:10}
.cta_button_primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff750966}
@media (max-width: 768px) {
.hero_content_holder h1{font-size:36px}
.structure_grid_wrapper h2,.instructors_content_wrap h2{font-size:30px}
.course_modules_grid{grid-template-columns:1fr}
.learning_path_visual{flex-direction:column;padding:24px}
.instructor_profiles_flex{flex-direction:column}
.testimonial_showcase{grid-template-columns:1fr}
.cta_enrollment_zone h3{font-size:26px}
}
@media (max-width: 480px) {
.hero_learning_block{padding:60px 16px}
.hero_content_holder h1{font-size:28px}
.course_structure_section,.instructors_testimonials_area{padding:60px 16px}
.cta_button_primary{padding:14px 32px;font-size:16px}
}
.hero_webinar_panel{background:linear-gradient(135deg,#ff750914 0%,#4eb6f01f 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.hero_webinar_panel::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ff750926 0%,transparent 70%);animation:float_particle 8s ease-in-out infinite}
.hero_webinar_panel::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#4eb6f01f 0%,transparent 70%);animation:float_particle 10s ease-in-out infinite reverse}
@keyframes float_particle {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.hero_webinar_content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}
.hero_webinar_content h1{font-size:48px;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.hero_webinar_content .intro_text_web{font-size:20px;color:#444;max-width:720px;margin:0 0 40px;line-height:1.6}
.hero_webinar_content .cta_holder{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.session_grid_wrapper{max-width:1280px;margin:0 auto;padding:100px 20px}
.session_grid_wrapper h2{font-size:36px;color:#1a1a1a;margin:0 0 16px;text-align:center}
.session_grid_wrapper .subtitle_session{font-size:18px;color:#555;text-align:center;margin:0 0 60px;max-width:680px;margin-left:auto;margin-right:auto}
.webinar_grid_display{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.session_card_item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:32px;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #0000000d}
.session_card_item:hover{transform:translateY(-6px);box-shadow:0 12px 28px #ff750933;border-color:#FF7509}
.session_card_item .status_indicator{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}
.session_card_item .status_indicator.enrolling{background:#4eb6f026;color:#4EB6F0}
.session_card_item .status_indicator.ongoing{background:#ff750926;color:#FF7509}
.session_card_item h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;line-height:1.3}
.session_card_item .description_web{font-size:16px;color:#666;line-height:1.6;margin:0 0 24px}
.session_card_item .meta_info_row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.session_card_item .meta_info_row span{display:flex;align-items:center;gap:8px;font-size:14px;color:#777}
.session_card_item .meta_info_row i{color:#FF7509;font-size:18px}
.visual_showcase_holder{background:linear-gradient(90deg,#f9f9f9 0%,#fff 100%);padding:100px 20px}
.visual_showcase_content{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.visual_showcase_content .image_container_web{position:relative}
.visual_showcase_content .image_container_web img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 16px 48px #0000001f;filter:grayscale(0.1)}
.visual_showcase_content .image_container_web::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;border:3px solid #FF7509;border-radius:16px;z-index:-1}
.visual_showcase_content .text_content_visual{padding:0 0 0 20px}
.visual_showcase_content .text_content_visual h2{font-size:38px;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.visual_showcase_content .text_content_visual .benefit_list{list-style:none;padding:0;margin:0 0 36px}
.visual_showcase_content .text_content_visual .benefit_list li{font-size:17px;color:#555;margin-bottom:18px;padding-left:40px;position:relative;line-height:1.6}
.visual_showcase_content .text_content_visual .benefit_list li::before{content:'';position:absolute;left:0;top:4px;width:24px;height:24px;background:linear-gradient(135deg,#FF7509 0%,#4EB6F0 100%);border-radius:50%;box-shadow:0 4px 12px #ff75094d}
.visual_showcase_content .text_content_visual .benefit_list li::after{content:'✓';position:absolute;left:6px;top:4px;color:#fff;font-size:14px;font-weight:700}
.expert_profile_section{max-width:1280px;margin:0 auto;padding:100px 20px}
.expert_profile_section h2{font-size:36px;color:#1a1a1a;margin:0 0 70px;text-align:center}
.expert_profile_card{display:grid;grid-template-columns:280px 1fr;gap:50px;background:#fff;border:2px solid #e8e8e8;border-radius:16px;padding:48px;box-shadow:0 8px 24px #0000000f}
.expert_profile_card .portrait_holder{position:relative}
.expert_profile_card .portrait_holder img{width:280px;height:320px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #00000026}
.expert_profile_card .portrait_holder::after{content:'';position:absolute;bottom:-12px;right:-12px;width:100%;height:100%;border:3px solid #4EB6F0;border-radius:12px;z-index:-1}
.expert_profile_card .expert_details{display:flex;flex-direction:column;justify-content:center}
.expert_profile_card .expert_details h3{font-size:32px;color:#1a1a1a;margin:0 0 8px}
.expert_profile_card .expert_details .role_title{font-size:18px;color:#FF7509;margin:0 0 28px;font-weight:600}
.expert_profile_card .expert_details .bio_text{font-size:17px;color:#555;line-height:1.7;margin:0 0 28px}
.expert_profile_card .expert_details .expertise_tags{display:flex;flex-wrap:wrap;gap:12px}
.expert_profile_card .expert_details .expertise_tags span{padding:8px 18px;background:#4eb6f01a;color:#4EB6F0;border-radius:8px;font-size:14px;font-weight:600}
@media (max-width: 1024px) {
.visual_showcase_content{grid-template-columns:1fr;gap:50px}
.visual_showcase_content .text_content_visual{padding:0}
.expert_profile_card{grid-template-columns:1fr;gap:40px}
.expert_profile_card .portrait_holder img{width:100%;max-width:380px;height:auto;aspect-ratio:7/8}
}
@media (max-width: 768px) {
.hero_webinar_panel{padding:60px 20px 70px}
.hero_webinar_content h1{font-size:36px}
.hero_webinar_content .intro_text_web{font-size:18px}
.session_grid_wrapper,.visual_showcase_holder,.expert_profile_section{padding:70px 20px}
.session_grid_wrapper h2,.expert_profile_section h2{font-size:30px}
.visual_showcase_content .text_content_visual h2{font-size:30px}
.webinar_grid_display{grid-template-columns:1fr}
.expert_profile_card{padding:32px}
.hero_webinar_content .cta_holder{flex-direction:column;width:100%;max-width:320px}
}
@media (max-width: 480px) {
.hero_webinar_content h1{font-size:28px}
.session_card_item{padding:24px}
.session_card_item .meta_info_row{flex-direction:column;gap:12px}
.expert_profile_card .portrait_holder img{max-width:100%}
}
.success_wrapper{background:linear-gradient(135deg,#ff750914 0%,#4eb6f01f 100%);min-height:600px;padding:80px 20px;position:relative;overflow:hidden}
.success_wrapper::before{content:'';position:absolute;top:-150px;right:-150px;width:400px;height:400px;background:radial-gradient(circle,#ff750926 0%,transparent 70%);border-radius:50%;pointer-events:none}
.success_wrapper::after{content:'';position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#4eb6f01f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.confirm_content_holder{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px;position:relative;z-index:2}
.message_status_block{background:#fff;border:4px solid #212529;border-radius:12px;padding:50px 40px;max-width:680px;width:100%;box-shadow:8px 8px 0 #ff750933;position:relative}
.status_icon_area{width:80px;height:80px;margin:0 auto 30px;position:relative}
.icon_circle{width:100%;height:100%;background:linear-gradient(135deg,#FF7509 0%,#4EB6F0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse_effect 2s ease-in-out infinite}
@keyframes pulse_effect {
0%,100%{transform:scale(1);box-shadow:0 0 0 0 #ff750966}
50%{transform:scale(1.05);box-shadow:0 0 0 12px #ff750900}
}
.icon_circle i{font-size:42px;color:#fff}
.confirm_heading{text-align:center;margin:0 0 20px;font-size:32px;color:#212529;line-height:1.3}
.confirm_heading::after{content:'';display:block;width:60px;height:4px;background:#FF7509;margin:20px auto 0;border-radius:2px}
.confirm_text_block{text-align:center;color:#495057;font-size:17px;line-height:1.6;margin:0 0 35px}
.confirm_text_block p{margin:0 0 15px}
.confirm_text_block p:last-child{margin:0}
.response_timeline{background:#4eb6f014;border:2px solid #4EB6F0;border-radius:10px;padding:25px 30px;margin:0 0 35px}
.timeline_item{display:flex;align-items:flex-start;gap:18px;margin:0 0 20px}
.timeline_item:last-child{margin:0}
.timeline_number{background:#4EB6F0;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;border:2px solid #212529}
.timeline_info{flex:1}
.timeline_info h4{margin:0 0 6px;font-size:18px;color:#212529}
.timeline_info p{margin:0;font-size:15px;color:#495057;line-height:1.5}
.action_button_group{display:flex;flex-direction:column;gap:15px;align-items:center}
.primary_return_btn{display:inline-block;padding:14px 40px;background:#FF7509;color:#fff;text-decoration:none;border-radius:10px;font-size:17px;font-weight:700;border:3px solid #212529;box-shadow:4px 4px 0 #212529;transition:all .2s ease;position:relative;z-index:10}
.primary_return_btn:hover{background:#e66908;transform:translate(2px,2px);box-shadow:2px 2px 0 #212529;color:#fff}
.secondary_link{color:#4EB6F0;text-decoration:none;font-size:16px;border-bottom:2px solid transparent;transition:border-color .2s ease}
.secondary_link:hover{border-bottom-color:#4EB6F0;color:#3a9dd4}
.info_cards_section{max-width:1280px;margin:0 auto;padding:60px 20px}
.cards_grid_holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.info_card_box{background:#fff;border:3px solid #212529;border-radius:12px;padding:35px 30px;transition:all .3s ease;position:relative;overflow:hidden}
.info_card_box::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#FF7509 0%,#4EB6F0 50%,#C9000B 100%);opacity:0;transition:opacity .3s ease}
.info_card_box:hover{transform:translateY(-5px);box-shadow:6px 6px 0 #ff750940}
.info_card_box:hover::before{opacity:1}
.card_icon_holder{width:50px;height:50px;background:#4eb6f026;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 0 20px;border:2px solid #4EB6F0}
.card_icon_holder i{font-size:26px;color:#4EB6F0}
.card_title_text{font-size:20px;margin:0 0 12px;color:#212529}
.card_desc_text{font-size:15px;line-height:1.6;color:#495057;margin:0}
.help_badge{display:inline-block;background:#ff75091f;color:#FF7509;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;margin:15px 0 0;border:2px solid #FF7509}
@media (max-width: 768px) {
.success_wrapper{padding:50px 15px}
.message_status_block{padding:35px 25px}
.confirm_heading{font-size:26px}
.confirm_text_block{font-size:16px}
.response_timeline{padding:20px}
.timeline_item{gap:12px}
.timeline_info h4{font-size:16px}
.timeline_info p{font-size:14px}
.primary_return_btn{padding:12px 30px;font-size:16px}
.info_cards_section{padding:40px 15px}
.cards_grid_holder{grid-template-columns:1fr;gap:20px}
.info_card_box{padding:28px 22px}
}
@media (max-width: 480px) {
.confirm_heading{font-size:23px}
.status_icon_area{width:65px;height:65px}
.icon_circle i{font-size:34px}
.action_button_group{width:100%}
.primary_return_btn{width:100%;text-align:center}
}