*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'EB Garamond',serif;background-color:#fff;color:#1a1a1a;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.top_nav_strip{background:linear-gradient(135deg,#F4F3F3 0%,#fff 100%);border-bottom:1px solid #e0e0e0;padding:12px 0}
.nav_strip_container{max-width:1536px;margin:0 auto;padding:0 24px}
.main_site_nav{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}
.main_site_nav .nav_link{color:#053B4B;text-decoration:none;font-size:17px;font-weight:400;padding:8px 12px;border-radius:6px;transition:background-color .25s ease,color .25s ease}
.main_site_nav .nav_link:hover{background-color:#03C062;color:#fff}
.brand_header_row{background-color:#fff;padding:32px 0;border-bottom:1px solid #e0e0e0}
.brand_container{max-width:1536px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.logo_wrapper{flex-shrink:0}
.site_logo{width:120px;height:120px;object-fit:contain;background-color:#F4F3F3;padding:12px;border-radius:8px;box-shadow:0 4px 12px #03c0621a}
.brand_text_block{display:flex;flex-direction:column;gap:6px}
.site_brand_name{font-size:36px;font-weight:700;color:#053B4B;line-height:1.2}
.brand_tagline{font-size:18px;color:#666;font-weight:400}
.utility_footer_strip{background-color:#F4F3F3;border-top:1px solid #e0e0e0;padding:16px 0}
.utility_strip_container{max-width:1536px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.utility_links_group{display:flex;gap:24px}
.utility_link{color:#053B4B;text-decoration:none;font-size:15px;transition:color .25s ease}
.utility_link:hover{color:#03C062}
.contact_info_block{display:flex;gap:16px;flex-wrap:wrap}
.contact_email{color:#666;font-size:15px}
.main_footer_body{background-color:#fff;padding:48px 0 32px;border-top:1px solid #e0e0e0}
.footer_content_container{max-width:1536px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px}
.footer_navigation_group{flex:1;min-width:200px}
.footer_section_heading{font-size:20px;font-weight:700;color:#053B4B;margin-bottom:16px}
.footer_links_wrapper{display:flex;flex-direction:column;gap:12px}
.footer_nav_link{color:#1a1a1a;text-decoration:none;font-size:16px;transition:color .25s ease}
.footer_nav_link:hover{color:#03C062}
.footer_info_group{flex:1;min-width:200px;display:flex;align-items:flex-end}
.footer_copyright{color:#666;font-size:15px}
.cookie_consent_popup{position:fixed;top:24px;right:24px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;max-width:340px;box-shadow:0 8px 20px #053b4b26;z-index:10000;transition:none}
.cookie_consent_popup[data-state="hidden"]{display:none}
.cookie_consent_popup[data-state="visible"]{display:block}
.consent_content_wrapper{display:flex;flex-direction:column;gap:16px}
.consent_message_text{font-size:16px;color:#1a1a1a;line-height:1.5}
.consent_actions_group{display:flex;gap:12px;flex-wrap:wrap}
.consent_action_btn{background:none;border:none;color:#053B4B;font-family:'EB Garamond',serif;font-size:16px;text-decoration:underline;cursor:pointer;padding:4px 0;transition:color .25s ease}
.consent_action_btn:hover{color:#03C062}
.customize_toggle_btn{background:none;border:none;color:#666;font-family:'EB Garamond',serif;font-size:14px;text-decoration:underline;cursor:pointer;padding:4px 0;align-self:flex-start;transition:color .25s ease}
.customize_toggle_btn:hover{color:#03C062}
.customize_options_panel{display:none;flex-direction:column;gap:12px;padding-top:8px;border-top:1px solid #e0e0e0}
.customize_options_panel[data-visible="true"]{display:flex}
.cookie_option_label{display:flex;align-items:center;gap:8px;font-size:15px;color:#1a1a1a;cursor:pointer}
.cookie_checkbox{width:18px;height:18px;cursor:pointer}
@media (max-width: 768px) {
.main_site_nav{gap:16px}
.main_site_nav .nav_link{font-size:16px;padding:6px 10px}
.brand_container{justify-content:center;text-align:center}
.site_logo{width:90px;height:90px}
.site_brand_name{font-size:28px}
.brand_tagline{font-size:16px}
.utility_strip_container{flex-direction:column;align-items:flex-start}
.footer_content_container{flex-direction:column}
.footer_info_group{align-items:flex-start}
.cookie_consent_popup{top:12px;right:12px;left:12px;max-width:none}
}
@media (max-width: 480px) {
.main_site_nav{flex-direction:column;align-items:center;gap:8px}
.site_brand_name{font-size:24px}
.brand_tagline{font-size:15px}
}
@media (min-width: 1280px) {
.site_brand_name{font-size:42px}
.brand_tagline{font-size:20px}
}
@media (min-width: 1920px) {
.nav_strip_container,.brand_container,.utility_strip_container,.footer_content_container{max-width:1536px}
}
.policy-xvct-frame{max-width:1536px;margin:0 auto;padding:60px 24px;background:#fff}
.policy-xvct-frame h1{font-size:42px;line-height:1.2;font-weight:700;color:#053B4B;margin:0 0 48px;letter-spacing:-.5px}
.policy-xvct-frame h2{font-size:32px;line-height:1.3;font-weight:600;color:#053B4B;margin:56px 0 24px;letter-spacing:-.3px}
.policy-xvct-frame h3{font-size:24px;line-height:1.4;font-weight:600;color:#053B4B;margin:40px 0 20px}
.policy-xvct-frame h4{font-size:20px;line-height:1.5;font-weight:600;color:#053B4B;margin:32px 0 16px}
.policy-xvct-frame h5{font-size:18px;line-height:1.5;font-weight:600;color:#053B4B;margin:28px 0 14px}
.policy-xvct-frame h6{font-size:16px;line-height:1.6;font-weight:600;color:#053B4B;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.policy-xvct-frame p{font-size:17px;line-height:1.8;color:#1a1a1a;margin:0 0 20px}
.policy-xvct-frame ul{list-style-type:disc;margin:0 0 24px;padding:0 0 0 28px}
.policy-xvct-frame ol{list-style-type:decimal;margin:0 0 24px;padding:0 0 0 28px}
.policy-xvct-frame li{font-size:17px;line-height:1.8;color:#1a1a1a;margin:0 0 12px;padding-left:8px}
.policy-xvct-frame li ul{margin:12px 0}
.policy-xvct-frame li ol{margin:12px 0}
.policy-xvct-frame li ul li{list-style-type:circle}
.policy-xvct-frame li li{margin:8px 0}
.policy-xvct-frame em{font-style:italic;color:#1a1a1a}
.policy-xvct-frame i{font-style:italic;color:#1a1a1a}
.policy-xvct-frame strong{font-weight:600;color:#053B4B}
.policy-xvct-frame b{font-weight:600;color:#053B4B}
.policy-xvct-frame a{color:#03C062;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease,color .3s ease}
.policy-xvct-frame a:hover{color:#053B4B;border-bottom-color:#053B4B}
.policy-xvct-frame a:focus{outline:2px solid #03C062;outline-offset:2px}
.policy-xvct-frame div{margin:0 0 20px}
.policy-xvct-frame div p:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.policy-xvct-frame{padding:48px 20px}
.policy-xvct-frame h1{font-size:36px;margin-bottom:40px}
.policy-xvct-frame h2{font-size:28px;margin-top:48px}
.policy-xvct-frame h3{font-size:22px}
.policy-xvct-frame h4{font-size:19px}
}
@media (max-width: 768px) {
.policy-xvct-frame{padding:40px 18px}
.policy-xvct-frame h1{font-size:32px;margin-bottom:32px}
.policy-xvct-frame h2{font-size:26px;margin-top:40px;margin-bottom:20px}
.policy-xvct-frame h3{font-size:21px;margin-top:32px}
.policy-xvct-frame h4{font-size:18px;margin-top:28px}
.policy-xvct-frame h5{font-size:17px}
.policy-xvct-frame h6{font-size:15px}
.policy-xvct-frame p{font-size:16px;line-height:1.75}
.policy-xvct-frame li{font-size:16px;line-height:1.75}
.policy-xvct-frame ul{padding-left:24px}
.policy-xvct-frame ol{padding-left:24px}
}
@media (max-width: 480px) {
.policy-xvct-frame{padding:32px 16px}
.policy-xvct-frame h1{font-size:28px;margin-bottom:28px}
.policy-xvct-frame h2{font-size:24px;margin-top:36px;margin-bottom:18px}
.policy-xvct-frame h3{font-size:20px;margin-top:28px;margin-bottom:16px}
.policy-xvct-frame h4{font-size:18px;margin-top:24px}
.policy-xvct-frame p{font-size:15px;margin-bottom:18px}
.policy-xvct-frame li{font-size:15px}
.policy-xvct-frame ul{padding-left:20px;margin-bottom:20px}
.policy-xvct-frame ol{padding-left:20px;margin-bottom:20px}
}
.reading_progress_bar{position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#03C062 0%,#053B4B 100%);z-index:9999;transition:width .15s ease-out}
.article_hero_wrapper{background:linear-gradient(135deg,#F4F3F3 0%,#fff 100%);padding:80px 24px 60px;border-bottom:1px solid #e0e0e0}
.article_hero_wrapper .hero_content_container{max-width:1536px;margin:0 auto}
.article_hero_wrapper .article_meta_strip{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.article_hero_wrapper .readtime_badge{background:#03C062;color:#fff;padding:6px 14px;border-radius:6px;font-size:14px;font-weight:600}
.article_hero_wrapper .author_label{color:#053B4B;font-size:15px;font-weight:500}
.article_hero_wrapper .main_article_heading{font-size:48px;line-height:1.2;color:#053B4B;margin:0;font-weight:700}
.article_featured_image_section{max-width:1536px;margin:0 auto;padding:0 24px}
.article_featured_image_section .featured_img_wrapper{margin:-40px auto 60px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #053b4b1f;border:1px solid #e0e0e0}
.article_featured_image_section .featured_img_wrapper img{width:100%;height:auto;display:block}
.article_body_container{max-width:920px;margin:0 auto;padding:0 24px 80px}
.article_body_container .content_wrapper{background:#fff;padding:48px;border-radius:8px;border:1px solid #e8e8e8}
.article_body_container .content_wrapper p{font-size:18px;line-height:1.8;color:#2c2c2c;margin:0 0 24px}
.article_body_container .content_wrapper h2{font-size:32px;line-height:1.3;color:#053B4B;margin:48px 0 20px;font-weight:700;position:relative;padding-left:20px}
.article_body_container .content_wrapper h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:28px;background:linear-gradient(180deg,#03C062 0%,#053B4B 100%);border-radius:3px}
.article_body_container .content_wrapper h2:first-child{margin-top:0}
.article_body_container .content_wrapper ins{background:linear-gradient(120deg,transparent 0%,#03C062 0%,#03C062 100%,transparent 100%);background-size:100% 40%;background-position:0 85%;background-repeat:no-repeat;text-decoration:none;padding:0 4px}
.article_body_container .content_wrapper mark{background:#F4F3F3;color:#053B4B;padding:3px 8px;border-radius:4px;font-weight:600}
.article_body_container .content_wrapper ol{margin:24px 0;padding-left:28px}
.article_body_container .content_wrapper ol li{font-size:18px;line-height:1.8;color:#2c2c2c;margin-bottom:16px;padding-left:12px}
.article_body_container .content_wrapper ol li::marker{color:#03C062;font-weight:700}
.article_body_container .content_wrapper table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}
.article_body_container .content_wrapper table caption{font-size:16px;font-weight:600;color:#053B4B;text-align:left;padding:16px;background:#F4F3F3}
.article_body_container .content_wrapper table thead{background:linear-gradient(135deg,#053B4B 0%,#03C062 100%)}
.article_body_container .content_wrapper table th{padding:16px;text-align:left;font-size:16px;font-weight:600;color:#fff}
.article_body_container .content_wrapper table tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.article_body_container .content_wrapper table tbody tr:hover{background:#F4F3F3}
.article_body_container .content_wrapper table tbody tr:last-child{border-bottom:none}
.article_body_container .content_wrapper table td{padding:16px;font-size:16px;color:#2c2c2c}
.article_body_container .content_wrapper table tfoot td{padding:16px;background:#F4F3F3;font-weight:600;color:#053B4B;border-top:2px solid #03C062}
.cta_bottom_section{background:linear-gradient(135deg,#053B4B 0%,#03C062 100%);padding:80px 24px;margin-top:40px}
.cta_bottom_section .cta_inner_container{max-width:1536px;margin:0 auto;text-align:center}
.cta_bottom_section .cta_heading_text{font-size:36px;line-height:1.3;color:#fff;margin:0 0 16px;font-weight:700}
.cta_bottom_section .cta_description_text{font-size:18px;line-height:1.6;color:#fff;opacity:.9;margin:0 0 32px;max-width:680px;margin-left:auto;margin-right:auto}
.cta_bottom_section .cta_button_primary{display:inline-block;background:#fff;color:#053B4B;padding:16px 40px;border-radius:8px;font-size:17px;font-weight:700;text-decoration:none;transition:all .3s ease;border:2px solid #fff}
.cta_bottom_section .cta_button_primary:hover{background:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}
@media (max-width: 1024px) {
.article_hero_wrapper{padding:60px 20px 50px}
.article_hero_wrapper .main_article_heading{font-size:36px}
.article_body_container .content_wrapper{padding:32px 24px}
.article_body_container .content_wrapper h2{font-size:28px}
.cta_bottom_section .cta_heading_text{font-size:30px}
}
@media (max-width: 768px) {
.article_hero_wrapper{padding:50px 16px 40px}
.article_hero_wrapper .main_article_heading{font-size:28px}
.article_hero_wrapper .article_meta_strip{gap:12px}
.article_featured_image_section{padding:0 16px}
.article_featured_image_section .featured_img_wrapper{margin:-30px auto 40px}
.article_body_container{padding:0 16px 60px}
.article_body_container .content_wrapper{padding:24px 20px}
.article_body_container .content_wrapper p{font-size:16px}
.article_body_container .content_wrapper h2{font-size:24px;margin:36px 0 16px;padding-left:16px}
.article_body_container .content_wrapper h2::before{height:24px}
.article_body_container .content_wrapper ol li{font-size:16px}
.article_body_container .content_wrapper table{font-size:14px}
.article_body_container .content_wrapper table th,.article_body_container .content_wrapper table td{padding:12px;font-size:14px}
.cta_bottom_section{padding:60px 16px}
.cta_bottom_section .cta_heading_text{font-size:24px}
.cta_bottom_section .cta_description_text{font-size:16px}
.cta_bottom_section .cta_button_primary{padding:14px 32px;font-size:16px}
}
@media (max-width: 480px) {
.article_hero_wrapper .main_article_heading{font-size:24px}
.article_body_container .content_wrapper h2{font-size:22px}
.cta_bottom_section .cta_heading_text{font-size:22px}
}
.index_hero_section{background:linear-gradient(135deg,#F4F3F3 0%,#fff 100%);padding:80px 20px 60px;border-bottom:1px solid #e0e0e0}
.index_hero_section .main_content_wrapper{max-width:1536px;margin:0 auto}
.index_hero_section .intro_headline{font-size:46px;line-height:1.2;margin:0 0 24px;color:#053B4B;font-weight:700}
.index_hero_section .intro_text_block{font-size:19px;line-height:1.65;color:#2c3e50;max-width:720px;margin-bottom:32px}
.index_hero_section .intro_text_block p{margin:0 0 16px}
.index_hero_section .intro_text_block p:last-child{margin-bottom:0}
.archive_growth_section{padding:70px 20px;background:#fff}
.archive_growth_section .content_container{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.archive_growth_section .section_header{font-size:34px;line-height:1.3;color:#053B4B;margin:0 0 20px;font-weight:600}
.archive_growth_section .growth_description{font-size:17px;line-height:1.7;color:#34495e}
.archive_growth_section .visual_component{position:relative}
.archive_growth_section .visual_component img{width:100%;height:420px;object-fit:cover;border-radius:8px;border:1px solid #e5e5e5}
.posts_listing_area{background:linear-gradient(180deg,#F4F3F3 0%,#fff 100%);padding:80px 20px}
.posts_listing_area .listing_wrapper{max-width:1536px;margin:0 auto}
.posts_listing_area .listing_title{font-size:38px;line-height:1.25;color:#053B4B;margin:0 0 50px;font-weight:700;text-align:center}
.posts_listing_area .posts_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.posts_listing_area .post_card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}
.posts_listing_area .post_card:hover{box-shadow:0 8px 16px #03c0621f;transform:translateY(-4px)}
.posts_listing_area .post_card .card_image{width:100%;height:280px;object-fit:cover}
.posts_listing_area .post_card .card_content{padding:28px;flex:1;display:flex;flex-direction:column}
.posts_listing_area .post_card .post_meta{display:flex;gap:16px;margin-bottom:16px;font-size:14px;color:#7f8c8d}
.posts_listing_area .post_card .post_title{font-size:24px;line-height:1.35;margin:0 0 14px;color:#053B4B;font-weight:600}
.posts_listing_area .post_card .post_title_link{color:inherit;text-decoration:none;transition:color .2s ease}
.posts_listing_area .post_card .post_title_link:hover{color:#03C062}
.posts_listing_area .post_card .post_excerpt{font-size:16px;line-height:1.65;color:#555;margin-bottom:20px;flex:1}
.posts_listing_area .post_card .card_footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}
.posts_listing_area .post_card .author_name{font-size:15px;color:#2c3e50;font-weight:500}
.posts_listing_area .post_card .read_link{font-size:15px;color:#03C062;text-decoration:none;font-weight:500;transition:color .2s ease;position:relative;z-index:10}
.posts_listing_area .post_card .read_link:hover{color:#053B4B}
.connections_section{padding:70px 20px;background:#fff;border-top:1px solid #e5e5e5}
.connections_section .section_wrapper{max-width:1536px;margin:0 auto}
.connections_section .section_headline{font-size:36px;line-height:1.3;color:#053B4B;margin:0 0 36px;font-weight:600}
.connections_section .topics_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.connections_section .topic_item{background:linear-gradient(135deg,#F4F3F3 0%,#fff 100%);padding:28px;border-radius:8px;border:1px solid #e8e8e8}
.connections_section .topic_item::before{content:'';display:block;width:40px;height:4px;background:#03C062;margin-bottom:20px;border-radius:2px}
.connections_section .topic_name{font-size:20px;line-height:1.4;color:#053B4B;margin:0 0 12px;font-weight:600}
.connections_section .topic_description{font-size:16px;line-height:1.65;color:#555;margin:0}
.editorial_voice_section{padding:70px 20px;background:linear-gradient(135deg,#053B4B 0%,#0a5266 100%);color:#fff}
.editorial_voice_section .voice_container{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:2fr 3fr;gap:60px;align-items:center}
.editorial_voice_section .voice_visual{position:relative}
.editorial_voice_section .voice_visual img{width:100%;height:450px;object-fit:cover;border-radius:8px;border:2px solid #ffffff26}
.editorial_voice_section .voice_content_area .voice_title{font-size:38px;line-height:1.25;margin:0 0 24px;font-weight:700}
.editorial_voice_section .voice_content_area .voice_text{font-size:18px;line-height:1.7;color:#e8f5f1}
.editorial_voice_section .voice_content_area .voice_text p{margin:0 0 18px}
.editorial_voice_section .voice_content_area .voice_text p:last-child{margin-bottom:0}
.editorial_picks_section{padding:80px 20px;background:#F4F3F3}
.editorial_picks_section .picks_wrapper{max-width:1536px;margin:0 auto}
.editorial_picks_section .picks_header{margin-bottom:50px}
.editorial_picks_section .picks_main_title{font-size:40px;line-height:1.2;color:#053B4B;margin:0 0 16px;font-weight:700}
.editorial_picks_section .picks_intro{font-size:18px;line-height:1.6;color:#555;max-width:680px}
.editorial_picks_section .picks_list{display:flex;flex-direction:column;gap:32px}
.editorial_picks_section .pick_item{background:#fff;padding:32px;border-radius:8px;border-left:4px solid #03C062;box-shadow:0 2px 8px #053b4b0f;display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;transition:all .3s ease}
.editorial_picks_section .pick_item:hover{box-shadow:0 6px 16px #053b4b1f;border-left-color:#053B4B}
.editorial_picks_section .pick_item .pick_image{width:180px;height:120px;object-fit:cover;border-radius:6px;border:1px solid #e5e5e5}
.editorial_picks_section .pick_item .pick_content_block .pick_label{display:inline-block;background:#03C062;color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:4px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.editorial_picks_section .pick_item .pick_title_text{font-size:22px;line-height:1.35;color:#053B4B;margin:0 0 10px;font-weight:600}
.editorial_picks_section .pick_item .pick_reasoning{font-size:16px;line-height:1.65;color:#555;margin:0}
@media (max-width: 1024px) {
.archive_growth_section .content_container{grid-template-columns:1fr;gap:40px}
.posts_listing_area .posts_grid{grid-template-columns:1fr;gap:32px}
.connections_section .topics_grid{grid-template-columns:repeat(2,1fr);gap:24px}
.editorial_voice_section .voice_container{grid-template-columns:1fr;gap:40px}
.editorial_picks_section .pick_item{grid-template-columns:1fr}
.editorial_picks_section .pick_item .pick_image{width:100%;height:220px}
}
@media (max-width: 768px) {
.index_hero_section{padding:60px 20px 50px}
.index_hero_section .intro_headline{font-size:34px}
.index_hero_section .intro_text_block{font-size:17px}
.archive_growth_section{padding:50px 20px}
.archive_growth_section .section_header{font-size:28px}
.archive_growth_section .visual_component img{height:320px}
.posts_listing_area{padding:60px 20px}
.posts_listing_area .listing_title{font-size:32px;margin-bottom:40px}
.connections_section{padding:50px 20px}
.connections_section .section_headline{font-size:30px}
.connections_section .topics_grid{grid-template-columns:1fr}
.editorial_voice_section{padding:50px 20px}
.editorial_voice_section .voice_content_area .voice_title{font-size:32px}
.editorial_voice_section .voice_visual img{height:320px}
.editorial_picks_section{padding:60px 20px}
.editorial_picks_section .picks_main_title{font-size:32px}
}
@media (max-width: 480px) {
.index_hero_section .intro_headline{font-size:28px}
.archive_growth_section .section_header{font-size:24px}
.posts_listing_area .listing_title{font-size:28px}
.posts_listing_area .post_card .post_title{font-size:21px}
.connections_section .section_headline{font-size:26px}
.editorial_voice_section .voice_content_area .voice_title{font-size:28px}
.editorial_picks_section .picks_main_title{font-size:28px}
.editorial_picks_section .pick_item .pick_title_text{font-size:20px}
}
.intro_wrapper{max-width:1536px;margin:0 auto;padding:80px 24px;position:relative;overflow:hidden}
.intro_wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,transparent 0%,transparent 48%,#03c06208 48%,#03c06208 50%,transparent 50%,transparent 98%,#03c06208 98%,#03c06208 100%);background-size:100% 4px;animation:scanline_drift 8s linear infinite;pointer-events:none;z-index:1}
@keyframes scanline_drift {
0%{transform:translateY(0)}
100%{transform:translateY(100px)}
}
.intro_content_grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;position:relative;z-index:2}
.intro_image_holder{position:relative;width:100%;aspect-ratio:1/1.2}
.intro_image_holder img{width:100%;height:100%;object-fit:cover;clip-path:polygon(30% 0%,100% 0%,100% 70%,70% 100%,0% 100%,0% 30%);opacity:.85}
.intro_text_stack h1{font-size:2.8rem;line-height:1.15;margin:0 0 32px;color:#053B4B}
.intro_text_stack h1 span{display:block}
.intro_text_stack h1 span:nth-child(1){font-weight:400;font-size:.7em}
.intro_text_stack h1 span:nth-child(2){font-weight:500;font-size:.85em;margin-top:8px}
.intro_text_stack h1 span:nth-child(3){font-weight:700;font-size:1em;margin-top:12px}
.intro_text_stack p{font-size:1.05rem;line-height:1.7;color:#053B4B;margin:0 0 20px}
.story_section{max-width:1536px;margin:0 auto;padding:100px 24px;background:linear-gradient(135deg,#F4F3F3 0%,#03c0620f 100%)}
.story_container{display:flex;gap:80px;align-items:flex-start}
.story_image_cluster{flex:0 0 420px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.story_image_cluster img{width:100%;height:240px;object-fit:cover;border:2px solid #053B4B}
.story_image_cluster img:first-child{grid-column:1 / -1;height:200px}
.story_text_body{flex:1}
.story_text_body h2{font-size:2.2rem;font-weight:600;color:#053B4B;margin:0 0 40px;position:relative;padding-left:28px}
.story_text_body h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#03C062 0%,#053B4B 100%)}
.story_text_body p{font-size:1.05rem;line-height:1.75;color:#053B4B;margin:0 0 24px}
.approach_block{max-width:1536px;margin:0 auto;padding:100px 24px}
.approach_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.approach_grid h2{grid-column:1 / -1;font-size:2.4rem;font-weight:700;color:#053B4B;margin:0 0 20px;text-align:center}
.approach_card{background:#F4F3F3;padding:40px 32px;border-left:4px solid #03C062;position:relative;transition:all .3s ease}
.approach_card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 6px 16px #03c0621f;opacity:0;transition:opacity .3s ease;z-index:-1}
.approach_card:hover::after{opacity:1}
.approach_card h3{font-size:1.4rem;font-weight:600;color:#053B4B;margin:0 0 16px}
.approach_card p{font-size:1rem;line-height:1.7;color:#053B4B;margin:0}
.expertise_showcase{max-width:1536px;margin:0 auto;padding:100px 24px;background:linear-gradient(90deg,#053b4b0a 0%,transparent 50%,#03c0620a 100%)}
.expertise_showcase h2{font-size:2.4rem;font-weight:700;color:#053B4B;margin:0 0 60px;text-align:center;position:relative}
.expertise_showcase h2::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#053B4B 0%,#03C062 50%,#053B4B 100%)}
.expertise_tabs_wrapper input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.expertise_navigation{display:flex;gap:16px;justify-content:center;margin-bottom:48px}
.expertise_navigation label{padding:14px 32px;background:#F4F3F3;color:#053B4B;font-size:1.05rem;font-weight:500;cursor:pointer;border:2px solid transparent;transition:all .3s ease}
.expertise_navigation label:hover{border-color:#03C062}
.expertise_tabs_wrapper input:nth-of-type(1):checked ~ .expertise_navigation label:nth-of-type(1),.expertise_tabs_wrapper input:nth-of-type(2):checked ~ .expertise_navigation label:nth-of-type(2),.expertise_tabs_wrapper input:nth-of-type(3):checked ~ .expertise_navigation label:nth-of-type(3){background:#03C062;color:#fff;border-color:#03C062}
.expertise_panels{position:relative}
.expertise_panel{display:none;animation:panel_reveal .4s ease}
@keyframes panel_reveal {
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:translateY(0)}
}
.expertise_tabs_wrapper input:nth-of-type(1):checked ~ .expertise_panels .expertise_panel:nth-of-type(1),.expertise_tabs_wrapper input:nth-of-type(2):checked ~ .expertise_panels .expertise_panel:nth-of-type(2),.expertise_tabs_wrapper input:nth-of-type(3):checked ~ .expertise_panels .expertise_panel:nth-of-type(3){display:block}
.expertise_panel_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.expertise_item{background:#fff;padding:32px;border:1px solid #053B4B}
.expertise_item h4{font-size:1.25rem;font-weight:600;color:#053B4B;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.expertise_item h4::before{content:'';width:8px;height:8px;background:#03C062;transform:rotate(45deg)}
.expertise_item p{font-size:1rem;line-height:1.7;color:#053B4B;margin:0}
@media (max-width: 1024px) {
.intro_content_grid{grid-template-columns:1fr;gap:40px}
.intro_text_stack h1{font-size:2.2rem}
.story_container{flex-direction:column;gap:40px}
.story_image_cluster{flex:1;max-width:100%}
.approach_grid{grid-template-columns:1fr}
.expertise_panel_grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.intro_wrapper,.story_section,.approach_block,.expertise_showcase{padding:60px 20px}
.intro_text_stack h1{font-size:1.8rem}
.story_text_body h2,.approach_grid h2,.expertise_showcase h2{font-size:1.8rem}
.story_image_cluster{grid-template-columns:1fr}
.story_image_cluster img:first-child{grid-column:1}
.expertise_navigation{flex-direction:column}
.expertise_navigation label{text-align:center}
}
@media (max-width: 480px) {
.intro_text_stack h1{font-size:1.5rem}
.story_text_body h2,.approach_grid h2,.expertise_showcase h2{font-size:1.5rem}
.approach_card,.expertise_item{padding:24px 20px}
}
.blog_page_container{max-width:1536px;margin:0 auto;padding:48px 24px}
.blog_header_wrapper{text-align:center;margin-bottom:64px;padding:0 16px}
.blog_header_wrapper h1{font-size:48px;font-weight:700;color:#053B4B;margin-bottom:16px;line-height:1.2}
.blog_header_wrapper .intro_text{font-size:18px;line-height:1.7;color:#444;max-width:820px;margin:0 auto}
.posts_grid_wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;margin-bottom:80px}
.single_post_card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}
.single_post_card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #03c06226;border-color:#03C062}
.post_image_container{width:100%;height:240px;overflow:hidden;background:#F4F3F3;position:relative}
.post_image_container img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.single_post_card:hover .post_image_container img{transform:scale(1.05)}
.post_content_area{padding:28px 24px;flex-grow:1;display:flex;flex-direction:column}
.post_meta_info{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:14px;color:#666}
.author_label{display:flex;align-items:center;gap:6px}
.author_label::before{content:'';width:6px;height:6px;background:#03C062;border-radius:50%;display:inline-block}
.reading_time{display:flex;align-items:center;gap:6px}
.reading_time::before{content:'⏱';font-size:14px}
.post_content_area h2{font-size:24px;font-weight:600;color:#053B4B;margin-bottom:12px;line-height:1.3}
.post_content_area .description_text{font-size:15px;line-height:1.6;color:#555;margin-bottom:20px;flex-grow:1}
.read_article_link{display:inline-flex;align-items:center;gap:8px;color:#03C062;text-decoration:none;font-weight:500;font-size:15px;transition:gap .3s ease}
.read_article_link:hover{gap:12px;color:#02a052}
.read_article_link::after{content:'→';font-size:18px;transition:transform .3s ease}
.read_article_link:hover::after{transform:translateX(3px)}
.insights_section_wrapper{margin-bottom:80px;padding:56px 32px;background:linear-gradient(135deg,#F4F3F3 0%,#fff 100%);border-radius:12px;border:1px solid #e8e8e8}
.insights_section_wrapper h2{font-size:36px;font-weight:700;color:#053B4B;margin-bottom:32px;text-align:center}
.insights_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.insight_card_item{background:#fff;padding:32px 28px;border-radius:8px;border-left:4px solid #03C062;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}
.insight_card_item:hover{transform:translateX(4px);box-shadow:0 4px 16px #03c0621f}
.insight_card_item h3{font-size:20px;font-weight:600;color:#053B4B;margin-bottom:12px}
.insight_card_item p{font-size:15px;line-height:1.7;color:#555}
.topics_overview_section{margin-bottom:80px;padding:0 16px}
.topics_overview_section h2{font-size:36px;font-weight:700;color:#053B4B;margin-bottom:24px;position:relative;display:inline-block}
.topics_overview_section h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#03C062 0%,transparent 100%)}
.topics_list_container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:40px}
.topic_tag_item{background:#F4F3F3;padding:16px 20px;border-radius:6px;text-align:center;font-size:15px;font-weight:500;color:#053B4B;border:2px solid transparent;transition:all .3s ease}
.topic_tag_item:hover{background:#fff;border-color:#03C062;color:#03C062;transform:scale(1.03)}
.newsletter_subscribe_section{background:linear-gradient(135deg,#053B4B 0%,#02574d 100%);padding:56px 40px;border-radius:10px;text-align:center;margin-bottom:40px}
.newsletter_subscribe_section h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px}
.newsletter_subscribe_section p{font-size:17px;line-height:1.6;color:#e8f5f0;max-width:680px;margin:0 auto 32px}
.subscribe_form_wrapper{display:flex;flex-direction:column;gap:16px;max-width:520px;margin:0 auto;align-items:center}
.subscribe_form_wrapper input[type="email"]{width:100%;padding:16px 20px;border-radius:6px;border:2px solid transparent;font-size:16px;outline:none;transition:border-color .3s ease}
.subscribe_form_wrapper input[type="email"]:focus{border-color:#03C062}
.subscribe_form_wrapper button{background:#03C062;color:#fff;padding:16px 48px;border-radius:6px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #03c0624d}
.subscribe_form_wrapper button:hover{background:#02a052;transform:translateY(-2px);box-shadow:0 6px 16px #03c06266}
@media (max-width: 768px) {
.blog_header_wrapper h1{font-size:36px}
.posts_grid_wrapper{grid-template-columns:1fr;gap:24px}
.insights_section_wrapper{padding:40px 24px}
.insights_section_wrapper h2{font-size:28px}
.topics_overview_section h2{font-size:28px}
.newsletter_subscribe_section{padding:40px 24px}
.newsletter_subscribe_section h2{font-size:26px}
.subscribe_form_wrapper{width:100%}
}
@media (max-width: 480px) {
.blog_page_container{padding:32px 16px}
.blog_header_wrapper h1{font-size:28px}
.blog_header_wrapper .intro_text{font-size:16px}
.post_content_area h2{font-size:20px}
.insights_grid{grid-template-columns:1fr}
.topics_list_container{grid-template-columns:1fr}
}
.hero_wrapper{position:relative;height:480px;background:linear-gradient(135deg,#053B4B 0%,#03C062 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero_wrapper::before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#f4f3f308 1px,transparent 1px),linear-gradient(0deg,#f4f3f308 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.hero_content{max-width:920px;padding:0 24px;text-align:center;position:relative;z-index:2}
.hero_title{font-size:48px;font-weight:700;line-height:1.2;color:#fff;margin:0;text-shadow:0 2px 8px #053b4b4d}
.portfolio_container{max-width:1536px;margin:0 auto;padding:0 24px}
.intro_section{padding:80px 0 64px}
.intro_text{max-width:840px;margin:0 auto}
.intro_heading{font-size:36px;font-weight:700;line-height:1.3;color:#053B4B;margin:0 0 24px}
.intro_paragraph{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 20px}
.intro_paragraph:last-child{margin-bottom:0}
.cases_grid_section{padding:0 0 80px;display:flex;flex-direction:column;gap:64px}
.case_card{background:#fff;border:2px solid #e8e8e8;border-radius:8px;overflow:hidden}
.card_layout_one{display:grid;grid-template-columns:1fr 1.4fr;gap:0}
.case_visual{position:relative;overflow:hidden}
.case_image{width:100%;height:100%;object-fit:cover;display:block}
.case_details{padding:40px;display:flex;flex-direction:column}
.case_title{font-size:28px;font-weight:700;line-height:1.3;color:#053B4B;margin:0 0 16px}
.case_meta{display:flex;gap:16px;margin-bottom:20px}
.meta_item{font-size:14px;font-weight:600;color:#fff;background:#03C062;padding:6px 14px;border-radius:6px}
.case_description{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0 0 28px;flex-grow:1}
.case_stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.stat_box{background:linear-gradient(135deg,#F4F3F3 0%,#fff 100%);border:1px solid #e0e0e0;border-radius:6px;padding:20px 16px;text-align:center;display:flex;flex-direction:column;gap:6px}
.stat_value{font-size:32px;font-weight:700;color:#053B4B;display:block}
.stat_label{font-size:13px;line-height:1.4;color:#5a5a5a;display:block}
.case_attribution{display:flex;align-items:center;gap:14px;padding-top:24px;border-top:1px solid #e8e8e8}
.attribution_photo{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #03C062}
.attribution_text{display:flex;flex-direction:column;gap:2px}
.attribution_name{font-size:16px;font-weight:700;color:#053B4B}
.attribution_role{font-size:14px;color:#6a6a6a}
.card_layout_two{display:grid;grid-template-columns:1.3fr 1fr;gap:0}
.case_content_block{padding:40px;display:flex;flex-direction:column}
.technical_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}
.tech_item{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#F4F3F3 0%,#fff 100%);border:1px solid #e0e0e0;border-radius:6px}
.tech_icon{font-size:28px;color:#03C062;flex-shrink:0}
.tech_text{font-size:15px;font-weight:600;color:#2a2a2a;line-height:1.4}
.case_visual_block{position:relative;overflow:hidden}
.metrics_comparison_section{padding:80px 0;background:linear-gradient(180deg,#F4F3F3 0%,#fff 100%);border-radius:8px;margin-bottom:80px}
.comparison_heading{font-size:36px;font-weight:700;line-height:1.3;color:#053B4B;text-align:center;margin:0 0 48px;padding:0 24px}
.comparison_table_wrapper{max-width:1100px;margin:0 auto;padding:0 24px}
.tab_radio{position:absolute;opacity:0;pointer-events:none}
.tabs_navigation{display:flex;gap:12px;margin-bottom:40px;border-bottom:2px solid #e0e0e0}
.tab_label{font-size:16px;font-weight:600;color:#6a6a6a;padding:14px 24px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s ease}
.tab_label:hover{color:#053B4B;background:#03c0620d}
#project_one:checked ~ .tabs_navigation .tab_label[for="project_one"],#project_two:checked ~ .tabs_navigation .tab_label[for="project_two"],#project_three:checked ~ .tabs_navigation .tab_label[for="project_three"]{color:#053B4B;border-bottom-color:#03C062}
.tab_content{display:none}
#project_one:checked ~ .project_one_content,#project_two:checked ~ .project_two_content,#project_three:checked ~ .project_three_content{display:block}
.metric_row{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:24px;margin-bottom:16px}
.metric_row:last-of-type{margin-bottom:24px}
.metric_name{display:block;font-size:17px;font-weight:700;color:#053B4B;margin-bottom:16px}
.metric_bars{display:flex;flex-direction:column;gap:10px}
.bar_before,.bar_after{display:flex;align-items:center;gap:12px}
.bar_label{font-size:14px;font-weight:600;color:#2a2a2a;min-width:110px}
.bar_fill{height:32px;border-radius:4px;transition:width .6s ease;box-shadow:0 2px 6px #053b4b26}
.bar_bad{background:linear-gradient(90deg,#d32f2f 0%,#f44336 100%)}
.bar_warning{background:linear-gradient(90deg,#f57c00 0%,#ff9800 100%)}
.bar_good{background:linear-gradient(90deg,#03C062 0%,#00e676 100%)}
.bar_neutral{background:linear-gradient(90deg,#757575 0%,#9e9e9e 100%)}
.comparison_note{font-size:15px;line-height:1.6;color:#4a4a4a;background:#fff;border-left:4px solid #03C062;padding:18px 20px;border-radius:4px;margin:0}
.contact_strip{background:linear-gradient(135deg,#053B4B 0%,#03C062 100%);border-radius:8px;padding:64px 40px;margin-bottom:80px}
.strip_content{max-width:760px;margin:0 auto;text-align:center}
.strip_heading{font-size:32px;font-weight:700;line-height:1.3;color:#fff;margin:0 0 20px}
.strip_text{font-size:17px;line-height:1.7;color:#fff;margin:0 0 32px;opacity:.95}
.strip_button{display:inline-block;font-size:16px;font-weight:600;color:#053B4B;background:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #03c06233}
.strip_button:hover{background:#F4F3F3;transform:translateY(-2px);box-shadow:0 6px 16px #03c0624d}
@media (max-width: 1024px) {
.hero_title{font-size:38px}
.card_layout_one,.card_layout_two{grid-template-columns:1fr}
.case_visual,.case_visual_block{height:320px}
.case_stats{grid-template-columns:1fr}
.technical_grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hero_wrapper{height:360px}
.hero_title{font-size:32px}
.intro_section{padding:60px 0 48px}
.intro_heading{font-size:28px}
.intro_paragraph{font-size:16px}
.case_title{font-size:24px}
.case_details,.case_content_block{padding:28px}
.comparison_heading{font-size:28px}
.tabs_navigation{flex-direction:column;gap:0;border-bottom:none}
.tab_label{border-bottom:1px solid #e0e0e0;margin-bottom:0}
.metric_row{padding:20px}
.bar_label{min-width:90px;font-size:13px}
.bar_fill{height:28px}
.contact_strip{padding:48px 28px}
.strip_heading{font-size:26px}
.strip_text{font-size:16px}
}
@media (max-width: 480px) {
.hero_title{font-size:26px}
.case_meta{flex-direction:column;gap:8px}
.meta_item{display:inline-block;width:fit-content}
.bar_before,.bar_after{flex-direction:column;align-items:flex-start;gap:8px}
.bar_label{min-width:auto}
.stat_value{font-size:28px}
}
.success_wrapper{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#F4F3F3 0%,#fff 50%,#F4F3F3 100%);position:relative;overflow:hidden}
.success_wrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#03c06208 0%,transparent 70%);animation:pulse_ambient 8s ease-in-out infinite}
@keyframes pulse_ambient {
0%,100%{transform:scale(1) rotate(0deg)}
50%{transform:scale(1.1) rotate(5deg)}
}
.success_content_box{max-width:680px;width:100%;text-align:center;position:relative;z-index:2}
.success_icon_holder{width:140px;height:140px;margin:0 auto 36px;position:relative;animation:icon_appear 1.2s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes icon_appear {
0%{opacity:0;transform:scale(0.3) rotate(-180deg)}
100%{opacity:1;transform:scale(1) rotate(0deg)}
}
.success_icon_holder svg{width:100%;height:100%;filter:drop-shadow(0 8px 20px #03c06226);animation:saturate_up .8s ease-out .3s forwards}
@keyframes saturate_up {
0%{filter:saturate(0.3) drop-shadow(0 8px 20px #03c06226)}
100%{filter:saturate(1) drop-shadow(0 8px 20px #03c06240)}
}
.success_icon_holder::before{content:'';position:absolute;top:50%;left:50%;width:180px;height:180px;background:#03c0620f;border-radius:50%;transform:translate(-50%,-50%);animation:ripple_effect 2s ease-out infinite}
@keyframes ripple_effect {
0%{width:180px;height:180px;opacity:.6}
100%{width:280px;height:280px;opacity:0}
}
.success_main_title{font-size:42px;font-weight:700;line-height:1.2;color:#053B4B;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;animation:title_slide .9s ease-out .2s backwards}
@keyframes title_slide {
0%{opacity:0;transform:translateY(30px)}
100%{opacity:1;transform:translateY(0)}
}
.counter_display{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:56px;background:linear-gradient(135deg,#03C062 0%,#02a053 100%);color:#fff;font-size:28px;font-weight:700;border-radius:8px;padding:0 14px;box-shadow:0 6px 16px #03c06240;animation:counter_pop .6s cubic-bezier(0.68,-0.55,0.265,1.55) .5s backwards}
@keyframes counter_pop {
0%{opacity:0;transform:scale(0.5)}
100%{opacity:1;transform:scale(1)}
}
.success_description{font-size:18px;line-height:1.7;color:#2c3e50;margin:0 0 40px;animation:text_fade 1s ease-out .4s backwards}
@keyframes text_fade {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
.success_description strong{color:#03C062;font-weight:600}
.action_buttons_row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:buttons_rise 1s ease-out .6s backwards}
@keyframes buttons_rise {
0%{opacity:0;transform:translateY(30px)}
100%{opacity:1;transform:translateY(0)}
}
.btn_primary_action{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#03C062 0%,#02a053 100%);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #03c06233;position:relative;z-index:10}
.btn_primary_action:hover{background:linear-gradient(135deg,#02a053 0%,#028a47 100%);box-shadow:0 8px 20px #03c0624d;transform:translateY(-2px)}
.btn_primary_action:active{transform:translateY(0);box-shadow:0 4px 12px #03c06240}
.btn_secondary_action{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:transparent;color:#053B4B;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid #053B4B;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}
.btn_secondary_action:hover{background:#053B4B;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #053b4b33}
.btn_secondary_action:active{transform:translateY(0);box-shadow:0 3px 10px #053b4b26}
.decorative_shape_bottom{position:absolute;bottom:-120px;right:-120px;width:400px;height:400px;background:#03c0620a;border-radius:50%;z-index:1;animation:float_gentle 6s ease-in-out infinite}
@keyframes float_gentle {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-20px,-20px)}
}
.decorative_shape_top{position:absolute;top:-80px;left:-80px;width:300px;height:300px;background:#053b4b08;border-radius:50%;z-index:1;animation:float_gentle 7s ease-in-out infinite reverse}
@media (max-width: 768px) {
.success_wrapper{padding:40px 20px;min-height:75vh}
.success_icon_holder{width:110px;height:110px;margin-bottom:28px}
.success_main_title{font-size:32px;gap:12px}
.counter_display{min-width:48px;height:48px;font-size:24px;padding:0 12px}
.success_description{font-size:16px;margin-bottom:32px}
.action_buttons_row{flex-direction:column;width:100%;gap:12px}
.btn_primary_action,.btn_secondary_action{width:100%;justify-content:center;padding:14px 24px}
.decorative_shape_bottom{width:300px;height:300px;bottom:-100px;right:-100px}
.decorative_shape_top{width:220px;height:220px;top:-60px;left:-60px}
}
@media (max-width: 480px) {
.success_main_title{font-size:26px}
.counter_display{min-width:42px;height:42px;font-size:20px}
.success_description{font-size:15px}
.success_icon_holder{width:90px;height:90px}
}