:root {


    --primary:#2563EB;

    --primary-hover:#1D4ED8;


    --success:#22C55E;

    --warning:#F59E0B;

    --danger:#EF4444;


    --background:#F8FAFC;

    --surface:#FFFFFF;


    --border:#E5E7EB;


    --text:#111827;

    --text-light:#6B7280;



    --radius-card:16px;

    --radius-button:12px;

    --radius-input:10px;


    --shadow:
    0 2px 8px rgba(0,0,0,.04);


}



* {


    margin:0;

    padding:0;

    box-sizing:border-box;


}



body {


    font-family:"Inter",sans-serif;


    background:var(--background);


    color:var(--text);


    line-height:1.5;


}



button {


    font-family:inherit;


}




a {


    text-decoration:none;


    color:inherit;


}




/* =========================
LANGUAGE SWITCHER PREMIUM
========================= */


.language-picker {

    position: fixed;

    top: 24px;

    right: 32px;

    z-index: 9999;

}



.language-trigger {


    height:42px;


    padding:0 16px;


    display:flex;


    align-items:center;


    gap:10px;



    background:rgba(255,255,255,.9);



    border:1px solid var(--border);



    border-radius:14px;



    cursor:pointer;



    font-size:16px;



    box-shadow:

    0 4px 14px rgba(15,23,42,.06);



    backdrop-filter:blur(10px);



    transition:.2s ease;


}



.language-trigger:hover {


    border-color:var(--primary);


    transform:translateY(-1px);


}





.language-trigger span {


    font-size:12px;


    color:var(--text-light);


}




.language-dropdown {


    position:absolute;


    top:52px;


    right:0;



    width:190px;



    padding:8px;



    background:white;



    border:1px solid var(--border);



    border-radius:16px;



    box-shadow:


    0 15px 35px rgba(15,23,42,.12);



    opacity:0;


    visibility:hidden;


    transform:


    translateY(-8px)
    scale(.98);



    transition:.2s ease;


}





.language-dropdown.show {


    opacity:1;


    visibility:visible;


    transform:


    translateY(0)
    scale(1);


}





.language-dropdown button {


    width:100%;


    height:42px;


    padding:0 14px;


    display:flex;


    align-items:center;


    gap:10px;


    border:none;


    background:white;


    border-radius:12px;


    cursor:pointer;


    font-size:14px;


    font-weight:500;


    color:var(--text);


    transition:.15s;


}




.language-dropdown button:hover {


    background:#EFF6FF;


    color:var(--primary);


}