:root {
  --bg: #0b0b0e;
  --text: #f6f7fb;
  --muted: #b9bed1;
  --outline: #2a2f3a;
  --accent: #f8bd04; /* زر معروف */
  --wa1: #29a71a;   /* واتساب */
  --wa2: #1f8b13;
  --store1: #f68b1e; /* زر المتجر */
  --store2: #e56f00;
  --radius: 18px;
  --shadow: 0 10px 30px rgba(0,0,0,0.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Cairo","Tajawal",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background: radial-gradient(1200px 800px at 50% -10%, #151521, var(--bg));
  color:var(--text);
  line-height:1.6;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}
.view{min-height:100dvh;display:flex;align-items:center;justify-content:center}
.container{
  width:min(720px,100%);
  text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));
  border:1px solid var(--outline);
  border-radius:var(--radius);
  padding:28px 20px 24px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(6px);
}
.brand-logo{width:140px;height:auto;display:block;margin:8px auto 10px;filter: drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.brand-logo.small{width:110px}
.brand-name{
  margin:4px 0 8px;font-weight:800;letter-spacing:.2px;font-size:clamp(26px,5.3vw,38px);
  background:linear-gradient(90deg,#fff,#d7dbff);-webkit-background-clip:text;background-clip:text;color:transparent
}
.subtitle{margin:0 0 22px;color:var(--muted);font-weight:500}
.buttons{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:12px 18px;font-weight:800;font-size:1rem;color:var(--text);
  text-decoration:none;border-radius:12px;border:1px solid transparent;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
  cursor:pointer;background:#1a1f2b;box-shadow:0 6px 14px rgba(0,0,0,.25);
}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.28)}
.btn-icon{width:26px;height:26px;object-fit:contain;filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25))}
.btn-accent{background:linear-gradient(180deg,var(--accent),#d6a403);color:#17212f;border-color:#efb304}
.btn-whatsapp{background:linear-gradient(180deg,var(--wa1),var(--wa2));border-color:var(--wa2);color:#fff}
.btn-store{background:linear-gradient(180deg,var(--store1),var(--store2));border-color:var(--store2);color:#fff}
.footer{margin-top:22px;color:var(--muted)}
.note-attention{
  display:block;background:#ff3b30;color:#fff!important;font-weight:800;font-size:1.1rem;
  padding:12px 16px;border-radius:12px;margin:14px 0;text-align:center;
  box-shadow:0 4px 12px rgba(0,0,0,.2)
}
.countdown{font-size:1.05rem;margin:10px 0 8px;color:#e0e5ff}