:root {
  --bg: #111;
  --text: #fff;
  --muted: #bfbfbf;
  --store1: #f68b1e;
  --store2: #e56f00;
}

* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: "Cairo","Tajawal",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container { text-align: center; max-width: 720px; margin: 0 auto; }
.brand-logo { width: 120px; margin-bottom: 10px; }
.brand-name { font-size: 2rem; font-weight: 800; margin: 10px 0; }
.subtitle { color: var(--muted); margin-bottom: 20px; }
.grid { display: flex; justify-content: center; }

.btn {
  display: inline-block;
  padding: 14px 22px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.2s;
}

.btn-store {
  background: linear-gradient(180deg, var(--store1), var(--store2));
  color: #fff;
  border: 1px solid var(--store2);
}

.btn-store:hover { filter: brightness(1.1); transform: translateY(-1px); }

.footer { margin-top: 30px; font-size: .9rem; color: var(--muted); }