:root{
  --lila: #b085f5;
  --bg: #f6f2fb;
  --text: #222;
  --muted: #555;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:linear-gradient(180deg,var(--bg),#fff);
  padding:20px;
}
.container{max-width:980px;margin:0 auto;}
.hero{
  background:var(--lila);
  color:white;
  padding:28px;
  border-radius:18px;
  text-align:center;
}
.logo{max-width:180px;margin-bottom:12px;}
h1{margin:6px 0;}
.lead{opacity:.95;}

.notify-btn{
  background:rgba(255,255,255,0.18);
  padding:10px 18px;
  border-radius:10px;
  color:white;
  text-decoration:none;
}

.services{margin:22px 0;}
.services h2{text-align:center;margin-bottom:14px;color:var(--muted);}
.grid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.services article{
  background:white;
  padding:14px;
  border-radius:12px;
  box-shadow:0 4px 16px rgba(0,0,0,0.05);
}

.countdown{
  text-align:center;
  margin:14px 0;
  padding:16px;
  background:rgba(176,136,245,0.08);
  border-radius:12px;
}

footer{text-align:center;color:var(--muted);margin-top:18px;}