*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Work Sans',sans-serif;background:#FAFAFA;color:#1A1A1A;line-height:1.6;overflow-x:hidden}
.header_wrapper{background:linear-gradient(188deg,#DB8104 0%,#1CB7C5 50%,#004188 100%);padding:24px 0;box-shadow:0 4px 16px #0000001f}
.header_grid_container{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:20px 25px;align-items:center}
.logo_box{grid-row:1 / 2;grid-column:1 / 2;display:flex;align-items:center}
.logo_box img{height:110px;width:110px;object-fit:contain;background:#ffffff26;padding:8px;border-radius:8px;box-shadow:0 2px 8px #00000026}
.company_name_wrapper{grid-row:1 / 2;grid-column:2 / 3;text-align:right}
.company_name_wrapper h1{font-family:'Arimo',sans-serif;font-size:32px;font-weight:700;color:#FFF;text-shadow:2px 2px 8px #0000004d}
.nav_container{grid-row:2 / 3;grid-column:1 / 3;margin-top:12px}
.nav_container nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.nav_container nav a{font-family:'Arimo',sans-serif;font-size:17px;font-weight:700;color:#FFF;text-decoration:none;padding:12px 28px;background:#ffffff1f;border:2px solid #ffffff4d;transition:background 180ms,border-color 180ms}
.nav_container nav a:hover{background:#ffffff40;border-color:#fff9}
.footer_wrapper{background:linear-gradient(8deg,#004188 0%,#1CB7C5 50%,#DB8104 100%);margin-top:80px;padding:48px 0 28px}
.footer_content_box{max-width:1320px;margin:0 auto;padding:0 20px}
.footer_legal_notice{background:#fffffff2;padding:24px;border-left:6px solid #DB8104;margin-bottom:32px;box-shadow:0 4px 12px #00000026}
.footer_legal_notice h3{font-family:'Arimo',sans-serif;font-size:18px;font-weight:700;color:#004188;margin-bottom:12px}
.footer_legal_notice p{font-size:14px;color:#2A2A2A;line-height:1.7}
.footer_nav_wrapper{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:28px}
.footer_nav_wrapper a{font-size:15px;color:#FFF;text-decoration:none;padding:8px 16px;background:#ffffff1a;border-radius:6px;transition:background 200ms}
.footer_nav_wrapper a:hover{background:#ffffff38}
.footer_copyright_text{text-align:center;font-size:14px;color:#ffffffd9;padding-top:20px;border-top:1px solid #fff3}
.age_verify_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;display:none}
.age_verify_overlay.showing{display:block}
.age_verify_box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:32px;max-width:440px;width:85vw;z-index:10000;box-shadow:0 8px 32px #0000004d;border-top:6px solid #DB8104}
.age_verify_box h2{font-family:'Arimo',sans-serif;font-size:26px;font-weight:700;color:#004188;margin-bottom:18px;text-align:center}
.age_verify_box p{font-size:16px;color:#2A2A2A;margin-bottom:24px;line-height:1.6;text-align:center}
.age_verify_buttons{display:flex;gap:12px;flex-direction:column}
.age_verify_buttons button{font-family:'Arimo',sans-serif;font-size:16px;font-weight:700;padding:14px;border:none;cursor:pointer;transition:background 180ms,transform 120ms}
.age_verify_buttons button:hover{transform:translateY(-2px)}
.age_verify_accept{background:#1CB7C5;color:#FFF}
.age_verify_accept:hover{background:#169BA8}
.age_verify_decline{background:#F4F4F4;color:#2A2A2A}
.age_verify_decline:hover{background:#E0E0E0}
.age_verify_message{display:none;margin-top:16px;padding:14px;background:#FFF3CD;border-left:4px solid #DB8104;font-size:14px;color:#664D03}
.cookie_popup_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:8999;display:none}
.cookie_popup_overlay.showing{display:block}
.cookie_consent_wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateX(100vw);background:#FFF;max-width:680px;width:90vw;max-height:85vh;z-index:9000;box-shadow:0 8px 32px #0000004d;border-top:5px solid #1CB7C5;transition:transform 400ms}
.cookie_consent_wrapper.showing{transform:translate(-50%,-50%) translateX(0)}
.cookie_tab_wrapper{display:flex;border-bottom:2px solid #E0E0E0}
.cookie_tab_wrapper button{flex:1;padding:16px;border:none;background:#F8F8F8;font-family:'Arimo',sans-serif;font-size:15px;font-weight:700;color:#666;cursor:pointer;transition:background 180ms,color 180ms}
.cookie_tab_wrapper button.active_tab{background:#FFF;color:#004188;border-bottom:3px solid #1CB7C5}
.cookie_content_box{padding:28px;max-height:400px;overflow-y:auto}
.cookie_tab_content{display:none}
.cookie_tab_content.active_content{display:block}
.cookie_tab_content h3{font-family:'Arimo',sans-serif;font-size:20px;font-weight:700;color:#004188;margin-bottom:14px}
.cookie_tab_content p{font-size:15px;color:#2A2A2A;line-height:1.7;margin-bottom:12px}
.cookie_button_wrapper{display:flex;gap:12px;padding:20px 28px;border-top:1px solid #E0E0E0}
.cookie_button_wrapper button{flex:1;padding:13px;border:none;font-family:'Arimo',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:background 180ms}
.cookie_accept_handler{background:#1CB7C5;color:#FFF}
.cookie_accept_handler:hover{background:#169BA8}
.cookie_decline_handler{background:#F4F4F4;color:#2A2A2A}
.cookie_decline_handler:hover{background:#E0E0E0}
@media (max-width: 768px) {
.header_grid_container{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px;text-align:center}
.logo_box{grid-row:1 / 2;grid-column:1 / 2;justify-content:center}
.logo_box img{height:90px;width:90px}
.company_name_wrapper{grid-row:2 / 3;grid-column:1 / 2;text-align:center}
.company_name_wrapper h1{font-size:26px}
.nav_container{grid-row:3 / 4;grid-column:1 / 2;margin-top:0}
.nav_container nav{flex-direction:column;align-items:stretch}
.nav_container nav a{text-align:center;padding:14px}
.age_verify_box{padding:24px;width:90vw}
.age_verify_box h2{font-size:22px}
.age_verify_box p{font-size:15px}
.cookie_consent_wrapper{width:95vw;max-height:90vh}
.cookie_content_box{padding:20px;max-height:300px}
.cookie_button_wrapper{flex-direction:column;padding:16px 20px}
}
.policy-inner-x{max-width:1320px;margin:0 auto;padding:80px 20px;background:#fff}
.policy-inner-x h1{font-size:42px;line-height:1.2;color:#004188;margin:0 0 48px;font-weight:700;letter-spacing:-.5px}
.policy-inner-x h2{font-size:32px;line-height:1.3;color:#004188;margin:56px 0 24px;font-weight:600;letter-spacing:-.3px}
.policy-inner-x h3{font-size:24px;line-height:1.4;color:#DB8104;margin:40px 0 20px;font-weight:600}
.policy-inner-x h4{font-size:20px;line-height:1.4;color:#1CB7C5;margin:32px 0 16px;font-weight:600}
.policy-inner-x h5{font-size:18px;line-height:1.5;color:#333;margin:28px 0 14px;font-weight:600}
.policy-inner-x h6{font-size:16px;line-height:1.5;color:#555;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.policy-inner-x p{font-size:16px;line-height:1.8;color:#333;margin:0 0 20px;text-align:justify}
.policy-inner-x ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-inner-x ol{margin:0 0 24px;padding:0 0 28px;list-style-type:decimal}
.policy-inner-x li{font-size:16px;line-height:1.8;color:#333;margin:0 0 12px;padding:0 0 0 8px}
.policy-inner-x ul ul{margin:12px 0 0;padding:0 0 0 24px;list-style-type:circle}
.policy-inner-x ol ol{margin:12px 0 0;padding:0 0 0 24px;list-style-type:lower-alpha}
.policy-inner-x li ul{margin:12px 0 0}
.policy-inner-x li ol{margin:12px 0 0}
.policy-inner-x a{color:#1CB7C5;text-decoration:none;border-bottom:1px solid transparent;transition:all 300ms}
.policy-inner-x a:hover{color:#DB8104;border-bottom:1px solid #DB8104}
.policy-inner-x a:focus{outline:2px solid #1CB7C5;outline-offset:3px}
.policy-inner-x table{width:100%;border-collapse:collapse;margin:32px 0 40px;background:#fff;box-shadow:0 4px 16px #00000014}
.policy-inner-x thead{background:linear-gradient(135deg,#004188 0%,#1CB7C5 100%)}
.policy-inner-x thead tr{border:none}
.policy-inner-x thead th{font-size:16px;font-weight:600;color:#fff;text-align:left;padding:18px 20px;border:none}
.policy-inner-x tbody tr{border-bottom:1px solid #e5e5e5;transition:background 200ms}
.policy-inner-x tbody tr:hover{background:#f9f9f9}
.policy-inner-x tbody tr:last-child{border-bottom:none}
.policy-inner-x td{font-size:15px;line-height:1.6;color:#333;padding:16px 20px;border:none}
.policy-inner-x th{font-size:16px;font-weight:600;color:#004188;text-align:left;padding:18px 20px;background:#f5f5f5;border-bottom:2px solid #DB8104}
.policy-inner-x div{margin:0;padding:0}
@media (max-width: 1366px) {
.policy-inner-x{padding:60px 40px}
.policy-inner-x h1{font-size:36px;margin:0 0 40px}
.policy-inner-x h2{font-size:28px;margin:48px 0 20px}
.policy-inner-x h3{font-size:22px}
}
@media (max-width: 768px) {
.policy-inner-x{padding:40px 24px}
.policy-inner-x h1{font-size:32px;margin:0 0 32px}
.policy-inner-x h2{font-size:24px;margin:40px 0 18px}
.policy-inner-x h3{font-size:20px;margin:32px 0 16px}
.policy-inner-x h4{font-size:18px}
.policy-inner-x p{font-size:15px;text-align:left}
.policy-inner-x li{font-size:15px}
.policy-inner-x table{font-size:14px;margin:24px 0 32px;display:block;overflow-x:auto}
.policy-inner-x thead th{font-size:14px;padding:14px 16px}
.policy-inner-x td{font-size:14px;padding:12px 16px}
.policy-inner-x th{font-size:14px;padding:14px 16px}
}
@media (max-width: 375px) {
.policy-inner-x{padding:32px 16px}
.policy-inner-x h1{font-size:28px;margin:0 0 28px}
.policy-inner-x h2{font-size:22px;margin:36px 0 16px}
.policy-inner-x h3{font-size:18px}
.policy-inner-x p{font-size:14px;line-height:1.7}
.policy-inner-x li{font-size:14px}
.policy-inner-x ul{padding:0 0 0 24px}
.policy-inner-x ol{padding:0 0 0 24px}
.policy-inner-x thead th{padding:12px 14px}
.policy-inner-x td{padding:10px 14px}
.policy-inner-x th{padding:12px 14px}
}
.hero_container{position:relative;width:100%;height:520px;background:linear-gradient(135deg,#004188d9 0%,#1cb7c5bf 50%,#db8104d1 100%),url(./site_images/tmpp4-11-19.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero_container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 35px,#ffffff08 35px,#ffffff08 70px);pointer-events:none}
.hero_text_wrap{position:relative;z-index:2;text-align:center;max-width:880px;padding:0 24px}
.hero_text_wrap h1{font-size:58px;font-weight:700;color:#fff;margin:0 0 18px;line-height:1.2;text-shadow:0 4px 12px #0006}
.hero_text_wrap .subtitle_hero{font-size:21px;color:#fffffff2;margin:0;line-height:1.5;text-shadow:0 2px 8px #0000004d}
.access_section{background:#f8f9fa;padding:92px 0}
.access_wrapper{max-width:1320px;margin:0 auto;padding:0 24px}
.access_header{text-align:center;margin-bottom:68px}
.access_header h2{font-size:42px;font-weight:700;color:#004188;margin:0 0 16px;line-height:1.3}
.access_header .lead_text{font-size:19px;color:#2c3e50;max-width:740px;margin:0 auto;line-height:1.6}
.access_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.access_card{background:#fff;border:1px solid #e0e4e8;border-radius:8px;padding:38px 28px;transition:transform 280ms,box-shadow 280ms}
.access_card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #00418826}
.access_card .icon_holder{width:64px;height:64px;background:linear-gradient(135deg,#1CB7C5 0%,#004188 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.access_card .icon_holder svg{width:32px;height:32px;fill:#fff}
.access_card h3{font-size:24px;font-weight:600;color:#004188;margin:0 0 14px}
.access_card p{font-size:16px;color:#567;line-height:1.6;margin:0}
.team_section{background:linear-gradient(188deg,#DB8104 0%,#1CB7C5 50%,#004188 100%);padding:88px 0;position:relative}
.team_section::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:repeating-linear-gradient(90deg,#fff3,#fff3 12px,transparent 12px,transparent 24px)}
.team_content_wrapper{max-width:1320px;margin:0 auto;padding:0 24px}
.team_intro{max-width:880px;margin:0 auto 58px;text-align:center}
.team_intro h2{font-size:44px;font-weight:700;color:#fff;margin:0 0 18px;line-height:1.3}
.team_intro .intro_paragraph{font-size:18px;color:#fffffff0;line-height:1.7;margin:0}
.team_grid_layout{display:grid;grid-template-columns:repeat(2,1fr);gap:42px}
.team_member_box{background:#fffffff5;border-radius:6px;padding:36px 32px;box-shadow:0 8px 24px #0003}
.member_name_role{margin-bottom:20px}
.member_name_role h3{font-size:26px;font-weight:600;color:#004188;margin:0 0 8px}
.member_name_role .role_label{font-size:17px;color:#1CB7C5;font-weight:500;margin:0}
.member_bio{font-size:16px;color:#2c3e50;line-height:1.7;margin:0 0 18px}
.member_highlights{display:flex;flex-wrap:wrap;gap:10px}
.highlight_badge{background:linear-gradient(135deg,#DB8104 0%,#1CB7C5 100%);color:#fff;padding:7px 16px;border-radius:20px;font-size:14px;font-weight:500}
.tech_showcase{background:#fff;padding:96px 0}
.tech_container{max-width:1320px;margin:0 auto;padding:0 24px}
.tech_header_section{text-align:center;margin-bottom:64px}
.tech_header_section h2{font-size:40px;font-weight:700;color:#004188;margin:0 0 16px;position:relative;display:inline-block}
.tech_header_section h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#DB8104 0%,#1CB7C5 100%);border-radius:2px}
.tech_header_section .description_text{font-size:18px;color:#567;max-width:720px;margin:24px auto 0;line-height:1.6}
.tech_visual_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:54px}
.tech_image_item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 6px 18px #0000001a;transition:transform 320ms}
.tech_image_item:hover{transform:scale(1.04)}
.tech_image_item img{width:100%;height:280px;object-fit:cover;display:block}
.tech_image_item .overlay_label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,#004188eb 100%);padding:48px 20px 20px;color:#fff;font-size:17px;font-weight:600}
.tech_details_listing{background:#f8f9fa;border-radius:8px;padding:44px;border-left:5px solid #1CB7C5}
.tech_details_listing h3{font-size:28px;font-weight:600;color:#004188;margin:0 0 26px}
.tech_features_list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;list-style:none;padding:0;margin:0}
.tech_features_list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:#2c3e50;line-height:1.5}
.tech_features_list li::before{content:'▸';color:#DB8104;font-size:20px;font-weight:700;flex-shrink:0;margin-top:2px}
.tools_framework_section{background:linear-gradient(135deg,#004188 0%,#1CB7C5 100%);padding:86px 0}
.tools_wrapper{max-width:1320px;margin:0 auto;padding:0 24px}
.tools_split_layout{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.tools_text_column h2{font-size:42px;font-weight:700;color:#fff;margin:0 0 22px;line-height:1.3}
.tools_text_column .main_description{font-size:17px;color:#ffffffed;line-height:1.7;margin:0 0 32px}
.tools_category_blocks{display:flex;flex-direction:column;gap:24px}
.category_block{background:#ffffff1f;border-radius:6px;padding:24px;backdrop-filter:blur(8px);border:1px solid #ffffff2e}
.category_block h4{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}
.category_block p{font-size:15px;color:#ffffffe0;line-height:1.6;margin:0}
.tools_visual_column img{width:100%;height:460px;object-fit:cover;border-radius:8px;box-shadow:0 16px 48px #0000004d}
.stats_dashboard{background:#f4f6f8;padding:92px 0}
.stats_container{max-width:1320px;margin:0 auto;padding:0 24px}
.stats_intro_header{text-align:center;margin-bottom:62px}
.stats_intro_header h2{font-size:41px;font-weight:700;color:#004188;margin:0 0 16px}
.stats_intro_header .tagline_text{font-size:18px;color:#567;max-width:680px;margin:0 auto;line-height:1.6}
.stats_metrics_row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:48px}
.metric_card{background:#fff;border-radius:8px;padding:36px 24px;text-align:center;box-shadow:0 4px 14px #00000014;position:relative;overflow:hidden}
.metric_card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#DB8104 0%,#1CB7C5 50%,#004188 100%)}
.metric_card .number_display{font-size:48px;font-weight:700;color:#004188;margin:0 0 10px;line-height:1}
.metric_card .label_text{font-size:16px;color:#567;font-weight:500;margin:0}
.portfolio_summary{background:linear-gradient(135deg,#db810414 0%,#1cb7c514 100%);border-radius:8px;padding:48px;border:2px solid #1CB7C5}
.portfolio_summary h3{font-size:30px;font-weight:600;color:#004188;margin:0 0 28px;text-align:center}
.portfolio_entries{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.portfolio_item{background:#fff;border-radius:6px;padding:28px;box-shadow:0 3px 12px #0000000f;border-left:4px solid #DB8104}
.portfolio_item h4{font-size:22px;font-weight:600;color:#004188;margin:0 0 14px}
.portfolio_item .project_meta{font-size:14px;color:#1CB7C5;font-weight:500;margin:0 0 16px}
.portfolio_item .project_description{font-size:15px;color:#2c3e50;line-height:1.6;margin:0 0 18px}
.portfolio_item .tech_tags{display:flex;flex-wrap:wrap;gap:8px}
.tech_tag{background:#f8f9fa;color:#004188;padding:5px 12px;border-radius:4px;font-size:13px;font-weight:500;border:1px solid #e0e4e8}
.cta_closing{background:linear-gradient(188deg,#004188 0%,#1CB7C5 50%,#DB8104 100%);padding:78px 0;text-align:center}
.cta_content_box{max-width:820px;margin:0 auto;padding:0 24px}
.cta_content_box h2{font-size:38px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.3}
.cta_content_box .cta_message{font-size:18px;color:#fffffff2;line-height:1.7;margin:0 0 36px}
.cta_button_holder{display:flex;gap:18px;justify-content:center}
.btn_primary_action{background:#DB8104;color:#fff;font-size:17px;font-weight:600;padding:16px 42px;border-radius:6px;text-decoration:none;display:inline-block;transition:background 240ms,transform 240ms;box-shadow:0 6px 18px #0003}
.btn_primary_action:hover{background:#c17203;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}
.btn_secondary_action{background:transparent;color:#fff;font-size:17px;font-weight:600;padding:16px 42px;border-radius:6px;text-decoration:none;display:inline-block;border:2px solid #fff;transition:background 240ms,color 240ms}
.btn_secondary_action:hover{background:#fff;color:#004188}
@media (max-width: 1366px) {
.hero_text_wrap h1{font-size:50px}
.access_grid{gap:28px}
.team_grid_layout{gap:36px}
.tech_visual_grid{gap:24px}
}
@media (max-width: 768px) {
.hero_container{height:420px}
.hero_text_wrap h1{font-size:36px}
.hero_text_wrap .subtitle_hero{font-size:18px}
.access_section{padding:64px 0}
.access_header h2{font-size:32px}
.access_grid{grid-template-columns:1fr;gap:24px}
.team_section{padding:64px 0}
.team_intro h2{font-size:34px}
.team_grid_layout{grid-template-columns:1fr;gap:28px}
.tech_showcase{padding:68px 0}
.tech_header_section h2{font-size:32px}
.tech_visual_grid{grid-template-columns:1fr;gap:20px}
.tech_details_listing{padding:32px 24px}
.tech_features_list{grid-template-columns:1fr;gap:18px}
.tools_framework_section{padding:64px 0}
.tools_split_layout{grid-template-columns:1fr;gap:42px}
.tools_text_column h2{font-size:34px}
.tools_visual_column img{height:320px}
.stats_dashboard{padding:68px 0}
.stats_intro_header h2{font-size:32px}
.stats_metrics_row{grid-template-columns:repeat(2,1fr);gap:20px}
.metric_card .number_display{font-size:38px}
.portfolio_summary{padding:32px 20px}
.portfolio_entries{grid-template-columns:1fr;gap:24px}
.cta_closing{padding:58px 0}
.cta_content_box h2{font-size:30px}
.cta_button_holder{flex-direction:column;align-items:stretch}
.btn_primary_action,.btn_secondary_action{width:100%;text-align:center}
}
@media (max-width: 375px) {
.hero_container{height:360px}
.hero_text_wrap h1{font-size:28px}
.hero_text_wrap .subtitle_hero{font-size:16px}
.access_section{padding:48px 0}
.access_header h2{font-size:26px}
.access_card{padding:28px 20px}
.team_section{padding:48px 0}
.team_intro h2{font-size:28px}
.team_member_box{padding:28px 20px}
.tech_showcase{padding:52px 0}
.tech_header_section h2{font-size:26px}
.tech_details_listing{padding:24px 18px}
.tools_framework_section{padding:52px 0}
.tools_text_column h2{font-size:28px}
.tools_visual_column img{height:260px}
.stats_dashboard{padding:52px 0}
.stats_intro_header h2{font-size:26px}
.stats_metrics_row{grid-template-columns:1fr}
.portfolio_summary{padding:24px 16px}
.portfolio_summary h3{font-size:24px}
.cta_closing{padding:48px 0}
.cta_content_box h2{font-size:26px}
}
.contact_main_wrapper{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.top_contact_block{display:flex;align-items:center;gap:60px;margin:80px 0 100px;position:relative}
.top_contact_block::before{content:'';position:absolute;top:-20px;left:-20px;width:280px;height:calc(100% + 40px);border:2px solid #DB8104;border-right:none;pointer-events:none}
.text_side_contact{flex:1;padding-right:40px}
.text_side_contact .main_heading_contact{font-size:3.2rem;line-height:1.2;color:#004188;margin:0 0 24px;font-weight:700}
.text_side_contact .description_text{font-size:1.1rem;line-height:1.7;color:#333;margin:0 0 36px}
.button_group_contact{display:flex;gap:16px;flex-wrap:wrap}
.button_contact_primary{padding:14px 32px;background:linear-gradient(135deg,#DB8104 0%,#1CB7C5 100%);color:#fff;text-decoration:none;font-size:1.05rem;font-weight:600;border-radius:8px;transition:transform 200ms,box-shadow 300ms;display:inline-block;z-index:10;position:relative}
.button_contact_primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #db810459}
.button_contact_secondary{padding:14px 32px;background:#fff;color:#004188;text-decoration:none;font-size:1.05rem;font-weight:600;border:2px solid #004188;border-radius:8px;transition:background 250ms,color 250ms;display:inline-block;z-index:10;position:relative}
.button_contact_secondary:hover{background:#004188;color:#fff}
.image_side_contact{flex:1;position:relative}
.image_side_contact img{width:100%;height:480px;object-fit:cover;border-radius:10px;filter:blur(0.8px)}
.contact_info_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 0 100px;padding:60px 40px;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);border-radius:10px}
.info_card_box{text-align:center;padding:24px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000014;transition:transform 300ms,box-shadow 300ms}
.info_card_box:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000024}
.icon_wrapper_info{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#DB8104 0%,#1CB7C5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.icon_wrapper_info svg{width:32px;height:32px;fill:#fff}
.info_card_box .label_heading{font-size:1.3rem;font-weight:700;color:#004188;margin:0 0 12px}
.info_card_box .detail_text{font-size:1rem;color:#555;line-height:1.6}
.info_card_box .detail_text a{color:#1CB7C5;text-decoration:none;transition:color 200ms}
.info_card_box .detail_text a:hover{color:#DB8104}
.form_section_wrapper{margin:0 0 100px;display:flex;gap:60px;align-items:flex-start}
.form_intro_text{flex:1;padding-right:20px}
.form_intro_text .section_title{font-size:2.4rem;font-weight:700;color:#004188;margin:0 0 20px;position:relative;padding-bottom:16px}
.form_intro_text .section_title::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#DB8104 0%,#1CB7C5 100%);border-radius:2px}
.form_intro_text .intro_paragraph{font-size:1.05rem;line-height:1.7;color:#444;margin:0 0 20px}
.form_intro_text .intro_paragraph:last-child{margin-bottom:0}
.form_container_box{flex:1;background:#fff;padding:48px;border-radius:10px;box-shadow:0 8px 32px #0000001a;border:1px solid #e0e0e0}
.contact_form_element{display:flex;flex-direction:column}
.form_field_group{margin-bottom:28px}
.form_field_group label{display:block;font-size:1rem;font-weight:600;color:#333;margin-bottom:8px}
.form_field_group input,.form_field_group select{width:100%;padding:14px 16px;font-size:1rem;border:2px solid #ddd;border-radius:6px;transition:border-color 250ms,box-shadow 250ms;background:#fff}
.form_field_group input:focus,.form_field_group select:focus{outline:none;border-color:#1CB7C5;box-shadow:0 0 0 3px #1cb7c526}
.form_field_group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23333' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.checkbox_wrapper_privacy{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.checkbox_wrapper_privacy input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#1CB7C5;flex-shrink:0}
.checkbox_wrapper_privacy label{font-size:.95rem;color:#555;line-height:1.6;cursor:pointer}
.checkbox_wrapper_privacy label a{color:#1CB7C5;text-decoration:none;font-weight:600;transition:color 200ms}
.checkbox_wrapper_privacy label a:hover{color:#DB8104}
.submit_button_form{width:100%;padding:16px;background:linear-gradient(135deg,#DB8104 0%,#1CB7C5 100%);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform 200ms,box-shadow 300ms;z-index:10;position:relative}
.submit_button_form:hover{transform:translateY(-2px);box-shadow:0 8px 24px #db810459}
.additional_content_section{margin:0 0 100px;padding:60px;background:linear-gradient(135deg,#004188 0%,#1CB7C5 100%);border-radius:10px;position:relative;overflow:hidden}
.additional_content_section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff0d;border-radius:50%;pointer-events:none}
.additional_content_section::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:#ffffff08;border-radius:50%;pointer-events:none}
.content_inner_wrapper{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}
.content_inner_wrapper .highlight_heading{font-size:2.6rem;font-weight:700;color:#fff;margin:0 0 24px}
.content_inner_wrapper .highlight_text{font-size:1.15rem;line-height:1.8;color:#fffffff2;margin:0 0 20px}
.content_inner_wrapper .highlight_text:last-of-type{margin-bottom:40px}
.stats_display_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.stat_card_item{text-align:center;padding:24px;background:#ffffff1a;border-radius:8px;backdrop-filter:blur(10px);border:1px solid #fff3}
.stat_card_item .number_display{font-size:3rem;font-weight:700;color:#fff;margin:0 0 8px}
.stat_card_item .stat_label{font-size:1rem;color:#ffffffe6}
.showcase_section_image{margin:0 0 100px;display:flex;gap:50px;align-items:center}
.showcase_image_wrapper{flex:1}
.showcase_image_wrapper img{width:100%;height:420px;object-fit:cover;border-radius:10px;box-shadow:0 12px 48px #00000026}
.showcase_text_content{flex:1}
.showcase_text_content .showcase_heading{font-size:2.2rem;font-weight:700;color:#004188;margin:0 0 20px;position:relative}
.showcase_text_content .showcase_heading::before{content:'';position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#DB8104 0%,#1CB7C5 100%);border-radius:3px}
.showcase_text_content .showcase_paragraph{font-size:1.05rem;line-height:1.75;color:#444;margin:0 0 18px}
.showcase_text_content .showcase_paragraph:last-child{margin-bottom:0}
@media (max-width: 1366px) {
.top_contact_block{gap:50px;margin:60px 0 80px}
.text_side_contact .main_heading_contact{font-size:2.8rem}
.contact_info_grid{gap:32px;padding:50px 32px}
}
@media (max-width: 768px) {
.contact_main_wrapper{padding:0 16px}
.top_contact_block{flex-direction:column;gap:32px;margin:40px 0 60px}
.top_contact_block::before{width:200px;height:300px;top:-10px;left:-10px}
.text_side_contact{padding-right:0}
.text_side_contact .main_heading_contact{font-size:2.2rem}
.button_group_contact{flex-direction:column}
.button_contact_primary,.button_contact_secondary{width:100%;text-align:center}
.image_side_contact img{height:320px}
.contact_info_grid{grid-template-columns:1fr;gap:24px;padding:40px 24px;margin:0 0 60px}
.form_section_wrapper{flex-direction:column;gap:40px;margin:0 0 60px}
.form_intro_text{padding-right:0}
.form_intro_text .section_title{font-size:2rem}
.form_container_box{padding:32px 24px}
.additional_content_section{padding:40px 24px;margin:0 0 60px}
.content_inner_wrapper .highlight_heading{font-size:2rem}
.stats_display_grid{grid-template-columns:1fr;gap:20px}
.showcase_section_image{flex-direction:column;gap:32px;margin:0 0 60px}
.showcase_image_wrapper img{height:300px}
.showcase_text_content .showcase_heading{font-size:1.8rem}
.showcase_text_content .showcase_heading::before{left:0;top:-12px;width:60px;height:4px}
}
@media (max-width: 375px) {
.text_side_contact .main_heading_contact{font-size:1.9rem}
.form_container_box{padding:24px 16px}
.additional_content_section{padding:32px 16px}
.content_inner_wrapper .highlight_heading{font-size:1.7rem}
.stat_card_item .number_display{font-size:2.4rem}
}
.games_hero_wrapper{background:linear-gradient(188deg,#DB8104 0%,#1CB7C5 50%,#004188 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.games_hero_wrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:pulse_gradient 8s ease-in-out infinite}
@keyframes pulse_gradient {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(10px,10px) scale(1.05)}
}
.hero_content_box{position:relative;z-index:2;max-width:800px;margin:0 auto}
.hero_content_box .main_heading{font-size:48px;color:#fff;margin:0 0 20px;font-weight:700;text-shadow:0 4px 12px #0000004d}
.hero_content_box .intro_text{font-size:20px;color:#fffffff2;line-height:1.6;margin:0;text-shadow:0 2px 8px #0003}
.games_catalog_section{padding:90px 20px;background:#f8f9fa}
.catalog_container{max-width:1320px;margin:0 auto}
.section_intro{text-align:center;margin-bottom:60px}
.section_intro .heading_text{font-size:36px;color:#004188;margin:0 0 16px;font-weight:600}
.section_intro .description_text{font-size:18px;color:#5a6c7d;line-height:1.7;max-width:720px;margin:0 auto}
.games_grid_layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:70px}
.game_card_item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000014;transition:transform 300ms ease,box-shadow 300ms ease;display:flex;flex-direction:column}
.game_card_item:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f}
.game_image_wrapper{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:#e9ecef}
.game_image_wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 400ms ease}
.game_card_item:hover .game_image_wrapper img{transform:scale(1.08)}
.game_info_box{padding:28px;flex-grow:1;display:flex;flex-direction:column}
.game_info_box .game_title{font-size:24px;color:#004188;margin:0 0 14px;font-weight:600}
.game_info_box .game_description{font-size:16px;color:#6c757d;line-height:1.6;margin:0 0 24px;flex-grow:1}
.play_button_wrapper{margin-top:auto}
.play_action_button{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#DB8104 0%,#1CB7C5 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;transition:all 200ms ease;box-shadow:0 4px 16px #db81044d;position:relative;z-index:10}
.play_action_button:hover{background:linear-gradient(135deg,#c47403 0%,#18a3b0 100%);box-shadow:0 6px 24px #db810466;transform:translateY(-2px)}
.disclaimer_notice_section{background:#fff;border-left:4px solid #DB8104;padding:32px;margin:50px 0 0;box-shadow:0 4px 16px #0000000f;border-radius:6px}
.disclaimer_notice_section .notice_heading{font-size:20px;color:#004188;margin:0 0 16px;font-weight:600;display:flex;align-items:center;gap:10px}
.disclaimer_notice_section .notice_heading::before{content:'';display:inline-block;width:24px;height:24px;background:#DB8104;border-radius:50%;flex-shrink:0}
.disclaimer_notice_section .notice_text{font-size:15px;color:#495057;line-height:1.7;margin:0}
@media (max-width: 768px) {
.games_hero_wrapper{padding:60px 20px}
.hero_content_box .main_heading{font-size:36px}
.hero_content_box .intro_text{font-size:18px}
.games_catalog_section{padding:60px 20px}
.section_intro .heading_text{font-size:28px}
.games_grid_layout{grid-template-columns:1fr;gap:30px}
.disclaimer_notice_section{padding:24px}
}
@media (max-width: 375px) {
.hero_content_box .main_heading{font-size:30px}
.hero_content_box .intro_text{font-size:16px}
.section_intro .heading_text{font-size:24px}
.game_info_box{padding:20px}
.play_action_button{padding:12px 28px;font-size:15px}
}
.success_page_wrapper{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.confirmation_block{min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:60px 0}
.blur_spot_one{position:absolute;width:420px;height:420px;background:linear-gradient(135deg,#DB8104 0%,#1CB7C5 50%,#004188 100%);filter:blur(120px);opacity:.15;top:-80px;left:-100px;border-radius:50%;pointer-events:none}
.blur_spot_two{position:absolute;width:380px;height:380px;background:linear-gradient(225deg,#1CB7C5 0%,#DB8104 60%);filter:blur(100px);opacity:.12;bottom:-60px;right:-80px;border-radius:50%;pointer-events:none}
.success_content_container{position:relative;z-index:2;max-width:720px;width:100%;background:linear-gradient(145deg,#fffffff2,#f8fafceb);border-radius:8px;padding:70px 60px;box-shadow:0 12px 40px #00418814 0 4px 16px #db81040f;text-align:center;border:1px solid #1cb7c526}
.success_icon_wrapper{display:inline-flex;align-items:center;justify-content:center;width:92px;height:92px;background:linear-gradient(188deg,#DB8104 0%,#1CB7C5 50%,#004188 100%);border-radius:50%;margin-bottom:32px;position:relative;box-shadow:0 8px 24px #db810440}
.success_icon_wrapper::after{content:'';position:absolute;width:110px;height:110px;border:2px solid #1cb7c533;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse_ring 2s ease-out infinite}
@keyframes pulse_ring {
0%{transform:translate(-50%,-50%) scale(1);opacity:.6}
100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}
}
.checkmark_svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw_check .6s ease-out .3s forwards}
@keyframes draw_check {
to{stroke-dashoffset:0}
}
.success_heading{font-size:42px;font-weight:700;color:#004188;margin:0 0 18px;line-height:1.2}
.success_message_text{font-size:18px;line-height:1.7;color:#374151;margin:0 0 28px}
.confirmation_detail_box{background:#ffffffb3;border-radius:6px;padding:26px 32px;margin:32px 0;border-left:4px solid #DB8104;text-align:left}
.detail_label{font-size:14px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}
.detail_value{font-size:17px;color:#1F2937;margin:0;font-weight:500}
.action_button_group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.primary_action_btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(188deg,#DB8104 0%,#1CB7C5 50%,#004188 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;transition:transform 200ms ease,box-shadow 300ms ease;box-shadow:0 4px 14px #db81044d;position:relative;z-index:10}
.primary_action_btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #db810466}
.primary_action_btn:active{transform:translateY(0)}
.secondary_action_btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#004188;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;border:2px solid #004188;transition:background 200ms ease,color 200ms ease;position:relative;z-index:10}
.secondary_action_btn:hover{background:#004188;color:#fff}
.arrow_icon{width:18px;height:18px;transition:transform 200ms ease}
.primary_action_btn:hover .arrow_icon{transform:translateX(4px)}
.info_note_section{margin-top:40px;padding-top:32px;border-top:1px solid #0041881a}
.note_text{font-size:15px;line-height:1.6;color:#6B7280;margin:0 0 12px}
.contact_link{color:#DB8104;text-decoration:none;font-weight:600;transition:color 200ms ease;position:relative;z-index:10}
.contact_link:hover{color:#1CB7C5}
@media (max-width: 768px) {
.confirmation_block{padding:40px 0;min-height:auto}
.success_content_container{padding:50px 30px}
.success_heading{font-size:32px}
.success_message_text{font-size:16px}
.action_button_group{flex-direction:column;gap:12px}
.primary_action_btn,.secondary_action_btn{width:100%;justify-content:center}
.blur_spot_one{width:300px;height:300px}
.blur_spot_two{width:280px;height:280px}
}
@media (max-width: 375px) {
.success_content_container{padding:40px 24px}
.success_heading{font-size:28px}
.success_icon_wrapper{width:76px;height:76px}
.checkmark_svg{width:36px;height:36px}
.confirmation_detail_box{padding:20px 24px}
}