.portfolio-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.portfolio-home-card{background:#fff;border:1px solid rgba(15,47,94,.12);border-radius:20px;overflow:hidden;box-shadow:0 16px 45px rgba(7,29,65,.08)}
.portfolio-home-card img,.portfolio-home-placeholder{width:100%;aspect-ratio:16/10;object-fit:cover;background:#edf3fb}
.portfolio-home-placeholder{display:grid;place-items:center;font-weight:1000;letter-spacing:.15em;color:#6d7e98}
.portfolio-home-card>div{padding:18px}
.portfolio-home-card small{color:#087cf0;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.portfolio-home-card h3{margin:8px 0 6px}
.portfolio-home-card p{color:#66738b;margin:0 0 14px}
.portfolio-home-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Compact Affiliate Program promotion */
.affiliate-dialog{
  max-width:470px;
  width:calc(100% - 32px);
  max-height:calc(100dvh - 32px);
  border:0;
  border-radius:20px;
  padding:0;
  box-shadow:0 24px 75px rgba(0,0,0,.26);
  overflow:auto;
}
.affiliate-dialog::backdrop{background:rgba(4,13,30,.64);backdrop-filter:blur(4px)}
.affiliate-dialog-head{
  padding:18px 22px 17px;
  background:linear-gradient(135deg,#071a3f,#143b83 58%,#612fc7);
  color:#fff;
  position:relative;
}
.affiliate-dialog-head img{width:88px;height:auto;display:block}
.affiliate-dialog-head h2{
  font-size:clamp(1.45rem,4vw,1.9rem);
  line-height:1.08;
  margin:10px 42px 5px 0;
  letter-spacing:-.03em;
}
.affiliate-dialog-head p{margin:0;color:#d5e6ff;font-size:.94rem}
.affiliate-dialog-close{
  position:absolute;
  right:12px;
  top:12px;
  border:0;
  background:rgba(255,255,255,.15);
  color:#fff;
  border-radius:50%;
  width:34px;
  height:34px;
  font-size:1.15rem;
  cursor:pointer;
}
.affiliate-dialog-body{padding:17px 22px 20px;background:#fff}
.affiliate-dialog-intro{margin:0 0 15px;color:#52627a;line-height:1.5}
.affiliate-dialog-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.affiliate-dialog-actions .btn{min-width:0;white-space:nowrap}

@media(max-width:900px){.portfolio-home-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
  .portfolio-home-grid{grid-template-columns:1fr}
  .affiliate-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:17px}
  .affiliate-dialog-head{padding:16px 18px 15px}
  .affiliate-dialog-head img{width:78px}
  .affiliate-dialog-head h2{font-size:1.45rem;margin-top:8px}
  .affiliate-dialog-body{padding:15px 18px 18px}
  .affiliate-dialog-actions{display:grid;grid-template-columns:1fr 1fr}
  .affiliate-dialog-actions .btn{width:100%;padding-left:10px;padding-right:10px;text-align:center}
}
@media(max-width:390px){
  .affiliate-dialog-actions{grid-template-columns:1fr}
}