:root{
  --am-primary:#e30078;
  --am-dark:#bd0064;
  --am-yellow:#ffd504;
  --text:#24111d;
  --muted:#6f5264;
  --bg:#fff7fc;
  --card:#ffffff;
  --line:rgba(189,0,100,.16);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(227,0,120,.12), transparent 34%),
    linear-gradient(135deg,#fff7fc,#fffdf0);
}
.engine-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 18px;
}
.hero{
  max-width:1050px;
  width:100%;
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  border-radius:28px;
  padding:38px;
  box-shadow:0 24px 70px rgba(189,0,100,.14);
}
.badge{
  display:inline-flex;
  background:var(--am-yellow);
  color:#3b2500;
  font-weight:900;
  padding:9px 16px;
  border-radius:999px;
}
h1{
  font-size:clamp(34px,5vw,62px);
  line-height:1;
  margin:20px 0 14px;
  color:var(--am-dark);
}
.hero>p{
  font-size:18px;
  line-height:1.65;
  color:var(--muted);
  max-width:820px;
}
.grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  margin-top:28px;
}
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px;
  box-shadow:0 10px 25px rgba(227,0,120,.08);
}
.card h2{
  margin:0 0 8px;
  font-size:19px;
  color:var(--am-primary);
}
.card p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
.status{
  margin-top:26px!important;
  padding:15px 18px;
  border-radius:16px;
  background:linear-gradient(90deg,var(--am-dark),var(--am-primary));
  color:white!important;
  font-weight:800;
}
@media(max-width:900px){
  .grid{grid-template-columns:1fr 1fr}
  .hero{padding:26px}
}
@media(max-width:520px){
  .grid{grid-template-columns:1fr}
}