body{margin:0;font-family:Arial;background:#f4f4f4}
.header{background:#f57c00;color:#fff;text-align:center;
padding:15px;font-size:20px;font-weight:bold}
.langwrap{padding:8px;text-align:right;background:#ffffff}
select{padding:6px;font-size:14px}
.container{padding:10px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.tile{padding:18px;border-radius:8px;color:#fff;font-size:16px;cursor:pointer}
.section{margin-top:12px;padding:12px;background:#ffffff;border-radius:6px}
.footer{position:fixed;bottom:0;width:100%;background:#222;color:#fff;
padding:6px;text-align:center;font-size:13px}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;
background:rgba(0,0,0,.7)}
.modal-box{background:#fff;margin:10% auto;padding:20px;width:90%;
border-radius:8px}
.close{float:right;cursor:pointer;font-weight:bold}