.card-hero{
  grid-area:content;
  position:relative;
  background:linear-gradient(135deg,#ffe8fa 0%,#fff 60%);
  border-radius:var(--rad);
  padding:3.2rem 2.8rem;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 260px;
  gap:var(--gap);
  align-items:center;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.card-hero::before{
  content:"";position:absolute;right:-100px;top:-100px;
  width:320px;height:320px;border-radius:50%;
  background:var(--prim);opacity:.08;
}
.card-hero::after{
  content:"";position:absolute;left:-120px;bottom:-120px;
  width:280px;height:280px;border-radius:50%;
  background:#f2f2f6;opacity:.35;
}
@media(max-width:768px){
  .card-hero{grid-template-columns:1fr;text-align:center}
  .card-hero img{margin:2rem auto 0}
}
.card-hero h1{font-size:3.6rem;line-height:1.22;margin-bottom:1rem}
.card-hero .meta{color:var(--muted);font-size:1.5rem;margin-bottom:1.2rem;letter-spacing:.02em}
.card-hero .tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.card-hero .tag{background:rgba(192,0,143,.08);color:var(--prim);padding:.4rem 1rem;font-weight:600;font-size:1.3rem;border-radius:var(--rad)}
.card-hero img{width:260px;max-width:80vw;filter:drop-shadow(0 8px 18px rgba(0,0,0,.1));transition:transform .3s}
.card-hero img:hover{transform:translateY(-6px)}

.accordion{
  background:var(--card);
  margin-top:var(--gap);
  border-radius:var(--rad);
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  overflow:hidden;
  transition:box-shadow .2s;
}
.accordion:hover{box-shadow:0 6px 22px rgba(0,0,0,.08)}
.accordion summary{
  list-style:none;
  padding:1.8rem 2rem;
  cursor:pointer;
  font-size:2rem;font-weight:700;position:relative;
}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary::after{
  content:"";position:absolute;right:2rem;top:50%;transform:translateY(-50%) rotate(0deg);
  width:10px;height:10px;border-right:2px solid var(--prim);border-bottom:2px solid var(--prim);transition:.25s;
}
.accordion[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.accordion .content{padding:0 2rem 2rem 2rem;line-height:1.65;color:var(--muted)}
.accordion .content ul{margin-left:1.5rem}
