*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Arial,sans-serif;background:#0b1220;color:#eaeaf0}
a{color:#60a5fa;text-decoration:none}
header,footer{background:#111a2e;padding:14px}
nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.container{max-width:1100px;margin:auto;padding:16px}
.card{background:#111a2e;padding:18px;border-radius:14px;margin-bottom:18px}
button{padding:12px 18px;border-radius:12px;border:none;background:#60a5fa;color:#000;font-weight:600;width:100%}
@media(min-width:768px){button{width:auto}}
html[dir="rtl"]{direction:rtl}