*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Playfair Display',serif;font-size:16px;line-height:1.6;color:#2a2a2a;background:#fafafa;cursor:default}
a{text-decoration:none;color:inherit;cursor:pointer;transition:all .3s ease}
img{max-width:100%;height:auto;display:block}
.header_holder{background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 50%,#FEFFD9 100%);box-shadow:0 6px 20px #0000001f;padding:18px 0}
.top_bar{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:40px}
.logo_section{flex-shrink:0}
.site_logo{height:110px;width:110px;background:#ffffffeb;padding:12px;border-radius:8px;box-shadow:0 4px 16px #00000026}
.company_identity{flex-grow:1;text-align:center}
.brand_name{font-size:42px;font-weight:700;color:#fff;text-shadow:2px 2px 8px #00000040;letter-spacing:1px}
.primary_nav{display:flex;gap:28px;flex-shrink:0}
.primary_nav a{font-size:18px;color:#fff;font-weight:400;padding:10px 18px;border-radius:6px;background:#ffffff26;transition:background .3s ease,color .3s ease}
.primary_nav a:hover{background:#ffffff4d;color:#2a2a2a}
.footer_wrapper{background:linear-gradient(180deg,#2a2a2a 0%,#1a1a1a 100%);color:#e0e0e0;padding:50px 30px 30px}
.disclaimer_box{max-width:1440px;margin:0 auto 35px;background:#feffd914;border-left:5px solid #0FD9FF;padding:22px 28px;border-radius:6px}
.entertainment_notice{font-size:15px;line-height:1.7;color:#FEFFD9}
.entertainment_notice strong{color:#0FD9FF;font-weight:700}
.footer_links{max-width:1440px;margin:0 auto 30px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.footer_links a{font-size:15px;color:#b0b0b0;text-decoration:underline;transition:color .3s ease}
.footer_links a:hover{color:#0FD9FF}
.copyright_section{max-width:1440px;margin:0 auto;text-align:center;border-top:1px solid #ffffff1a;padding-top:25px}
.copyright_section p{font-size:14px;color:#888;margin-bottom:8px}
.contact_info{font-size:13px;color:#707070}
@media (max-width: 968px) {
.top_bar{flex-direction:column;gap:20px;padding:0 20px}
.brand_name{font-size:32px}
.primary_nav{flex-direction:column;width:100%;gap:12px}
.primary_nav a{text-align:center;font-size:16px}
.site_logo{height:85px;width:85px}
}
@media (max-width: 600px) {
.header_holder{padding:12px 0}
.brand_name{font-size:26px}
.site_logo{height:70px;width:70px}
.disclaimer_box{padding:18px 20px}
.entertainment_notice{font-size:14px}
.footer_links{flex-direction:column;align-items:center;gap:14px}
}
.age_verify_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}
.age_verify_overlay.show_verify{opacity:1}
.age_popup_container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#fff 0%,#f5f5f5 100%);border:3px solid #9407C2;border-radius:10px;padding:35px 30px;max-width:450px;width:85vw;box-shadow:0 12px 40px #0000004d;z-index:10000;text-align:center}
.age_popup_container h2{font-size:28px;color:#9407C2;margin-bottom:18px;font-weight:700}
.age_popup_container p{font-size:17px;color:#3a3a3a;margin-bottom:26px;line-height:1.6}
.age_button_holder{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.age_confirm_btn,.age_decline_btn{padding:14px 32px;font-size:17px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:'Playfair Display',serif;min-height:50px}
.age_confirm_btn{background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 100%);color:#fff}
.age_confirm_btn:hover{background:linear-gradient(135deg,#7a0699 0%,#0bb8d6 100%);box-shadow:0 6px 20px #9407c266}
.age_decline_btn{background:#e0e0e0;color:#4a4a4a}
.age_decline_btn:hover{background:#ccc}
.age_denial_message{display:none;margin-top:20px;padding:18px;background:#ff000014;border-left:4px solid #d32f2f;border-radius:6px;font-size:16px;color:#c62828}
@media (max-width: 600px) {
.age_popup_container{width:90vw;padding:28px 22px}
.age_popup_container h2{font-size:24px}
.age_popup_container p{font-size:16px}
.age_button_holder{flex-direction:column}
.age_confirm_btn,.age_decline_btn{width:100%;font-size:16px}
}
.cookie_consent_popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #0FD9FF;border-radius:10px;padding:28px 32px;max-width:520px;width:88vw;box-shadow:0 10px 35px #00000040;z-index:10001;display:none;opacity:0;transition:opacity .35s ease}
.cookie_consent_popup.show_consent{display:block;opacity:1}
.cookie_overlay_bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:10000;display:none;opacity:0;transition:opacity .35s ease}
.cookie_overlay_bg.show_consent{display:block;opacity:1}
.cookie_consent_popup h3{font-size:22px;color:#9407C2;margin-bottom:14px;font-weight:700}
.cookie_consent_popup p{font-size:15px;color:#4a4a4a;margin-bottom:22px;line-height:1.6}
.cookie_actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.cookie_accept_btn,.cookie_decline_btn{padding:12px 28px;font-size:16px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:'Playfair Display',serif;font-weight:700;text-decoration:underline}
.cookie_accept_btn{background:transparent;color:#9407C2}
.cookie_accept_btn:hover{color:#7a0699}
.cookie_decline_btn{background:transparent;color:#0FD9FF}
.cookie_decline_btn:hover{color:#0bb8d6}
.cookie_policy_link{color:#0FD9FF;text-decoration:underline}
.cookie_policy_link:hover{color:#0bb8d6}
@media (max-width: 600px) {
.cookie_consent_popup{width:92vw;padding:24px 20px}
.cookie_consent_popup h3{font-size:20px}
.cookie_actions{flex-direction:column}
.cookie_accept_btn,.cookie_decline_btn{width:100%}
}
.terms-body{max-width:1440px;margin:0 auto;padding:80px 20px;background:#fff}
.terms-body p{font-size:16px;line-height:1.8;color:#2c2c2c;margin:0 0 24px;max-width:800px}
.terms-body p strong,.terms-body p b{font-weight:600;color:#1a1a1a}
.terms-body p em,.terms-body p i{font-style:italic;color:#404040}
.terms-body strong,.terms-body b{font-weight:600;color:#1a1a1a;font-size:18px;display:block;margin:32px 0 16px;line-height:1.4}
.terms-body em,.terms-body i{font-style:italic;color:#404040}
.terms-body hr{border:none;border-top:2px solid #e8e8e8;margin:48px 0;max-width:800px;opacity:.6}
.terms-body table{width:100%;max-width:800px;margin:32px 0;border-collapse:collapse;background:#fafafa;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}
.terms-body table thead{background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 100%)}
.terms-body table thead tr th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;border-bottom:2px solid #fff3}
.terms-body table tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.terms-body table tbody tr:hover{background:#f5f5f5}
.terms-body table tbody tr:last-child{border-bottom:none}
.terms-body table tbody tr td{padding:14px 20px;font-size:15px;line-height:1.6;color:#404040;vertical-align:top}
.terms-body table tbody tr td strong,.terms-body table tbody tr td b{font-size:15px;display:inline;margin:0}
.terms-body div{margin:24px 0}
.terms-body div p{margin-bottom:16px}
.terms-body div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.terms-body{padding:60px 16px}
.terms-body p{font-size:15px;line-height:1.7;margin-bottom:20px}
.terms-body strong,.terms-body b{font-size:17px;margin:28px 0 12px}
.terms-body hr{margin:36px 0}
.terms-body table{font-size:14px;margin:24px 0;display:block;overflow-x:auto}
.terms-body table thead tr th{padding:12px 14px;font-size:14px}
.terms-body table tbody tr td{padding:10px 14px;font-size:14px}
}
@media (max-width: 480px) {
.terms-body{padding:40px 12px}
.terms-body p{font-size:14px;margin-bottom:18px}
.terms-body strong,.terms-body b{font-size:16px}
.terms-body table thead tr th,.terms-body table tbody tr td{padding:10px 12px;font-size:13px}
}
.title_wrapper{background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 50%,#FEFFD9 100%);padding:80px 20px}
.title_content_holder{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.title_text_zone{color:#fff}
.title_main_heading{font-size:48px;font-weight:700;margin:0 0 24px;line-height:1.2}
.title_description_text{font-size:18px;line-height:1.6;margin:0 0 32px;opacity:.95}
.title_action_set{display:flex;gap:16px}
.title_primary_btn{background:#fff;color:#9407C2;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:transform 0.3s,box-shadow .3s;cursor:pointer}
.title_primary_btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}
.title_secondary_btn{background:transparent;color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;border:2px solid #fff;transition:background 0.3s,color .3s;cursor:pointer}
.title_secondary_btn:hover{background:#fff;color:#9407C2}
.title_visual_zone{position:relative}
.title_showcase_image{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #00000040;display:block}
.tech_stack_wrapper{background:#f8f9fa;padding:80px 20px}
.tech_content_container{max-width:1440px;margin:0 auto}
.tech_section_heading{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}
.tech_intro_paragraph{font-size:18px;line-height:1.6;color:#4a4a4a;text-align:center;max-width:800px;margin:0 auto 48px}
.tech_grid_layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.tech_card_item{background:#fff;padding:32px;border-radius:10px;box-shadow:0 4px 16px #00000014;transition:transform 0.3s,box-shadow .3s}
.tech_card_item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #9407c226}
.tech_icon_holder{width:64px;height:64px;background:linear-gradient(135deg,#9407C2,#0FD9FF);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.tech_framework_icon{font-size:32px;color:#fff}
.tech_custom_svg{color:#fff}
.tech_card_title{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.tech_card_description{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0 0 20px}
.tech_metric_display{padding-top:16px;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}
.metric_label{font-size:14px;color:#7a7a7a;font-weight:500}
.metric_value{font-size:16px;color:#9407C2;font-weight:700}
.updates_section_wrapper{background:#fff;padding:80px 20px}
.updates_inner_container{max-width:1440px;margin:0 auto}
.updates_header_zone{text-align:center;margin-bottom:56px}
.updates_main_title{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.updates_subtitle_text{font-size:18px;line-height:1.6;color:#5a5a5a;max-width:700px;margin:0 auto}
.updates_grid_holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:40px}
.update_card_block{background:#f8f9fa;border-radius:10px;overflow:hidden;transition:transform 0.3s,box-shadow .3s}
.update_card_block:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001f}
.update_card_image{width:100%;height:240px;object-fit:cover;display:block}
.update_card_content{padding:28px}
.update_card_heading{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.update_meta_info{display:flex;gap:12px;margin-bottom:16px}
.update_category{background:#0FD9FF;color:#fff;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600}
.update_status{background:#9407C2;color:#fff;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600}
.update_description{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0 0 20px}
.update_specs_list{border-top:2px solid #e0e0e0;padding-top:16px;display:flex;flex-direction:column;gap:10px}
.spec_item{display:flex;justify-content:space-between;align-items:center}
.spec_label{font-size:14px;color:#7a7a7a;font-weight:500}
.spec_value{font-size:14px;color:#1a1a1a;font-weight:600}
.performance_wrapper{background:linear-gradient(180deg,#9407C2 0%,#0FD9FF 100%);padding:80px 20px}
.performance_content_box{max-width:1440px;margin:0 auto}
.performance_heading{font-size:40px;font-weight:700;color:#fff;margin:0 0 48px;text-align:center}
.performance_layout_grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.performance_showcase_img{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 32px #0003;display:block}
.performance_data_side{color:#fff}
.performance_intro{font-size:17px;line-height:1.6;margin:0 0 32px;opacity:.95}
.performance_metrics_holder{display:flex;flex-direction:column;gap:28px}
.metric_bar_block{background:#ffffff1a;padding:20px;border-radius:8px;backdrop-filter:blur(10px)}
.metric_header_row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.metric_name{font-size:16px;font-weight:600}
.metric_percentage{font-size:20px;font-weight:700}
.metric_bar_track{height:10px;background:#fff3;border-radius:5px;overflow:hidden;margin-bottom:10px}
.metric_bar_fill{height:100%;background:#FEFFD9;border-radius:5px;transition:width 1.2s ease}
.metric_detail_text{font-size:14px;line-height:1.5;margin:0;opacity:.9}
.demo_access_wrapper{background:#fff;padding:80px 20px}
.demo_content_container{max-width:1440px;margin:0 auto}
.demo_header_section{text-align:center;margin-bottom:56px}
.demo_main_heading{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.demo_description_paragraph{font-size:18px;line-height:1.6;color:#5a5a5a;max-width:800px;margin:0 auto}
.demo_features_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px;margin-bottom:48px}
.demo_feature_card{display:flex;flex-direction:column;gap:20px}
.demo_card_visual{border-radius:10px;overflow:hidden}
.demo_card_image{width:100%;height:220px;object-fit:cover;display:block}
.demo_card_accent{background:#f8f9fa;height:220px;display:flex;align-items:center;justify-content:center;padding:20px}
.demo_svg_graphic{width:100%;height:100%;max-width:200px}
.demo_card_text_zone{flex:1}
.demo_card_title{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.demo_card_info{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
.demo_cta_section{text-align:center}
.demo_access_button{display:inline-block;background:linear-gradient(135deg,#9407C2,#0FD9FF);color:#fff;padding:16px 48px;border-radius:8px;text-decoration:none;font-size:18px;font-weight:600;transition:transform 0.3s,box-shadow .3s;cursor:pointer}
.demo_access_button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9407c24d}
.team_insight_wrapper{background:#f8f9fa;padding:80px 20px}
.team_content_holder{max-width:1440px;margin:0 auto}
.team_section_title{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 48px;text-align:center}
.team_layout_flex{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}
.team_description_block{font-size:17px;line-height:1.6;color:#4a4a4a;margin:0 0 36px}
.team_experience_list{display:flex;flex-direction:column;gap:28px}
.experience_item_row{display:flex;gap:20px;align-items:flex-start}
.experience_icon_box{flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,#9407C2,#0FD9FF);border-radius:50%;display:flex;align-items:center;justify-content:center}
.experience_svg_icon{color:#fff}
.experience_text_box{flex:1}
.experience_title{font-size:19px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.experience_detail{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
.profile_card_wrapper{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0000001a}
.profile_photo_img{width:100%;height:360px;object-fit:cover;display:block}
.profile_info_section{padding:24px}
.profile_name_text{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 6px}
.profile_role_text{font-size:16px;color:#9407C2;font-weight:500;margin:0 0 14px}
.profile_bio_text{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
@media (max-width: 1024px) {
.title_content_holder{grid-template-columns:1fr;gap:40px}
.performance_layout_grid{grid-template-columns:1fr;gap:40px}
.team_layout_flex{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.title_main_heading{font-size:36px}
.tech_section_heading,.updates_main_title,.performance_heading,.demo_main_heading,.team_section_title{font-size:32px}
.title_action_set{flex-direction:column}
.title_primary_btn,.title_secondary_btn{text-align:center}
.tech_grid_layout{grid-template-columns:1fr}
.updates_grid_holder{grid-template-columns:1fr}
.demo_features_grid{grid-template-columns:1fr}
}
.reach_section{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:0}
.reach_section .backdrop_image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.88) saturate(0.92);z-index:1}
.reach_section .overlay_shade{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#9407c273 0%,#0fd9ff61 100%);z-index:2}
.reach_section .content_holder{position:relative;z-index:3;max-width:740px;margin:0 auto;padding:0 24px;text-align:center}
.reach_section .main_heading{font-size:56px;font-weight:700;line-height:1.15;color:#FEFFD9;margin:0 0 18px;text-shadow:2px 3px 12px #0000004d}
.reach_section .intro_text{font-size:19px;line-height:1.6;color:#FFF;margin:0;text-shadow:1px 2px 8px #00000040}
.interaction_area{background:linear-gradient(165deg,#F8F9FB 0%,#FEFFD9 100%);padding:88px 0}
.interaction_area .section_wrap{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.4fr;gap:68px;align-items:start}
.contact_info_block h2{font-size:38px;font-weight:700;line-height:1.25;color:#1A1D28;margin:0 0 14px;position:relative;padding-left:18px}
.contact_info_block h2::before{content:'';position:absolute;left:0;top:6px;width:5px;height:32px;background:linear-gradient(180deg,#9407C2 0%,#0FD9FF 100%);border-radius:3px}
.contact_info_block .description_text{font-size:17px;line-height:1.7;color:#4A4E5C;margin:0 0 38px}
.detail_list{list-style:none;padding:0;margin:0 0 42px}
.detail_list li{margin-bottom:26px;padding-left:36px;position:relative;font-size:16px;line-height:1.5;color:#2C3040}
.detail_list li::before{content:'';position:absolute;left:0;top:2px;width:24px;height:24px;background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.detail_list .label_text{font-weight:600;display:block;margin-bottom:3px;color:#1A1D28}
.detail_list .value_text{display:block;color:#4A4E5C}
.detail_list .value_text a{color:#9407C2;text-decoration:none;transition:color .25s ease}
.detail_list .value_text a:hover{color:#0FD9FF}
.availability_note{background:#FFF;border-left:4px solid #9407C2;padding:18px 22px;border-radius:6px;box-shadow:0 4px 14px #0000000f}
.availability_note .note_title{font-size:15px;font-weight:600;color:#1A1D28;margin:0 0 6px}
.availability_note .note_content{font-size:14px;line-height:1.6;color:#4A4E5C;margin:0}
.submission_form{background:#FFF;padding:44px 38px;border-radius:12px;box-shadow:0 8px 28px #00000017}
.submission_form .form_title{font-size:28px;font-weight:700;line-height:1.3;color:#1A1D28;margin:0 0 26px}
.field_group{margin-bottom:24px}
.field_group label{display:block;font-size:15px;font-weight:600;color:#2C3040;margin-bottom:8px}
.field_group input[type="text"],.field_group input[type="email"],.field_group select,.field_group textarea{width:100%;padding:14px 16px;font-size:15px;line-height:1.5;color:#2C3040;background:#F8F9FB;border:2px solid #E1E4EB;border-radius:8px;transition:border-color .25s ease,background .25s ease;box-sizing:border-box}
.field_group input[type="text"]:focus,.field_group input[type="email"]:focus,.field_group select:focus,.field_group textarea:focus{outline:none;border-color:#9407C2;background:#FFF}
.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' viewBox='0 0 12 8'%3E%3Cpath fill='%234A4E5C' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.field_group textarea{resize:vertical;min-height:130px}
.preference_selector{margin-bottom:26px}
.preference_selector .selector_label{display:block;font-size:15px;font-weight:600;color:#2C3040;margin-bottom:12px}
.method_options{display:flex;gap:14px;flex-wrap:wrap}
.method_options input[type="radio"]{display:none}
.method_options label{padding:11px 20px;font-size:14px;font-weight:500;color:#4A4E5C;background:#F8F9FB;border:2px solid #E1E4EB;border-radius:8px;cursor:pointer;transition:all .25s ease}
.method_options input[type="radio"]:checked + label{color:#FFF;background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 100%);border-color:#9407C2}
.method_options label:hover{border-color:#9407C2}
.privacy_agreement{margin-bottom:28px;display:flex;align-items:start;gap:10px}
.privacy_agreement input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#9407C2}
.privacy_agreement label{font-size:14px;line-height:1.6;color:#4A4E5C;cursor:pointer}
.privacy_agreement a{color:#9407C2;text-decoration:none;font-weight:500;transition:color .25s ease}
.privacy_agreement a:hover{color:#0FD9FF}
.submit_holder{text-align:center}
.submit_holder button{padding:16px 52px;font-size:16px;font-weight:600;color:#FFF;background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 100%);border:none;border-radius:8px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 6px 18px #9407c247}
.submit_holder button:hover{transform:translateY(-2px);box-shadow:0 10px 26px #9407c25c}
.submit_holder button:active{transform:translateY(0)}
@media (max-width: 992px) {
.interaction_area .section_wrap{grid-template-columns:1fr;gap:54px}
.reach_section .main_heading{font-size:44px}
.contact_info_block h2{font-size:32px}
}
@media (max-width: 768px) {
.reach_section{min-height:340px}
.reach_section .main_heading{font-size:36px;margin-bottom:14px}
.reach_section .intro_text{font-size:17px}
.interaction_area{padding:64px 0}
.submission_form{padding:32px 24px}
.submission_form .form_title{font-size:24px}
.method_options{flex-direction:column}
.method_options label{width:100%;text-align:center}
}
@media (max-width: 480px) {
.reach_section .main_heading{font-size:28px}
.reach_section .intro_text{font-size:16px}
.contact_info_block h2{font-size:26px}
.detail_list li{padding-left:32px}
.submit_holder button{width:100%;padding:16px 24px}
}
.title_section{display:flex;align-items:center;gap:0;max-width:1440px;margin:0 auto;min-height:520px;background:linear-gradient(135deg,#f8f4ff 0%,#e8f9ff 100%);position:relative;overflow:hidden}
.title_section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#9407c214 0%,transparent 70%);animation:slow_pulse 12s ease-in-out infinite}
@keyframes slow_pulse {
0%,100%{transform:scale(1) translateY(0);opacity:.6}
50%{transform:scale(1.2) translateY(-20px);opacity:.9}
}
.image_holder{width:40%;height:520px;position:relative;overflow:hidden}
.parallax_img{width:100%;height:100%;object-fit:cover;transform:translateY(0);transition:transform .3s ease-out}
.title_section:hover .parallax_img{transform:translateY(-15px)}
.text_content_area{width:60%;padding:60px 80px 60px 70px;position:relative;z-index:2}
.heading_primary{font-size:52px;line-height:1.1;margin:0 0 24px;color:#1a1a2e;font-weight:700}
.heading_accent{display:block;background:linear-gradient(120deg,#9407C2 0%,#0FD9FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:8px}
.description_text{font-size:18px;line-height:1.7;color:#4a4a5e;margin:0}
.game_showcase{max-width:1440px;margin:0 auto;padding:100px 40px;background:linear-gradient(180deg,#fff 0%,#f9f9fc 100%)}
.section_intro{text-align:center;max-width:720px;margin:0 auto 70px}
.section_intro h2{font-size:42px;color:#1a1a2e;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.section_intro h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#9407C2 0%,#0FD9FF 100%);border-radius:4px}
.section_intro p{font-size:17px;line-height:1.6;color:#5a5a6e;margin:24px 0 0}
.games_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;margin-bottom:80px}
.game_card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .4s ease;position:relative}
.game_card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #9407c226}
.game_img_wrapper{width:100%;height:340px;overflow:hidden;position:relative}
.game_img_wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,#0006 100%);z-index:1;opacity:0;transition:opacity .4s ease}
.game_card:hover .game_img_wrapper::before{opacity:1}
.game_thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.game_card:hover .game_thumbnail{transform:scale(1.08)}
.game_details{padding:32px 30px}
.game_details h3{font-size:28px;color:#1a1a2e;margin:0 0 14px;font-weight:700}
.game_details p{font-size:16px;line-height:1.6;color:#6a6a7e;margin:0 0 26px}
.play_button{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #9407c240}
.play_button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #9407c259;cursor:pointer}
.disclaimer_zone{max-width:1440px;margin:0 auto;padding:80px 40px 100px;background:linear-gradient(135deg,#f3e8ff 0%,#e0f7ff 100%);position:relative}
.disclaimer_zone::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#9407C2 20%,#0FD9FF 50%,#9407C2 80%,transparent 100%)}
.disclaimer_wrapper{max-width:980px;margin:0 auto;background:#ffffffd9;padding:50px 60px;border-radius:12px;border:1px solid #9407c226;box-shadow:0 8px 24px #0000000a}
.disclaimer_wrapper h4{font-size:24px;color:#9407C2;margin:0 0 20px;font-weight:700;display:flex;align-items:center;gap:12px}
.disclaimer_wrapper h4::before{content:'';width:28px;height:28px;background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 100%);border-radius:50%;flex-shrink:0}
.disclaimer_list{list-style:none;padding:0;margin:0}
.disclaimer_list li{font-size:15px;line-height:1.7;color:#4a4a5e;margin:0 0 14px;padding-left:32px;position:relative}
.disclaimer_list li::before{content:'→';position:absolute;left:0;color:#0FD9FF;font-weight:700;font-size:18px}
.disclaimer_list li:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.title_section{flex-direction:column;min-height:auto}
.image_holder{width:100%;height:380px}
.text_content_area{width:100%;padding:50px 40px}
.heading_primary{font-size:40px}
.games_grid{gap:40px}
.game_showcase{padding:80px 30px}
.disclaimer_wrapper{padding:40px 45px}
}
@media (max-width: 768px) {
.games_grid{grid-template-columns:1fr;gap:35px}
.heading_primary{font-size:34px}
.section_intro h2{font-size:32px}
.text_content_area{padding:40px 30px}
.game_showcase{padding:60px 20px}
.disclaimer_zone{padding:60px 20px 80px}
.disclaimer_wrapper{padding:35px 30px}
.section_intro{margin-bottom:50px}
}
@media (max-width: 480px) {
.heading_primary{font-size:28px}
.image_holder{height:280px}
.game_img_wrapper{height:260px}
.game_details{padding:24px 20px}
.game_details h3{font-size:24px}
.disclaimer_wrapper h4{font-size:20px}
.play_button{width:100%;text-align:center;padding:13px 24px}
}
.success_wrapper{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 50%,#f1f3f5 100%);position:relative;overflow:hidden}
.success_wrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#9407c20d 0%,transparent 70%);animation:rotate_gradient 20s linear infinite}
@keyframes rotate_gradient {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.success_content_holder{max-width:680px;width:100%;background:#fff;border-radius:12px;padding:70px 50px;box-shadow:0 20px 60px #00000014;position:relative;z-index:2;text-align:center}
.success_icon_holder{width:120px;height:120px;margin:0 auto 40px;position:relative}
.success_circle_outer{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 100%);display:flex;align-items:center;justify-content:center;animation:pulse_success 2s ease-in-out infinite}
@keyframes pulse_success {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.success_circle_inner{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.checkmark_svg{width:50px;height:50px}
.checkmark_path{stroke:#9407C2;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw_check .8s ease-out .3s forwards}
@keyframes draw_check {
to{stroke-dashoffset:0}
}
.success_main_heading{font-size:42px;font-weight:700;color:#212529;margin:0 0 20px;line-height:1.2}
.success_subheading{font-size:19px;color:#6c757d;margin:0 0 35px;line-height:1.6}
.success_message_box{background:linear-gradient(135deg,#9407c20d 0%,#0fd9ff0d 100%);border-left:4px solid #9407C2;border-radius:6px;padding:25px 30px;margin:0 0 40px;text-align:left}
.success_message_text{font-size:16px;color:#495057;line-height:1.7;margin:0}
.button_group_holder{display:flex;flex-direction:column;gap:15px;align-items:center}
.primary_success_btn{display:inline-block;padding:16px 45px;background:linear-gradient(135deg,#9407C2 0%,#0FD9FF 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 8px 20px #9407c240;cursor:pointer;position:relative;z-index:3}
.primary_success_btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #9407c259}
.secondary_success_link{display:inline-block;padding:14px 40px;background:transparent;color:#9407C2;font-size:16px;font-weight:500;text-decoration:none;border:2px solid #9407C2;border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative;z-index:3}
.secondary_success_link:hover{background:#9407C2;color:#fff}
.decorative_shape_top{position:absolute;top:30px;right:30px;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#0fd9ff26 0%,#feffd926 100%);z-index:1}
.decorative_shape_bottom{position:absolute;bottom:40px;left:40px;width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#9407c21a 0%,#0fd9ff1a 100%);transform:rotate(45deg);z-index:1}
@media (max-width: 768px) {
.success_wrapper{padding:40px 15px;min-height:80vh}
.success_content_holder{padding:50px 30px}
.success_main_heading{font-size:32px}
.success_subheading{font-size:17px}
.success_icon_holder{width:100px;height:100px;margin-bottom:30px}
.success_circle_outer{width:100px;height:100px}
.success_circle_inner{width:82px;height:82px}
.checkmark_svg{width:40px;height:40px}
.success_message_box{padding:20px}
.primary_success_btn{padding:14px 35px;font-size:16px;width:100%}
.secondary_success_link{padding:12px 30px;font-size:15px;width:100%}
.decorative_shape_top{width:60px;height:60px;top:20px;right:20px}
.decorative_shape_bottom{width:50px;height:50px;bottom:25px;left:25px}
}
@media (max-width: 480px) {
.success_content_holder{padding:40px 20px}
.success_main_heading{font-size:28px}
.success_subheading{font-size:16px}
.success_message_text{font-size:15px}
}