.at-menu-btn{
  background:#fff3f4!important;
  color:#202938!important;
  border:1px solid #f0d6da!important;
}
.at-menu-btn:hover,
.at-menu-btn.active{
  background:#ffe5e8!important;
  color:#ad3340!important;
  border-color:#ebc4ca!important;
}
.at-page{
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.88);
  border:1px solid #f0cfd4;
  box-shadow:0 14px 36px rgba(160,34,54,.08);
}
.at-head{margin-bottom:20px}
.at-head small{color:#b73543;font-weight:700}
.at-head h2{margin:4px 0 4px;font-size:34px;color:#1f2937}
.at-head p{margin:0;color:#6b7280}
.at-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.at-card{
  position:relative;
  display:block;
  min-height:150px;
  padding:18px;
  border-radius:19px;
  text-decoration:none;
  color:#1f2937!important;
  background:#fff;
  border:1px solid #efd6da;
  box-shadow:0 12px 30px rgba(160,34,54,.055);
  transition:.18s ease;
}
.at-card:hover{
  transform:translateY(-2px);
  border-color:#dda6ae;
  box-shadow:0 17px 38px rgba(169,45,57,.11);
}
.at-mark{
  display:block;
  width:30px;
  height:5px;
  border-radius:99px;
  background:linear-gradient(90deg,#d95b68,#b73543,#912d37);
  margin-bottom:16px;
}
.at-card strong{display:block;font-size:17px;margin-bottom:6px}
.at-card small{display:block;color:#778196;line-height:1.4;padding-right:8px}
.at-card em{
  position:absolute;
  left:18px;
  bottom:16px;
  font-style:normal;
  color:#b73543;
  font-size:12px;
  font-weight:700;
}
@media(max-width:1000px){.at-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.at-page{padding:16px}.at-grid{grid-template-columns:1fr}.at-head h2{font-size:28px}}