@import "https://cdn.jsdelivr.net/npm/@fontsource/source-sans-pro@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/source-sans-pro@latest/700.css";
html{box-sizing:border-box}
body{margin:0;font-family:'Source Sans Pro',sans-serif;font-size:16px;line-height:1.6;color:#0F192F;background:#fff;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
:focus{outline:none;border-bottom:4px solid #08FEC3}
::selection{background:#0F192F;color:#fff}
.top_band{background:linear-gradient(135deg,#0F192F 0%,#1a2847 100%);padding:16px 0;box-shadow:2px 6px 20px 1px #0f192f1a}
.top_band_inner{max-width:1440px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.brand_zone{display:flex;align-items:center;gap:16px}
.logo_holder{width:88px;height:88px;background:#fff;border:3px solid #08FEC3;border-radius:22px;padding:8px;box-shadow:2px 3px 6px 1px #0f192f0d;display:flex;align-items:center;justify-content:center}
.logo_holder img{width:100%;height:100%;object-fit:contain}
.company_label{font-size:26px;line-height:1.15;font-weight:700;color:#fff;letter-spacing:.02em}
.main_links{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.main_links a{font-size:16px;line-height:1.4;font-weight:700;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;padding:16px 0;transition:color .28s cubic-bezier(0.34,1.56,0.64,1);position:relative}
.main_links a:hover{color:#08FEC3}
.main_links a::after{content:'';position:absolute;bottom:8px;left:0;width:0;height:3px;background:#08FEC3;transition:width .32s cubic-bezier(0.68,-0.55,0.27,1.55)}
.main_links a:hover::after{width:100%}
.bottom_segment{background:#0F192F;padding:80px 40px}
.bottom_segment_inner{max-width:1440px;margin:0 auto;text-align:center}
.footer_logo_wrap{margin:0 auto 40px;width:92px;height:92px;background:#fff;border:4px solid #08FEC3;border-radius:34px;padding:8px;box-shadow:2px 12px 44px 1px #08fec324;display:inline-flex;align-items:center;justify-content:center}
.footer_logo_wrap img{width:100%;height:100%;object-fit:contain}
.footer_company_title{font-size:26px;line-height:1.15;font-weight:700;color:#fff;margin:0 0 40px}
.separator_line{width:160px;height:4px;background:linear-gradient(90deg,transparent 0%,#08FEC3 50%,transparent 100%);margin:0 auto 40px;border-radius:8px}
.footer_nav_set{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;margin:0 0 40px}
.footer_nav_set a{font-size:14px;line-height:1.4;font-weight:400;color:#fff;text-decoration:none;padding:8px 16px;border-radius:8px;background:#08fec314;transition:background .26s cubic-bezier(0.34,1.56,0.64,1),color .26s cubic-bezier(0.34,1.56,0.64,1)}
.footer_nav_set a:hover{background:#08FEC3;color:#0F192F}
.contact_cluster{margin:0 0 40px}
.contact_row{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;margin:0 0 16px}
.contact_item{display:flex;align-items:center;gap:8px}
.contact_icon{width:20px;height:20px;fill:#08FEC3}
.contact_item a{font-size:14px;line-height:1.4;font-weight:400;color:#fff;text-decoration:none;transition:color .24s cubic-bezier(0.34,1.56,0.64,1)}
.contact_item a:hover{color:#08FEC3}
.contact_item span{font-size:14px;line-height:1.4;font-weight:400;color:#ffffffb3}
.legal_text{font-size:14px;line-height:1.6;color:#fff9;margin:0}
@media (max-width: 1024px) {
.top_band_inner{flex-direction:column;align-items:center;gap:16px}
.main_links{justify-content:center;gap:16px}
.company_label{font-size:22px}
}
@media (max-width: 768px) {
.top_band_inner{padding:0 16px}
.brand_zone{flex-direction:column;gap:8px}
.logo_holder{width:72px;height:72px}
.company_label{font-size:18px}
.main_links{flex-direction:column;gap:8px;width:100%}
.main_links a{width:100%;text-align:center;padding:16px}
.bottom_segment{padding:40px 16px}
.contact_row{flex-direction:column;gap:16px}
.footer_nav_set{flex-direction:column;gap:16px}
.footer_nav_set a{width:100%;text-align:center}
}
@media (max-width: 360px) {
.logo_holder{width:64px;height:64px}
.company_label{font-size:16px}
.footer_logo_wrap{width:80px;height:80px}
}
.rules-text{max-width:1440px;margin:0 auto;padding:80px 40px;background:#fff}
.rules-text h1{font-size:66px;line-height:1.15;margin:0 0 80px;color:#0F192F;letter-spacing:.02em;text-transform:uppercase}
.rules-text h2{font-size:26px;line-height:1.4;margin:80px 0 40px;color:#0F192F;letter-spacing:.01em}
.rules-text h3{font-size:16px;line-height:1.4;margin:40px 0 16px;color:#0F192F;font-weight:700}
.rules-text h4,.rules-text h5,.rules-text h6{font-size:16px;line-height:1.4;margin:40px 0 16px;color:#0F192F;font-weight:600}
.rules-text div{font-size:16px;line-height:1.6;margin:0 0 16px;color:#0F192F}
.rules-text ul,.rules-text ol{font-size:16px;line-height:1.6;margin:0 0 16px;padding:0 0 0 40px;color:#0F192F}
.rules-text li{margin:0 0 8px;padding:0 0 0 8px}
.rules-text li:last-child{margin-bottom:0}
.rules-text strong,.rules-text b{font-weight:700;color:#0F192F}
.rules-text a{color:#08FEC3;text-decoration:none;border-bottom:1px solid #08fec34d;transition:border-color .24s cubic-bezier(0.34,1.56,0.64,1)}
.rules-text a:hover{border-bottom-color:#08FEC3}
.rules-text h1 + div,.rules-text h1 + ul,.rules-text h1 + ol{margin-top:0}
.rules-text h2 + div,.rules-text h2 + ul,.rules-text h2 + ol{margin-top:0}
.rules-text h3 + div,.rules-text h3 + ul,.rules-text h3 + ol{margin-top:0}
@media (max-width: 1024px) {
.rules-text{padding:80px 40px}
.rules-text h1{font-size:66px;margin-bottom:40px}
.rules-text h2{margin-top:40px}
}
@media (max-width: 768px) {
.rules-text{padding:40px 16px}
.rules-text h1{font-size:26px;margin-bottom:40px}
.rules-text h2{font-size:26px;margin-top:40px}
.rules-text ul,.rules-text ol{padding-left:16px}
}
@media (max-width: 360px) {
.rules-text{padding:40px 16px}
.rules-text h1{font-size:26px}
}
.services_main{background:#FEFEFE;color:#0F192F;max-width:1440px;margin:0 auto;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.services_main ::selection{background:#0F192F;color:#FEFEFE}
.hero_banner{position:relative;padding:80px 16px;background:#F8F9FA;overflow:hidden}
.hero_banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#0f192f05 2px,#0f192f05 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#0f192f05 2px,#0f192f05 4px);pointer-events:none;z-index:1}
.hero_content_wrap{position:relative;z-index:2;max-width:900px;margin:0 auto}
.hero_heading{font-size:66px;line-height:1.15;margin:0 0 40px}
.hero_accent_word{display:inline-block;background:linear-gradient(135deg,#08FEC3 0%,#B8F4E4 100%);padding:8px 16px;border-radius:8px;color:#0F192F}
.hero_image_zone{position:relative;margin:40px 0 0;border-radius:22px;overflow:hidden;box-shadow:2px 6px 20px 1px #0f192f1a}
.hero_main_image{width:100%;height:420px;object-fit:cover;object-position:center;display:block}
.hero_image_zone::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#08fec314 3px,#08fec314 6px);pointer-events:none}
.services_detailed_wrap{padding:80px 16px;background:#FFF}
.services_detailed_inner{max-width:1200px;margin:0 auto}
.section_header_block{margin:0 0 40px;padding:0 0 16px;border-bottom:2px dashed #D8DCE0}
.section_title{font-size:26px;line-height:1.4;margin:0 0 16px;position:relative;padding:0 0 8px}
.section_title::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:2px;background:#08FEC3}
.section_intro_text{font-size:16px;line-height:1.6;margin:0}
.service_cards_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px}
.service_card_item{background:#F8F9FA;border-radius:22px;padding:40px;position:relative;transition:transform .28s cubic-bezier(0.34,1.56,0.64,1),box-shadow .28s cubic-bezier(0.34,1.56,0.64,1);box-shadow:2px 3px 6px 1px #0f192f0d}
.service_card_item:hover{transform:translateY(-8px);box-shadow:2px 12px 44px 1px #0f192f24}
.service_icon_shape{width:64px;height:64px;background:linear-gradient(135deg,#08FEC3 0%,#B8F4E4 100%);border-radius:48px;display:flex;align-items:center;justify-content:center;margin:0 0 16px}
.service_icon_inner{width:32px;height:32px;background:#0F192F;border-radius:34px}
.service_card_heading{font-size:26px;line-height:1.4;margin:0 0 16px}
.service_card_description{font-size:14px;line-height:1.6;margin:0 0 16px}
.service_features_list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.service_feature_badge{display:inline-block;background:#08FEC3;color:#0F192F;padding:8px 16px;border-radius:34px;font-size:14px;line-height:1.4}
.pricing_structure_section{padding:80px 16px;background:linear-gradient(180deg,#FEFEFE 0%,#F0F9F7 100%);position:relative}
.pricing_content_container{max-width:1200px;margin:0 auto}
.pricing_header{margin:0 0 40px}
.pricing_main_title{font-size:26px;line-height:1.4;margin:0 0 16px}
.pricing_intro_paragraph{font-size:16px;line-height:1.6;margin:0 0 8px}
.pricing_grid_layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}
.pricing_detail_zone{background:#FFF;border-radius:22px;padding:40px;box-shadow:2px 6px 20px 1px #0f192f1a}
.pricing_table_wrap{margin:0 0 40px}
.pricing_row_item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #E5E7EB}
.pricing_row_item:last-child{border-bottom:none}
.pricing_label_text{font-size:16px;line-height:1.6;color:#0F192F;position:relative;padding:0 0 0 16px}
.pricing_label_text::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#E9A104;border-radius:34px}
.pricing_value_text{font-size:14px;line-height:1.4;background:#0F192F;color:#FEFEFE;padding:8px 16px;border-radius:8px}
.pricing_heatmap_visual{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:40px 0 0}
.heatmap_cell{aspect-ratio:1;border-radius:8px;transition:transform .24s cubic-bezier(0.68,-0.55,0.27,1.55)}
.heatmap_cell:hover{transform:scale(1.12)}
.heatmap_intensity_1{background:#08fec326}
.heatmap_intensity_2{background:#08fec359}
.heatmap_intensity_3{background:#08fec38c}
.heatmap_intensity_4{background:#08fec3bf}
.heatmap_intensity_5{background:#08fec3f2}
.heatmap_legend_text{font-size:14px;line-height:1.4;margin:16px 0 0;color:#6B7280}
.pricing_image_accent{position:relative;border-radius:22px;overflow:hidden;box-shadow:2px 6px 20px 1px #0f192f1a;height:480px}
.pricing_accent_img{width:100%;height:100%;object-fit:cover;object-position:center}
.pricing_image_accent::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 60%,#08fec31f 100%);pointer-events:none;z-index:1}
.expert_consultation_block{padding:80px 16px;background:#FFF}
.consultation_inner_wrap{max-width:1200px;margin:0 auto}
.consultation_heading{font-size:26px;line-height:1.4;margin:0 0 40px;text-align:center}
.experts_profile_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 0 40px}
.expert_profile_card{background:#F8F9FA;border-radius:22px;padding:40px;text-align:center;transition:transform .26s cubic-bezier(0.34,1.56,0.64,1);box-shadow:2px 3px 6px 1px #0f192f0d}
.expert_profile_card:hover{transform:translateY(-6px);box-shadow:2px 12px 44px 1px #0f192f24}
.expert_portrait_holder{width:120px;height:150px;margin:0 auto 16px;border-radius:48px;overflow:hidden;border:4px solid #08FEC3}
.expert_portrait_img{width:100%;height:100%;object-fit:cover;object-position:top}
.expert_name_label{font-size:16px;line-height:1.4;margin:0 0 8px;font-weight:600}
.expert_role_label{font-size:14px;line-height:1.6;color:#6B7280;margin:0 0 16px}
.expert_specialty_tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.specialty_tag_item{background:#E9A104;color:#0F192F;padding:8px 16px;border-radius:34px;font-size:14px;line-height:1.4}
.consultation_quote_block{background:linear-gradient(135deg,#F0F9F7 0%,#FEFEFE 100%);border-radius:22px;padding:40px;position:relative;border-left:6px solid #08FEC3;box-shadow:2px 3px 6px 1px #0f192f0d}
.quote_mark_symbol{font-size:66px;line-height:1;color:#08FEC3;margin:0 0 16px;opacity:.5}
.quote_text_content{font-size:16px;line-height:1.6;margin:0 0 16px;font-style:italic}
.quote_author_line{font-size:14px;line-height:1.4;color:#6B7280;text-align:right}
@media (max-width: 1024px) {
.hero_heading{font-size:46px}
.pricing_grid_layout{grid-template-columns:1fr}
.pricing_image_accent{height:320px}
.experts_profile_grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hero_banner{padding:40px 16px}
.hero_heading{font-size:26px}
.hero_main_image{height:280px}
.services_detailed_wrap{padding:40px 16px}
.service_cards_grid{grid-template-columns:1fr}
.pricing_structure_section{padding:40px 16px}
.pricing_heatmap_visual{grid-template-columns:repeat(3,1fr)}
.expert_consultation_block{padding:40px 16px}
.section_title{font-size:26px}
}
@media (max-width: 360px) {
.hero_heading{font-size:26px}
.service_card_item{padding:16px}
.pricing_detail_zone{padding:16px}
.expert_profile_card{padding:16px}
}
.retirement_home{max-width:1440px;margin:0 auto;background:#fff;color:#0F192F}
.retirement_home ::selection{background:#0F192F;color:#fff}
.retirement_home input::placeholder{transition:opacity .28s cubic-bezier(0.34,1.56,0.64,1)}
.retirement_home input:focus::placeholder{opacity:0}
.retirement_home img{display:block;width:100%;height:auto;background:#e5e5e5}
.hero_gradient_wrap{position:relative;background:linear-gradient(to bottom,#08fec326 0%,#fff0 100%);padding:80px 16px;overflow:hidden}
.hero_gradient_wrap::before{content:'';position:absolute;top:-120px;right:-80px;width:380px;height:380px;background:#08fec314;border-radius:48px;filter:blur(60px);z-index:1;pointer-events:none}
.hero_gradient_wrap::after{content:'';position:absolute;bottom:-100px;left:-60px;width:320px;height:320px;background:#e9a1040f;border-radius:48px;filter:blur(80px);z-index:1;pointer-events:none}
.hero_content_grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;position:relative;z-index:2}
.hero_text_block{max-width:680px}
.hero_main_title{font-size:66px;line-height:1.15;margin:0 0 40px;font-weight:700}
.hero_description_text{font-size:16px;line-height:1.6;margin:0 0 16px}
.hero_description_text:last-of-type{margin-bottom:40px}
.hero_cta_button{display:inline-flex;align-items:center;gap:16px;padding:16px 40px;background:#08FEC3;color:#0F192F;text-decoration:none;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:8px;box-shadow:2px 6px 20px 1px #08fec31a;transition:transform .25s cubic-bezier(0.34,1.56,0.64,1),box-shadow .25s cubic-bezier(0.34,1.56,0.64,1)}
.hero_cta_button:hover{transform:translateY(-2px);box-shadow:2px 12px 44px 1px #08fec324}
.hero_cta_button:hover .cta_arrow_icon{transform:translateX(8px)}
.cta_arrow_icon{width:20px;height:20px;transition:transform .3s cubic-bezier(0.68,-0.55,0.27,1.55)}
.hero_image_wrap{position:relative;overflow:hidden;border-radius:22px}
.hero_image_wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(to bottom,#0f192f66 0%,#0f192f00 100%);z-index:1;pointer-events:none}
.hero_main_image{width:100%;height:520px;object-fit:cover;object-position:center}
.services_zigzag_section{padding:80px 16px;background:#fff}
.services_section_header{text-align:center;margin:0 0 80px;max-width:720px;margin-left:auto;margin-right:auto}
.services_main_heading{font-size:26px;line-height:1.4;margin:0 0 16px;font-weight:700;padding-bottom:16px;border-bottom:3px solid #08FEC3;display:inline-block}
.services_intro_text{font-size:16px;line-height:1.6;margin:0}
.zigzag_row_container{display:grid;grid-template-columns:1fr;gap:80px;max-width:1200px;margin:0 auto}
.zigzag_row{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;opacity:0;animation:fadeInRow .32s cubic-bezier(0.34,1.56,0.64,1) forwards}
.zigzag_row:nth-child(1){animation-delay:.1s}
.zigzag_row:nth-child(2){animation-delay:.25s}
@keyframes fadeInRow {
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.zigzag_text_content{order:1}
.zigzag_content_title{font-size:26px;line-height:1.4;margin:0 0 16px;font-weight:700;text-decoration:underline;text-decoration-color:#08FEC3;text-decoration-thickness:2px;text-underline-offset:6px}
.zigzag_content_description{font-size:16px;line-height:1.6;margin:0}
.zigzag_image_holder{position:relative;order:2;border-radius:22px;overflow:hidden}
.zigzag_content_image{width:100%;height:380px;object-fit:cover;object-position:center;display:block}
.zigzag_image_holder::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#ffffffe6 0%,#fff0 100%);pointer-events:none}
.colored_divider_band{height:120px;background:linear-gradient(90deg,#08fec326 0%,#e9a10426 100%)}
.metrics_showcase_section{padding:80px 16px;background:#08fec305}
.metrics_content_wrapper{max-width:1200px;margin:0 auto}
.metrics_section_title{font-size:26px;line-height:1.4;margin:0 0 40px;font-weight:700;text-align:center}
.metrics_grid_display{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px}
.metric_card_item{background:#fff;padding:40px;border-radius:22px;box-shadow:2px 3px 6px 1px #0f192f0d;transition:transform .27s cubic-bezier(0.34,1.56,0.64,1),box-shadow .27s cubic-bezier(0.34,1.56,0.64,1);opacity:0;animation:fadeInMetric .3s cubic-bezier(0.34,1.56,0.64,1) forwards}
.metric_card_item:nth-child(1){animation-delay:.15s}
.metric_card_item:nth-child(2){animation-delay:.3s}
.metric_card_item:nth-child(3){animation-delay:.45s}
@keyframes fadeInMetric {
from{opacity:0;transform:scale(0.95)}
to{opacity:1;transform:scale(1)}
}
.metric_card_item:hover{transform:translateY(-4px);box-shadow:2px 12px 44px 1px #0f192f24}
.metric_value_display{font-size:66px;line-height:1.15;font-weight:700;color:#08FEC3;margin:0 0 8px}
.metric_label_text{font-size:16px;line-height:1.6;margin:0;color:#0F192F}
.testimonials_block_section{padding:80px 16px;background:#fff}
.testimonials_wrapper{max-width:1200px;margin:0 auto}
.testimonials_heading{font-size:26px;line-height:1.4;margin:0 0 40px;font-weight:700;text-align:center;position:relative;padding-bottom:16px}
.testimonials_heading::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:140px;height:3px;background:#E9A104}
.testimonials_flex_container{display:flex;flex-direction:column;gap:40px}
.testimonial_card_box{background:#fff;padding:40px;border-radius:34px;border:2px solid #08fec333;transition:border-color .23s cubic-bezier(0.34,1.56,0.64,1)}
.testimonial_card_box:hover{border-color:#08fec380}
.testimonial_header_row{display:flex;align-items:center;gap:16px;margin:0 0 16px}
.testimonial_avatar_image{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top;box-shadow:2px 3px 6px 1px #0f192f0d}
.testimonial_author_info{flex:1}
.testimonial_author_name{font-size:16px;line-height:1.4;margin:0 0 8px;font-weight:700}
.testimonial_author_role{display:inline-block;font-size:14px;line-height:1.4;margin:0;padding:8px 16px;background:#08FEC3;color:#0F192F;border-radius:34px;font-weight:600}
.testimonial_quote_text{font-size:16px;line-height:1.6;margin:0;font-style:italic}
.contact_form_area{padding:80px 16px;background:linear-gradient(135deg,#e9a10414 0%,#ffffffe6 100%)}
.contact_form_wrapper{max-width:720px;margin:0 auto;background:#fff;padding:40px;border-radius:22px;box-shadow:2px 6px 20px 1px #0f192f1a}
.contact_form_heading{font-size:26px;line-height:1.4;margin:0 0 16px;font-weight:700}
.contact_form_subtext{font-size:16px;line-height:1.6;margin:0 0 40px}
.contact_input_form{display:flex;flex-direction:column;gap:16px}
.form_input_field{padding:16px;font-size:16px;line-height:1.4;border:2px solid #0f192f26;border-radius:8px;transition:border-color .22s cubic-bezier(0.34,1.56,0.64,1),box-shadow .22s cubic-bezier(0.34,1.56,0.64,1);background:#fff;color:#0F192F}
.form_input_field:focus{outline:none;border-color:#08FEC3;box-shadow:2px 3px 6px 1px #08fec30d}
.form_textarea_field{padding:16px;font-size:16px;line-height:1.6;border:2px solid #0f192f26;border-radius:8px;min-height:160px;resize:vertical;transition:border-color .22s cubic-bezier(0.34,1.56,0.64,1),box-shadow .22s cubic-bezier(0.34,1.56,0.64,1);background:#fff;color:#0F192F}
.form_textarea_field:focus{outline:none;border-color:#08FEC3;box-shadow:2px 3px 6px 1px #08fec30d}
.form_submit_button{padding:16px 40px;background:#0F192F;color:#fff;border:none;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:8px;cursor:pointer;transition:background .24s cubic-bezier(0.34,1.56,0.64,1),transform .24s cubic-bezier(0.34,1.56,0.64,1);box-shadow:2px 6px 20px 1px #0f192f1a}
.form_submit_button:hover{background:#08FEC3;color:#0F192F;transform:translateY(-2px)}
@media (min-width: 768px) {
.hero_content_grid{grid-template-columns:1fr 1fr;gap:80px}
.hero_gradient_wrap{padding:120px 40px}
.services_zigzag_section{padding:120px 40px}
.zigzag_row{grid-template-columns:1fr 1fr;gap:80px}
.zigzag_row:nth-child(even) .zigzag_text_content{order:2}
.zigzag_row:nth-child(even) .zigzag_image_holder{order:1}
.metrics_showcase_section{padding:120px 40px}
.testimonials_block_section{padding:120px 40px}
.testimonials_flex_container{flex-direction:row;gap:40px}
.testimonial_card_box{flex:1}
.contact_form_area{padding:120px 40px}
.contact_form_wrapper{padding:80px}
}
@media (min-width: 1024px) {
.hero_gradient_wrap{padding:160px 80px}
.services_zigzag_section{padding:160px 80px}
.metrics_showcase_section{padding:160px 80px}
.testimonials_block_section{padding:160px 80px}
.contact_form_area{padding:160px 80px}
}
.contact_page{background:#FFF;color:#0F192F;max-width:1440px;margin:0 auto}
.contact_page .hero_strip{position:relative;background:linear-gradient(180deg,#fff0 0%,#08fec32e 100%);padding:40px 16px;overflow:hidden}
.contact_page .dot_grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#0f192f14 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:1}
.contact_page .hero_content{position:relative;z-index:2;display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto}
.contact_page .hero_text{flex:1}
.contact_page .hero_title{font-size:66px;line-height:1.15;margin:0 0 16px;font-weight:700}
.contact_page .hero_desc{font-size:16px;line-height:1.6;margin:0;color:#0f192fd9}
.contact_page .hero_visual{width:280px;height:280px;border-radius:34px;overflow:hidden;position:relative;flex-shrink:0}
.contact_page .hero_visual::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,#0f192f99 100%);pointer-events:none}
.contact_page .hero_visual img{width:100%;height:100%;object-fit:cover}
.contact_page .form_wrapper{background:#F8F9FA;padding:80px 16px;position:relative}
.contact_page .form_container{max-width:680px;margin:0 auto}
.contact_page .section_heading{font-size:26px;line-height:1.4;margin:0 0 8px;font-weight:700;text-align:center;position:relative;display:inline-block;width:100%}
.contact_page .section_heading::after{content:'';display:block;width:80px;height:3px;background:#08FEC3;margin:16px auto 0;position:relative}
.contact_page .section_heading::before{content:'';position:absolute;width:8px;height:8px;background:#E9A104;border-radius:50%;left:calc(50% - 48px);bottom:-22px}
.contact_page .section_heading::after::before{content:'';position:absolute;width:8px;height:8px;background:#E9A104;border-radius:50%;right:-12px;top:-2px}
.contact_page .form_intro{font-size:14px;line-height:1.6;text-align:center;margin:16px 0 40px;color:#0f192fbf}
.contact_page .contact_form{background:#FFF;padding:40px;border-radius:22px;box-shadow:2px 6px 20px 1px #0f192f1a}
.contact_page .form_row{margin-bottom:16px}
.contact_page .form_label{display:block;font-size:14px;line-height:1.4;margin-bottom:8px;font-weight:600;color:#0F192F}
.contact_page .form_input{width:100%;padding:16px;border:2px solid #E5E7EB;border-radius:8px;font-size:16px;line-height:1.4;transition:border-color .24s cubic-bezier(0.34,1.56,0.64,1);background:#FFF;color:#0F192F}
.contact_page .form_input:focus{outline:none;border-color:#08FEC3}
.contact_page .form_input::placeholder{color:#0f192f66;transition:opacity .28s cubic-bezier(0.34,1.56,0.64,1)}
.contact_page .form_input:focus::placeholder{opacity:0}
.contact_page .radio_group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.contact_page .radio_option{position:relative}
.contact_page .radio_input{position:absolute;opacity:0;pointer-events:none}
.contact_page .radio_label{display:inline-block;padding:8px 16px;background:#F3F4F6;border:2px solid #E5E7EB;border-radius:22px;font-size:14px;line-height:1.4;cursor:pointer;transition:all .27s cubic-bezier(0.68,-0.55,0.27,1.55);user-select:none}
.contact_page .radio_input:checked + .radio_label{background:#08FEC3;border-color:#08FEC3;color:#0F192F;font-weight:600;transform:scale(1.05)}
.contact_page .radio_label:hover{border-color:#08FEC3;transform:translateY(-2px)}
.contact_page .checkbox_wrapper{margin:16px 0;display:flex;align-items:flex-start;gap:8px}
.contact_page .checkbox_input{width:20px;height:20px;border:2px solid #E5E7EB;border-radius:8px;cursor:pointer;flex-shrink:0;margin-top:2px;transition:all .25s cubic-bezier(0.34,1.56,0.64,1)}
.contact_page .checkbox_input:checked{background:#08FEC3;border-color:#08FEC3}
.contact_page .checkbox_label{font-size:14px;line-height:1.6;color:#0f192fd9;cursor:pointer}
.contact_page .checkbox_label a{color:#0F192F;text-decoration:none;background-image:linear-gradient(120deg,#08FEC3 0%,#08FEC3 100%);background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;transition:background-size .26s cubic-bezier(0.34,1.56,0.64,1)}
.contact_page .checkbox_label a:hover{background-size:100% 100%}
.contact_page .submit_btn{width:100%;padding:16px 40px;background:#0F192F;color:#FFF;border:none;border-radius:8px;font-size:14px;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .29s cubic-bezier(0.68,-0.55,0.27,1.55);box-shadow:2px 3px 6px 1px #0f192f0d;position:relative;overflow:hidden}
.contact_page .submit_btn::after{content:'→';position:absolute;right:40px;top:50%;transform:translateY(-50%);opacity:0;transition:all .32s cubic-bezier(0.34,1.56,0.64,1)}
.contact_page .submit_btn:hover{background:#08FEC3;color:#0F192F;transform:translateY(-2px);box-shadow:2px 12px 44px 1px #0f192f24;padding-right:60px}
.contact_page .submit_btn:hover::after{opacity:1;right:24px}
.contact_page .contact_details{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.contact_page .detail_card{background:#FFF;padding:16px;border-radius:8px;border-left:4px solid transparent;transition:all .24s cubic-bezier(0.34,1.56,0.64,1);box-shadow:2px 3px 6px 1px #0f192f0d}
.contact_page .detail_card:nth-child(1){border-left-color:#08FEC3}
.contact_page .detail_card:nth-child(2){border-left-color:#E9A104}
.contact_page .detail_card:nth-child(3){border-left-color:#0F192F}
.contact_page .detail_card:hover{transform:translateX(8px);box-shadow:2px 6px 20px 1px #0f192f1a}
.contact_page .detail_label{font-size:14px;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;color:#0f192f99}
.contact_page .detail_value{font-size:16px;line-height:1.6;margin:0;color:#0F192F}
.contact_page .detail_value a{color:inherit;text-decoration:none;transition:color .22s cubic-bezier(0.34,1.56,0.64,1)}
.contact_page .detail_value a:hover{color:#08FEC3}
@media (max-width: 768px) {
.contact_page .hero_strip{padding:40px 16px}
.contact_page .hero_content{flex-direction:column;text-align:center}
.contact_page .hero_title{font-size:48px}
.contact_page .hero_visual{width:100%;max-width:320px;height:320px}
.contact_page .contact_form{padding:16px}
.contact_page .form_wrapper{padding:40px 16px}
.contact_page .section_heading{font-size:24px}
.contact_page .contact_details{grid-template-columns:1fr}
}
@media (min-width: 1024px) {
.contact_page .hero_strip{padding:80px 40px}
.contact_page .form_wrapper{padding:80px 40px}
}
.contact_page ::selection{background:#0F192F;color:#FFF}
.about_main{background:#FAFBFC;color:#1A1F2E;max-width:1440px;margin:0 auto;padding:0;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.about_main ::selection{background:#0F192F;color:#FFF}
.about_main input::placeholder{opacity:1;transition:opacity .22s cubic-bezier(0.34,1.56,0.64,1)}
.about_main input:focus::placeholder{opacity:0}
.hero_wrap{padding:80px 16px;position:relative;background:#FFF;overflow:hidden}
.hero_pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;z-index:1}
.hero_pattern_element{position:absolute;width:16px;height:16px;background:#0F192F;border-radius:8px}
.hero_pattern_element:nth-child(1){top:40px;left:8%}
.hero_pattern_element:nth-child(2){top:120px;left:12%}
.hero_pattern_element:nth-child(3){top:200px;left:7%}
.hero_pattern_element:nth-child(4){top:280px;left:11%}
.hero_pattern_element:nth-child(5){top:360px;left:9%}
.hero_pattern_element:nth-child(6){top:80px;right:9%}
.hero_pattern_element:nth-child(7){top:160px;right:13%}
.hero_pattern_element:nth-child(8){top:240px;right:8%}
.hero_pattern_element:nth-child(9){top:320px;right:12%}
.hero_inner{max-width:1200px;margin:0 auto;display:flex;gap:40px;align-items:center;position:relative;z-index:2}
.hero_image_col{flex:0 0 280px;position:relative}
.hero_image_box{position:relative;width:100%;height:360px;border-radius:34px;overflow:hidden;box-shadow:2px 6px 20px 1px #0f192f1a}
.hero_image_box::after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(to left,#0f192fb3,transparent);pointer-events:none}
.hero_image_box img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s cubic-bezier(0.34,1.56,0.64,1)}
.hero_image_box:hover img{transform:scale(1.08)}
.hero_text_zone{flex:1;padding:0 40px 0 0}
.hero_kicker{display:inline-block;font-size:14px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#08FEC3;background:#08fec31f;padding:8px 16px;border-radius:22px;margin:0 0 16px}
.hero_heading{font-size:66px;line-height:1.15;margin:0 0 16px;color:#0F192F}
.hero_description{font-size:16px;line-height:1.6;margin:0;color:#4A5568}
.values_section{padding:80px 16px;background:#F0F4F8;position:relative}
.values_divider_top{position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:2px;background:radial-gradient(ellipse at center,#08FEC3,transparent)}
.values_container{max-width:1200px;margin:0 auto}
.values_header{text-align:center;margin:0 0 80px}
.values_title{font-size:26px;line-height:1.4;color:#0F192F;margin:0 0 16px;padding:0 0 16px;border-bottom:3px solid #08FEC3;display:inline-block}
.values_subtitle{font-size:16px;line-height:1.6;color:#4A5568;margin:0}
.values_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.value_card{background:#FFF;padding:40px;border-radius:34px;box-shadow:2px 3px 6px 1px #0f192f0d;transition:transform .26s cubic-bezier(0.34,1.56,0.64,1),box-shadow .26s cubic-bezier(0.34,1.56,0.64,1);position:relative}
.value_card:hover{transform:translateY(-8px);box-shadow:2px 12px 44px 1px #0f192f24}
.value_icon_wrap{width:48px;height:48px;background:linear-gradient(135deg,#08fec326,#e9a10426);border-radius:22px;display:flex;align-items:center;justify-content:center;margin:0 0 16px}
.value_icon{width:24px;height:24px;fill:none;stroke:#08FEC3;stroke-width:2}
.value_heading{font-size:16px;line-height:1.4;color:#0F192F;margin:0 0 8px;letter-spacing:.04em;text-transform:uppercase}
.value_text{font-size:14px;line-height:1.6;color:#4A5568;margin:0}
.milestone_section{padding:80px 16px;background:#E1F5F1;position:relative;overflow:hidden}
.milestone_wave_pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.06;pointer-events:none}
.milestone_wave_svg{position:absolute;width:100%;height:100%}
.milestone_container{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.milestone_layout{display:flex;gap:80px;align-items:flex-start}
.milestone_content_zone{flex:0 0 60%}
.milestone_heading{font-size:26px;line-height:1.4;color:#0F192F;margin:0 0 40px;text-decoration:underline;text-decoration-color:#08FEC3;text-decoration-thickness:3px;text-underline-offset:8px}
.milestone_list{display:flex;flex-direction:column;gap:40px;margin:0;padding:0;list-style:none}
.milestone_item{display:flex;gap:16px}
.milestone_year{font-size:16px;line-height:1.4;color:#FFF;background:#0F192F;padding:8px 16px;border-radius:22px;flex-shrink:0;letter-spacing:.05em;text-transform:uppercase}
.milestone_detail{flex:1;padding:8px 0 0}
.milestone_detail_text{font-size:14px;line-height:1.6;color:#1A1F2E;margin:0}
.milestone_visual_zone{flex:1;display:flex;flex-direction:column;gap:16px}
.milestone_image_top{width:100%;height:240px;border-radius:34px;overflow:hidden;box-shadow:2px 6px 20px 1px #0f192f1a}
.milestone_image_top img{width:100%;height:100%;object-fit:cover;transition:transform .31s cubic-bezier(0.68,-0.55,0.27,1.55),filter .31s cubic-bezier(0.68,-0.55,0.27,1.55)}
.milestone_image_top:hover img{transform:scale(1.12);filter:brightness(1.1)}
.milestone_image_bottom{width:100%;height:180px;border-radius:34px;overflow:hidden;box-shadow:2px 6px 20px 1px #0f192f1a}
.milestone_image_bottom img{width:100%;height:100%;object-fit:cover;transition:transform .24s cubic-bezier(0.34,1.56,0.64,1),filter .24s cubic-bezier(0.34,1.56,0.64,1)}
.milestone_image_bottom:hover img{transform:scale(1.06);filter:brightness(1.05)}
.milestone_stat_badge{display:flex;align-items:center;gap:16px;background:#FFF;padding:16px 40px;border-radius:48px;box-shadow:2px 3px 6px 1px #0f192f0d}
.milestone_stat_number{font-size:26px;line-height:1.15;color:#08FEC3;font-weight:700}
.milestone_stat_arrow{width:24px;height:2px;background:#E9A104;position:relative}
.milestone_stat_arrow::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid #E9A104;border-top:4px solid transparent;border-bottom:4px solid transparent}
.milestone_stat_result{font-size:26px;line-height:1.15;color:#0F192F;font-weight:700}
.team_section{padding:80px 16px;background:#FFF}
.team_container{max-width:1200px;margin:0 auto}
.team_intro{text-align:center;margin:0 0 80px}
.team_intro_title{font-size:26px;line-height:1.4;color:#0F192F;margin:0 0 16px}
.team_intro_text{font-size:16px;line-height:1.6;color:#4A5568;margin:0 auto;max-width:700px}
.team_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px}
.team_member{background:#F8FAFB;border-radius:34px;padding:40px;box-shadow:2px 3px 6px 1px #0f192f0d;transition:transform .29s cubic-bezier(0.68,-0.55,0.27,1.55),box-shadow .29s cubic-bezier(0.68,-0.55,0.27,1.55)}
.team_member:hover{transform:translateY(-12px);box-shadow:2px 12px 44px 1px #0f192f24}
.team_photo_container{width:100%;aspect-ratio:7/9;border-radius:34px;overflow:hidden;margin:0 0 16px;background:#E5E8EB}
.team_photo_container img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .33s cubic-bezier(0.34,1.56,0.64,1)}
.team_member:hover .team_photo_container img{transform:scale(1.1)}
.team_name{font-size:16px;line-height:1.4;color:#0F192F;margin:0 0 8px}
.team_role{font-size:14px;line-height:1.4;color:#FFF;background:#08FEC3;padding:8px 16px;border-radius:22px;display:inline-block;margin:0 0 16px}
.team_bio{font-size:14px;line-height:1.6;color:#4A5568;margin:0}
.team_bio a{color:#08FEC3;text-decoration:wavy underline;text-decoration-color:#08FEC3;text-underline-offset:4px;transition:color .2s cubic-bezier(0.34,1.56,0.64,1)}
.team_bio a:hover{color:#0F192F}
.closing_section{padding:80px 16px;background:linear-gradient(135deg,#F0F9FF,#F8FAFB)}
.closing_container{max-width:800px;margin:0 auto;text-align:center}
.closing_title{font-size:26px;line-height:1.4;color:#0F192F;margin:0 0 40px}
.closing_images_row{display:flex;gap:16px;margin:0 0 40px}
.closing_image_slot{flex:1;height:200px;border-radius:34px;overflow:hidden;box-shadow:2px 6px 20px 1px #0f192f1a}
.closing_image_slot img{width:100%;height:100%;object-fit:cover;transition:transform .27s cubic-bezier(0.68,-0.55,0.27,1.55),opacity .27s cubic-bezier(0.68,-0.55,0.27,1.55)}
.closing_image_slot:hover img{transform:scale(1.08);opacity:.9}
.closing_text{font-size:16px;line-height:1.6;color:#4A5568;margin:0 0 40px}
.closing_contact_link{display:inline-block;font-size:16px;line-height:1.4;color:#FFF;background:#0F192F;padding:16px 40px;border-radius:48px;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;box-shadow:2px 6px 20px 1px #0f192f1a;transition:transform .25s cubic-bezier(0.34,1.56,0.64,1),box-shadow .25s cubic-bezier(0.34,1.56,0.64,1),background .25s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.closing_contact_link::after{content:'→';position:absolute;right:40px;top:50%;transform:translate(0,-50%);opacity:0;transition:transform .25s cubic-bezier(0.34,1.56,0.64,1),opacity .25s cubic-bezier(0.34,1.56,0.64,1)}
.closing_contact_link:hover{transform:translateY(-4px);box-shadow:2px 12px 44px 1px #0f192f24;background:#08FEC3;color:#0F192F;padding-right:56px}
.closing_contact_link:hover::after{opacity:1;transform:translate(8px,-50%)}
@media (max-width: 1024px) {
.hero_inner{flex-direction:column}
.hero_image_col{flex:0 0 auto;width:100%;max-width:400px}
.hero_text_zone{padding:0}
.hero_heading{font-size:26px}
.values_grid{grid-template-columns:1fr}
.milestone_layout{flex-direction:column;gap:40px}
.milestone_content_zone{flex:1}
.team_grid{grid-template-columns:1fr}
.closing_images_row{flex-direction:column}
.closing_image_slot{height:240px}
}
@media (max-width: 768px) {
.about_main{padding:0}
.hero_wrap{padding:40px 16px}
.hero_heading{font-size:26px}
.values_section{padding:40px 16px}
.values_header{margin:0 0 40px}
.values_title{font-size:16px}
.value_card{padding:16px}
.milestone_section{padding:40px 16px}
.milestone_heading{font-size:16px;margin:0 0 16px}
.milestone_list{gap:16px}
.milestone_stat_badge{padding:16px}
.team_section{padding:40px 16px}
.team_intro{margin:0 0 40px}
.team_intro_title{font-size:16px}
.team_member{padding:16px}
.closing_section{padding:40px 16px}
.closing_title{font-size:16px}
.closing_images_row{margin:0 0 16px}
.closing_text{margin:0 0 16px}
}
@media (max-width: 360px) {
.hero_heading{font-size:26px}
.values_grid{gap:16px}
.milestone_stat_badge{flex-direction:column;gap:8px}
.closing_contact_link{padding:16px;font-size:14px}
}
.success_wrapper{max-width:1440px;margin:0 auto;background:#fff;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.success_wrapper ::selection{background:#0F192F;color:#fff}
.success_wrapper input::placeholder,.success_wrapper textarea::placeholder{opacity:1;transition:opacity .28s cubic-bezier(0.34,1.56,0.64,1)}
.success_wrapper input:focus::placeholder,.success_wrapper textarea:focus::placeholder{opacity:0}
.confirmation_hero{position:relative;padding:80px 16px;background:linear-gradient(135deg,#f8fffe 0%,#e8f9f6 100%);overflow:hidden}
.confirmation_hero::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:40px;background:radial-gradient(circle at 50% 0%,transparent 0%,transparent 20px,#fff 20px,#fff 40px);background-size:80px 40px;background-repeat:repeat-x}
.success_content_container{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.confirmation_badge{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 40px;background:#08FEC3;border-radius:48px;box-shadow:2px 12px 44px 1px #08fec324;position:relative;animation:badge_arrival .32s cubic-bezier(0.34,1.56,0.64,1) forwards}
@keyframes badge_arrival {
0%{transform:scale(0.4) rotate(-12deg);opacity:0}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.confirmation_badge::before{content:'';position:absolute;top:50%;left:50%;width:30px;height:50px;border-right:6px solid #0F192F;border-bottom:6px solid #0F192F;transform:translate(-60%,-60%) rotate(45deg)}
.success_headline{font-size:66px;line-height:1.15;color:#0F192F;margin:0 0 16px;letter-spacing:-.02em}
.success_message_text{font-size:16px;line-height:1.6;color:#0F192F;margin:0 0 40px;opacity:.8}
.reference_details_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:40px 0 0}
.detail_card{background:#fff;padding:40px;border-radius:22px;box-shadow:2px 6px 20px 1px #0f192f1a;text-align:left;position:relative;transition:transform .24s cubic-bezier(0.34,1.56,0.64,1),box-shadow .24s cubic-bezier(0.34,1.56,0.64,1)}
.detail_card:hover{transform:translateY(-4px);box-shadow:2px 12px 44px 1px #0f192f24}
.detail_label{font-size:14px;line-height:1.4;color:#0F192F;opacity:.6;margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em}
.detail_value{font-size:26px;line-height:1.4;color:#0F192F;margin:0;font-weight:600}
.numbered_sequence_badge{position:absolute;top:-12px;right:-12px;width:40px;height:40px;background:#E9A104;color:#0F192F;border-radius:34px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:2px 6px 20px 1px #e9a1041a}
.next_actions_block{margin:80px 0 0;text-align:center}
.actions_heading{font-size:26px;line-height:1.4;color:#0F192F;margin:0 0 40px;position:relative;display:inline-block}
.actions_heading::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:#08FEC3;border-radius:8px}
.action_options_list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.action_item{display:inline-block}
.action_link_styled{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:#08FEC3;color:#0F192F;text-decoration:none;border-radius:8px;font-size:14px;line-height:1.4;font-weight:600;text-transform:uppercase;letter-spacing:.08em;box-shadow:2px 3px 6px 1px #08fec30d;transition:transform .22s cubic-bezier(0.34,1.56,0.64,1),box-shadow .22s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.action_link_styled:hover{transform:translateY(-2px);box-shadow:2px 12px 44px 1px #08fec324}
.action_link_styled::after{content:'';position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid #0F192F;border-top:2px solid #0F192F;transform:translateY(-50%) rotate(45deg);transition:right .26s cubic-bezier(0.68,-0.55,0.27,1.55)}
.action_link_styled:hover::after{right:12px}
.secondary_action_link{background:transparent;color:#0F192F;box-shadow:none;border:2px solid #0F192F}
.secondary_action_link:hover{background:#0F192F;color:#fff}
.secondary_action_link::after{border-color:#0F192F}
.secondary_action_link:hover::after{border-color:#fff}
.email_notice_block{margin:80px 0 0;padding:40px;background:#0F192F;border-radius:34px;position:relative}
.dual_format_container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.text_format_column{color:#fff}
.notice_subheading{font-size:26px;line-height:1.4;color:#08FEC3;margin:0 0 16px}
.notice_description{font-size:16px;line-height:1.6;color:#fff;margin:0;opacity:.9}
.visual_format_column{position:relative;display:flex;align-items:center;justify-content:center}
.envelope_visual{width:180px;height:140px;position:relative;animation:envelope_float 3s cubic-bezier(0.34,1.56,0.64,1) infinite}
@keyframes envelope_float {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.envelope_base{width:100%;height:100%;background:#fff;border-radius:8px;position:relative;box-shadow:2px 6px 20px 1px #08fec31a}
.envelope_flap{position:absolute;top:0;left:0;width:100%;height:60%;background:#08FEC3;border-radius:8px 8px 0 0;clip-path:polygon(0 0,50% 60%,100% 0);transform-origin:top center}
.envelope_detail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:3px;background:#0F192F;border-radius:8px;opacity:.3}
.envelope_detail:nth-child(2){top:60%;width:50%}
.envelope_detail:nth-child(3){top:70%;width:40%}
@media (max-width: 1024px) {
.success_headline{font-size:48px}
.confirmation_badge{width:100px;height:100px}
.dual_format_container{grid-template-columns:1fr;gap:40px}
.visual_format_column{order:-1}
}
@media (max-width: 768px) {
.confirmation_hero{padding:80px 16px}
.success_headline{font-size:40px}
.reference_details_grid{grid-template-columns:1fr}
.action_options_list{flex-direction:column;align-items:stretch}
.action_link_styled{justify-content:center}
.email_notice_block{padding:40px 16px}
}
@media (max-width: 360px) {
.success_headline{font-size:32px}
.confirmation_badge{width:80px;height:80px}
.detail_card{padding:16px}
}