:root {
    --bg:#0a0e14;
    --accent:#3498db;
    --text:#e0e6ed;
}

body{
    margin:0;
    font-family:Arial, sans-serif;
    background:var(--bg);
    color:var(--text);
    transition:all .3s ease;
}

.container{
    max-width:900px;
    margin:auto;
    padding:40px 20px;
}

.logo{
    width:160px;
    display:block;
    margin:0 auto 20px auto;
}

.lang-bar{
    text-align:center;
    margin-bottom:30px;
}

button{
    padding:8px 14px;
    margin:5px;
    border:none;
    border-radius:20px;
    cursor:pointer;
    font-weight:bold;
}

.card{
    background:rgba(255,255,255,0.05);
    padding:30px;
    border-radius:20px;
}

h1{text-align:center;margin-bottom:10px;}
h2{color:var(--accent);margin-top:30px;}

body.en{--accent:#3498db;}
body.fr{--accent:#2ecc71;}
body.es{--accent:#e74c3c;}
body.zh{--accent:#f1c40f;}