/************************

GLOBAL

*************************/

body
{
    font-family: 'Inter', sans-serif; 
    background: #ffffff;
}



/*

ADMIN

*/


.window_main_admin
{
    margin: 0 auto; 
    width: 1220px; 
    min-height: 200px; 
    background: #ffffff;
    overflow: hidden;

}
.window_main_admin_sub
{
    width: 1220px; 
    font-size: 18px; 
    background: #eef9ff; 
    color: #0059b3;
}

.window_main_admin_head
{
    overflow: hidden; 
    width: 1220px; 
    background: #ffffff;
}

.window_main_admin_head_padding
{
    padding:0px 0px 0px 0px; 
    color: #000000; 
    text-align:center;
}

.window_main_admin_head_subtext
{
    padding:8px 30px 20px 0px; 
    font-size:22px; 
    color: #000000; 
    text-align: right;
}

.window_main_admin_head_find
{
    overflow: hidden; 
    width: 1220px;
}

.window_main_admin_head_find_left
{
    float:left; 
    width: 410px;
}

.window_main_admin_head_find_left_padding
{
    font-size:18px; 
    text-align: right; 
    padding: 16px 10px 0px 10px;
}

.window_main_admin_head_find_center
{
    float:left; 
    width: 400px;
}

.window_main_admin_head_find_center_margin
{
    width: 400px; 
    overflow: hidden; 
    margin: 10px 0px 10px 0px;
}

.window_main_admin_head_find_right
{
    float:left; 
    width: 320px;
}

.window_main_admin_head_find_right_margin
{
    width: 100px; 
    overflow: hidden; 
    margin: 10px 0px 10px 10px;
}


/*

ADMIN --- > Login

*/

.window_main_admin_login
{
    width: 100%;
    overflow: hidden;
}

.window_main_admin_login_margin
{
    margin:10px; 
    width: 780px;
}

.window_main_admin_login_h1
{
    font-size: 18px; 
    text-align:center;
}


.window_main_admin_login_form
{
    margin:10px auto 10px auto; 
    border: 1px solid #cccccc; 
    width: 300px; 
    min-height:50px; 
    border-radius:10px;
}

.window_main_admin_login_form_padding
{
    padding: 10px;
}

.window_main_admin_login_form_padding2
{
    padding:0px 0px 0px 0px; 
    font-size:16px;
}

.window_main_admin_login_form_input
{
    padding:5px 0px 0px 0px; 
    font-size:16px;
}

.window_main_admin_login_form_input2
{
    padding:5px 0px 0px 0px; 
    font-size:16px; 
    color: #cc0000;
}


/*

ADMIN --- > EDIT WORDS

*/

.window_main_admin_edit_word
{
    width: 1220px;
}

.window_main_admin_edit_word_title
{
    margin:10px; 
    width: 1200px;
}

.window_main_admin_edit_word_title_h1
{
    font-size: 18px; 
    text-align:center;
}

.window_main_admin_edit_word_manual
{
    margin:10px; 
    width: 1200px; 
    font-size: 14px;
}

.window_main_admin_edit_word_nav
{
    margin:10px; 
    width: 1200px; 
    font-size: 18px;
}

.window_main_admin_edit_word_find
{
    display:none; 
    margin:10px; 
    width: 1200px; 
    font-size: 18px;
    overflow: hidden;
}

.window_main_admin_edit_word_find_title
{
    padding: 0px 0px 0px 0px;
}

.window_main_admin_edit_word_find_padding
{
    padding: 5px 0px 0px 0px;
}

.window_main_admin_edit_word_block1
{
    display:none; 
    margin:10px; 
    width: 1200px; 
    font-size: 18px;
}

.window_main_admin_edit_word_block2
{
    display:none; 
    margin:10px; 
    width: 1200px; 
    font-size: 18px;
    overflow: hidden;
}

.window_main_admin_edit_word_block2_title
{
    padding: 0px 0px 0px 0px;
}

.window_main_admin_edit_word_block2_padding
{
    padding: 5px 0px 0px 0px;
}

.window_main_admin_edit_word_block3
{
    display:none; 
    margin:10px; 
    width: 1200px; 
    font-size: 18px; 
    overflow: hidden;
}

.window_main_admin_edit_word_block3_title
{
    padding: 0px 0px 0px 0px;
}

.window_main_admin_edit_word_block3_padding
{
    padding: 5px 0px 0px 0px;
}

.window_main_admin_edit_word_block3_result
{
    display:none; 
    margin:10px; 
    width: 1200px; 
    font-size: 18px;
}

.window_main_admin_edit_word_block4
{
    display:none; 
    margin:10px; 
    width: 1200px; 
    font-size: 18px;
    overflow: hidden;
}

.window_main_admin_edit_word_block4_title
{
    padding: 0px 0px 0px 0px;
}

.window_main_admin_edit_word_block4_padding
{
    padding: 5px 0px 0px 0px;
}

.window_main_admin_edit_word_block4_table
{
    width: 1200px; 
    font-size:12px; 
    background: #ffffff;
}

.window_main_admin_edit_word__none_padding
{
    padding: 15px 0px 0px 0px;
}

.window_main_admin_edit_word__none_padding2
{
    padding: 10px 0px 15px 0px;
}




/******************************************

                USER

******************************************/


/*

less than 1100px;

*/


.main_sqz_window
{
    margin: 0 auto; 
    width: 1200px;  
    min-height: 200px; 
    background: #ffffff;
    overflow: hidden;
}

.main_sql_window_right
{
    float:left;
    width: 300px; 
}

.window_main_user
{
    
    margin: 0 auto; 
    width: 1120px;  
    min-height: 200px; 
    background: #ffffff;
    
    
}


.window_main_user_sub
{
    width: 1120px; 
    font-size: 18px; 
    
    color: #0059b3;
}

.window_main_user_head
{
    overflow: hidden; 
    width: 1120px; 
    background: #ffffff;
}

.window_main_user_head_padding
{
    padding:0px 0px 0px 0px; 
    color: #000000; 
    text-align:center;
}

.window_main_user_head_subtext
{
    padding:8px 30px 20px 0px; 
    font-size:22px; 
    color: #000000; 
    text-align: right;
}

.window_main_user_head_find
{
    overflow: hidden; 
    width: 1120px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	background: #eef9ff;
}

.window_main_user_head_find_left
{
    float:left; 
    width: 200px;
}

.window_main_user_head_find_left_padding
{
    font-size:18px; 
    text-align: right; 
    padding: 16px 10px 0px 10px;
}

.window_main_user_head_find_center
{
    float:left; 
    width: 600px;
}

.window_main_user_head_find_center_margin
{
    width: 600px; 
    overflow: hidden; 
    margin: 10px 0px 10px 0px;
}

.window_main_user_head_find_right
{
    float:left; 
    width: 320px;
}

.window_main_user_head_find_right_margin
{
    width: 100px; 
    overflow: hidden; 
    margin: 10px 0px 10px 10px;
}

/*

USER ---> HOME ---> Description site

*/

.window_main_user_description_site
{
    width: 1120px;
    overflow: hidden;
}

.window_main_user_description_site_padding
{
    margin:10px; 
    width: 1100px; 
    color: #000000;
}

.window_main_user_description_site_text
{
    font-size: 18px; 
    padding: 0px 0px 20px 0px; 
    color:#000000; 
    text-align: justify; 
    line-height: 1.5;
}

/*

USER ---> Main word

*/


.window_main_user_word
{
    margin: 0 15px 15px 15px;
    padding: 16px 0px 25px 0px;
    width: 780px; 
    font-size: 16px; 
    overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	background: #f6fcff;
}

.window_main_user_word_sup
{
    margin:0px; 
    width: 780px; 
    font-size: 16px; 
    overflow: hidden;
}

.window_main_user_word_sup_left
{
	padding-top: 5px;
    float:left; 
    width: 320px;
}

.window_main_user_word_sup_left_padding
{
    padding:0px 5px 0px 0px; 
    text-align: left;
    margin-left: 30px;
	text-transform: uppercase;
}

.window_main_user_word_sup_right
{
    float:left; 
    width: 680px;
}

.window_main_user_word_sup_right_sup
{
	padding-top: 5px;
    overflow: hidden; 
    width: 680px;
}

.window_main_user_word_sup_right_sup_left
{
    float:left; 
    width: 30px; 
    text-align:center;
}

.window_main_user_word_sup_right_sup_right
{
    float:left; 
    width: 650px; 
    text-align:left;
}


/*

USER ---> Description word

*/

.window_main_user_description_word
{
    margin:10px; 
    width: 780px; 
    font-size: 16px;
}


/*

left - right

*/

.s_main_gdx_form
{
    width: 1120px; 
    overflow: hidden;
}


.window_main_user_description_word2
{
    float: left;
    width: 800px;
}

.s_main_gdx_form_right
{
    float: left;
    width: 320px;
}

.window_main_user_description_word2_sub
{
    margin:30px 10px 10px 10px; 
    width: 780px; 
    font-size: 16px;
}

.window_main_user_description_word3
{
    margin:10px; 
    width: 780px;
}

/*

USER ----- > TABLE 

*/


.window_main_user_description_t_word_th1
{
    width: 780px; 
    text-align:center;
}

.window_main_user_description_t_word_th_f1
{
    width: 100px;
}

.window_main_user_description_t_word_th_f2
{
    width: 170px;
    text-align:center;
}

.window_main_user_description_t_word_th_f3
{
    /* width: 340px;  */
    width: 170px;
    text-align:center;
}

.window_main_user_description_t_word_td_a1
{
    width: 100px; 
    text-align:center;
}

.window_main_user_description_t_word_td_a2
{
    width: 170px;
}

.window_main_user_description_t_word_td_a3
{
    width: 170px;
}

.window_main_user_description_t_word_td_b1
{
    width: 100px; 
    text-align:center;
}

.window_main_user_description_t_word_td_b2
{
    width: 680px;
}


.window_main_user_description_t_word_td_c1
{
    width: 100px; 
}

.window_main_user_description_t_word_td_c2
{
    width: 510px; 
    text-align:center;
}

.window_main_user_description_t_word_td_c3
{
    width: 170px; 
    text-align:center;
}

.window_main_user_description_t_word_td_c_c1
{
    width: 100px; 
    text-align:center;
}

.window_main_user_description_t_word_td_c_c2
{
    width: 170px;
}

.window_main_user_description_t_word_td_c_c3
{
    width: 170px;
}

.window_main_user_description_t_word_td_c_c4
{
    width: 170px;
}

.window_main_user_description_t_word_td_c_c5
{
    width: 170px;
}

.window_main_user_description_t_word_td_d1
{
    width: 585px; 
    text-align:center;
}

.window_main_user_description_t_word_td_d2,
.window_main_user_description_t_word_td_d3,
.window_main_user_description_t_word_td_d5
{
    width: 195px; 
    text-align:center;
}

.window_main_user_description_t_word_td_dd,
.window_main_user_description_t_word_td_dd2,
.window_main_user_description_t_word_td_dd3
{
    width: 195px; 
}

.window_main_user_description_t_word_td_f1
{
    width: 100px;
}

.window_main_user_description_t_word_td_f2,
.window_main_user_description_t_word_td_f3
{
    width: 170px;
}

.window_main_user_description_t_word_td_ff1
{
    width: 100px;
}

.window_main_user_description_t_word_td_ff2
{
    width: 170px;
}

.window_main_user_description_t_word_td_e1
{
    width: 390px;
}

.window_main_user_description_t_word_td_w1
{
    width: 100px;
}

.window_main_user_description_t_word_td_w2
{
    width: 510px; 
    text-align:center;
}

.window_main_user_description_t_word_td_w3,
.window_main_user_description_t_word_td_wq3
{
    width: 170px; 
    text-align:center;
}

.window_main_user_description_t_word_td_ww1
{
    width: 100px; 
    text-align:center;
}

.window_main_user_description_t_word_td_ww2,
.window_main_user_description_t_word_td_ww3
{
    width: 170px;
}

.window_main_user_description_t_word_td_r1
{
    width: 585px; 
    text-align:center;
}

.window_main_user_description_t_word_td_r2,
.window_main_user_description_t_word_td_rn2,
.window_main_user_description_t_word_td_rw2
{
    width: 195px; 
    text-align:center;
}

.window_main_user_description_t_word_td_rr1,
.window_main_user_description_t_word_td_rr3,
.window_main_user_description_t_word_td_rrr1
{
    width: 195px; 
}


/********************************************

DIFFERENT

********************************************/
input[type=text],
input[type=password],
select
{
    width: 100%;
    padding: 6px 6px;
    display: inline-block;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    font-size: 16px;
    border-radius:8px;
    text-align: left;
    color: #262626;
}
            
input[type=submit]
{
    width: 100%;
    background-color: #1f7a7a;
    padding: 7px 6px 7px 6px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #ffffff;
}
input[type=submit]:hover 
{
    color: #ffffff;
    background-color: #0f3d3d;
}
table, td, th 
{    
    border: 1px solid #ddd;
    text-align: left;
}
table 
{
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}
th, 
td 
{
    padding: 5px !important;
}

table
{
    padding: 0px 0px 5px 0px !important;
}

th
{
    background: #eef9ff; 
    color: #0059b3;
}
            
.td_one
{
    background: #eef9ff; 
    color: #0059b3;  
}
            
a.w_link,
a.w_link:link,
a.w_link:visited,
a.w_link:active
{
    font-size:inherit;
    color: #000000;
    text-decoration: none;      
}       
a.w_link:hover
{
    text-decoration: underline;
}
a.h,
a.h:link,
a.h:visited,
a.h:active
{
    font-size:1.8em;
    color: #000000;
    text-decoration: none;     
}
a.h:hover
{
    text-decoration: underline;
}  
.h2class
{
    text-align:center;    
}
.h1_slovo_forma
{
    font-size:24px;
    text-align: center;
}   
.h2_a
{
    font-size:16px;    
}    
.h2_b
{
    font-size:16px; 
    font-weight:normal;
}
.h3_a
{
    font-size:16px;    
}    

@media only screen and (max-width: 999px) {
  body {
   /* background: red !important;*/
    margin: 0 !important;
    padding: 10px !important;
	
      
  }
    
    .window_main_user
    {
        margin: 0 !important;
        width: 100% !important; 
        min-height: 200px !important;
    }
    
    .window_main_user_head_subtext
    {
        text-align: center !important; 
        padding: 10px 10px !important; 
		font-size: 0.8em;
    }
    
    .window_main_user_sub
    {
        width: 100% !important; 
        font-size: 22px; 
        background: #eef9ff; 
        color: #0059b3;
		border-radius: 8px;
    }
    
    .window_main_user_head
    {
        overflow: hidden; 
        width: 100% !important;
        background: #ffffff;
    }
    
    .window_main_user_head_find
    {
        overflow: hidden; 
        width: 100% !important;
    }
    
    .window_main_user_head_find_left
    {
        float: none !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .window_main_user_head_find_left_padding
    {
        text-align: center !important;
    }
    
    .window_main_user_head_find_center,
    .window_main_user_head_find_right
    {
        float: none !important;
        width: 100% !important;
    }

    .window_main_user_head_find_center_margin,
    .window_main_user_head_find_right_margin
    {
        width: 100% !important;
        overflow: hidden; 
        padding: 10px 10px 10px 10px !important;
        margin: 0 !important;
    }
    
    .window_main_user_description_site
    {
        width: 100% !important;
        overflow: hidden;
    }

    .window_main_user_description_site_padding
    {
        margin:0 !important; 
        width: 100% !important;
        color: #000000;
        padding: 10px !important; 
    }

    .window_main_user_word
    {
        margin:0px 0px 15px 0px !important;
        width: 99% !important;
        font-size: 20px; 
        overflow: hidden;
		padding-bottom: 13px;
    }
    
    .window_main_user_word_sup
    {
        margin:0 !important;
        width: 100% !important;
        font-size: 20px; 
        overflow: hidden;
    }

    /*
    .window_main_user_word_sup_left
    {
        float: none !important; 
        width: 100% !important;
    }

    .window_main_user_word_sup_left_padding
    {
        padding:0px 0px 0px 0px !important;
        text-align:right;
    }

    .window_main_user_word_sup_right
    {
        float:none !important; 
        width: 100% !important;
    }

    .window_main_user_word_sup_right_sup
    {
        overflow: hidden; 
        width: 100% !important;
    }

    .window_main_user_word_sup_right_sup_left
    {
        float: none !important; 
        width: 100% !important;
        text-align:center;
    }

    .window_main_user_word_sup_right_sup_right
    {
        float:none !important;
        width: 100% !important;
        text-align:left !important;
    }
    */
    
    /*
    
    description word
    
    */
    
    .window_main_user_description_word
    {
        margin:0 !important;
        width: 100%;
        font-size: 20px;
        overflow-x: auto;
		overflow-y: hidden;
    }


    .window_main_user_description_word2
    {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .window_main_user_description_word2_sub
    {
        padding:30px 10px 10px 10px !important;
        width: 100% !important; 
        font-size: 20px;
        margin: 0 !important;
		
    }

    .window_main_user_description_word3
    {
        padding:0px !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* susestvitelnoe  */
    #v_susestvitelnoe1
    {
        display: none !important;
    }
    #v_susestvitelnoe2
    {
        display: block !important;
    }
    
    .window_main_user_description_t_word_th_f1
    {
        width: 10% !important;
    }
    
    .window_main_user_description_t_word_th_f2,
    .window_main_user_description_t_word_th_f3
    {
        width: 90% !important;
    }
    
    .window_main_user_description_t_word_td_a1,
    .window_main_user_description_t_word_td_b1
    {
        width: 10% !important;
        text-align:center;
    }

    .window_main_user_description_t_word_td_a2,
    .window_main_user_description_t_word_td_a3,
    .window_main_user_description_t_word_td_b2
    {
        width: 90% !important;
    }
    
    table
    {
        width: 100% !important;
    }
    
    #prilagatelnoe_pol1,
    #prevoshstepen1,
    #vkr_prilagatelnoe1,
    #v_vglagol1,
    #vdeystviltelnoe_diepricastie1,
    #vdeystviltelnoe_diepricastie_pass1,
    #v_vs_stradatelnoe_pricastie_n1,
    #v_vs_stradatelnoe_pricastie_n1,
    #v_xstr_nast_g1,
    #v_xstr_nast_gg1,
    #vmain_word_f1
    {
        display: none !important;
    }
    
    #prilagatelnoe_pol2,
    #prevoshstepen2,
    #vkr_prilagatelnoe2,
    #v_vglagol2,
    #vdeystviltelnoe_diepricastie2,
    #vdeystviltelnoe_diepricastie_pass2,
    #v_vs_stradatelnoe_pricastie_n2,
    #v_vs_stradatelnoe_pricastie_n2,
    #v_xstr_nast_g2,
    #v_xstr_nast_gg2,
    #vmain_word_f2
    {
        display: block !important;
    }
    
    .window_main_user_description_t_word_td_c1
    {
        width: 10% !important;
    }
    
    .h2_a
    {
        padding: 0px 10px !important;
    }
    
    .window_main_user_description_t_word_td_c_c1
    {
        width: 10% !important;
    }
    
    .window_main_user_description_t_word_td_c_c5
    {
        width: 90% !important;
    }
    
    .window_main_user_description_t_word_td_c_c2,
    .window_main_user_description_t_word_td_c_c3,
    .window_main_user_description_t_word_td_c_c4
    {
        width: 30% !important;
    }
    
    .window_main_user_description_t_word_td_c2
    {
        width: 90% !important;
    }
    
    .window_main_user_description_t_word_td_c3
    {
        width: 30% !important;
    }
    
    .window_main_user_description_t_word_td_d1,
    .window_main_user_description_t_word_td_d5
    {
        width: 100% !important;
    }
    
    .window_main_user_description_t_word_td_d2
    {
        width: 33% !important;
    }
    
    .window_main_user_description_t_word_td_d3
    {
        width: 34% !important;
    }
    
    .window_main_user_description_t_word_td_dd
    {
        width: 33% !important;
    }
    
    .window_main_user_description_t_word_td_dd2
    {
        width: 33% !important;
    }
    
    .window_main_user_description_t_word_td_dd3
    {
        width: 100% !important;
    }
    
    .window_main_user_description_t_word_td_f1
    {
        width: 10% !important;
    }
    
    .window_main_user_description_t_word_td_f2
    {
        width: 30% !important;
    }
    
    .window_main_user_description_t_word_td_f3
    {
        width: 100% !important;
        text-align: center !important;
    }
    
    .window_main_user_description_t_word_td_ff1
    {
        width: 10% !important;
    }
    
    .window_main_user_description_t_word_td_e1,
    .window_main_user_description_t_word_td_e2
    {
        width: 50% !important;
    }
    
    .window_main_user_description_t_word_td_w1
    {
        width: 10% !important;
    }
    
    .window_main_user_description_t_word_td_w2
    {
        width: 90% !important;
    }
    
    .window_main_user_description_t_word_td_w3
    {
        width: 90% !important;
        text-align: center !important;
    }
    
    .window_main_user_description_t_word_td_wq3
    {
        width: 30% !important;
    }
    
    .window_main_user_description_t_word_td_ww3
    {
        width: 90% !important;
    }
    
    .window_main_user_description_t_word_td_ww1
    {
        width: 10% !important;
    }
    
    .window_main_user_description_t_word_td_ww2
    {
        width: 30% !important;
    }
    
    
    .window_main_user_description_t_word_td_r1
    {
        width: 100% !important;
        text-align:center;
    }

    .window_main_user_description_t_word_td_r2
    {
        width: 33% !important;
        text-align:center;
        
    }
    .window_main_user_description_t_word_td_rw2
    {
        width: 34% !important;
    }
    
    .window_main_user_description_t_word_td_rn2
    {
        width: 195px; 
        text-align:center;
    }

    .window_main_user_description_t_word_td_rr1
    {
        width: 33% !important;
    }
    
    .window_main_user_description_t_word_td_rrr1
    {
        width: 34% !important;
    }
    
    .window_main_user_description_t_word_td_rr3
    {
        width: 100% !important;
    }
    
    
    html {
    box-sizing: border-box;
    }
    *, *:before, *:after {
    box-sizing: inherit;
    }
    
    .s_main_gdx_form_right
    {
        float: none !important;
        display: none !important;
        width: 100% !important;
    }
    
    .s_main_gdx_form
    {
        width: 100% !important;
    }
    
}

@media only screen and (min-width: 1120px) 
{
    .ad_fromgooglebottom2
    {
        display: none !important;
    }
}



#examplePopup {
    border-radius: 8px;
    max-width: 400px;
    width: 90%;

}

#examplePopup h3 {
    margin-top: 0;
    color: #333;
}

#popupContent {
    margin-bottom: 15px;
    line-height: 1.6;
    color: #555;
}

#closePopup {
    padding: 8px 15px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#closePopup:hover {
    background-color: #0056b3;
}

.111show-examples-btn {
    background-color: #1f7a7a;
    padding: 6px 8px 6px 8px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
    color: #ffffff;
}

.111show-examples-btn:hover {
    color: #ffffff;
    background-color: #0f3d3d;
}

.window_main_user_word_sup .show-examples-btn {
    background-color: #1f7a7a;
    padding: 6px 8px 6px 8px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
    color: #ffffff;
	margin-bottom: 7px;
}

.window_main_user_word_sup .show-examples-btn:hover {
    color: #ffffff;
    background-color: #0f3d3d;
}




.show-examples-btn {
	background-color: #1f7a7a; /* Основной цвет кнопки */
    padding: 8px 12px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #ffffff;
    position: relative; /* Необходимо для позиционирования псевдоэлемента */
    overflow: hidden; /* Обрезает градиент, выходящий за границы кнопки */
    z-index: 1; /* Чтобы текст был поверх градиента */
    transition: background-color 0.3s ease;
}

.show-examples-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Начинаем за пределами кнопки слева */
    width: 100%; /* Ширина градиента */
    height: 100%;
    /* Градиент белого света: прозрачный -> полупрозрачный белый -> прозрачный */
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    /* Анимация мерцания: shine-left-to-right - название, 3s - длительность, infinite - бесконечно, ease-in-out - плавность */
    animation: shine-left-to-right 3s infinite ease-in-out;
    z-index: -1; /* Под текстом кнопки */
}

.show-examples-btn:hover {
    background-color: #0f3d3d; /* Темнее при наведении */
    color: #ffffff;
    animation: none; /* Отключаем мерцание при наведении */
}

/* При наведении на кнопку, убираем псевдоэлемент, чтобы он не мешал */
.show-examples-btn:hover::before {
    animation: none; /* Отключаем анимацию */
    left: -100%; /* Сбрасываем положение псевдоэлемента, чтобы он исчез */
}

@keyframes shine-left-to-right {
    0% {
        left: -100%; /* Градиент полностью слева от кнопки */
    }
    100% {
        left: 100%; /* Градиент полностью справа от кнопки */
    }
}


.ai-output {
    box-shadow: inset 0 0 10px rgba(31, 122, 122, 0.1);
    padding: 25px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbfb 50%, #f0f7f7 100%);
    color: #000000;
    font-family: 'Segoe UI', system-ui, sans-serif;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(31, 122, 122, 0.2);
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease;
}

/* Вариант 3: Сетка данных - ИСПРАВЛЕННЫЙ */
.ai-output.data-grid {
    /* Объединяем градиент и сетку в одном background */
    background: 
        linear-gradient(rgba(31, 122, 122, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(31, 122, 122, 0.05) 1px, transparent 1px),
        linear-gradient(135deg, #ffffff 0%, #f8fbfb 50%, #f0f7f7 100%);
    background-size: 25px 25px, 25px 25px, auto;
    animation: grid-move 30s linear infinite;
}

@keyframes grid-move {
    0% { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 25px 25px, 25px 25px, 0 0; }
}

/* Ховер эффекты */
.ai-output:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 0 10px rgba(31, 122, 122, 0.15),
               0 8px 25px rgba(31, 122, 122, 0.15);
}

/* Для мобильных устройств - замедляем анимацию */
@media (max-width: 768px) {
    .ai-output.data-grid {
        animation-duration: 60s;
    }
}