.feedback-campaign-page{width:min(560px,100%);margin:0 auto;display:grid;gap:14px;padding-bottom:22px;direction:rtl}
.feedback-campaign-card{background:rgba(255,255,255,.98);border:1px solid rgba(226,232,240,.92);border-radius:28px;box-shadow:0 18px 42px rgba(15,23,42,.065)}
.feedback-campaign-hero{overflow:hidden;padding:19px 18px 16px;text-align:center;display:grid;justify-items:center;gap:10px;background:radial-gradient(circle at 50% 48%,rgba(23,179,159,.08),transparent 34%),linear-gradient(180deg,#fff 0%,#fff 66%,#f7fffd 100%)}
.feedback-campaign-kicker{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:0 11px;border-radius:999px;background:rgba(23,179,159,.09);border:1px solid rgba(23,179,159,.14);color:#0f766e;font-size:.73rem;font-weight:950}
.feedback-campaign-hero h1{margin:0;color:#12325c;font-size:clamp(1.75rem,8vw,2.45rem);line-height:1.28;font-weight:950;letter-spacing:-.055em}
.feedback-campaign-hero h1 em{display:block;color:#0fa889;font-style:normal}
.feedback-campaign-reward-line{margin:0;color:#263b65;font-size:.91rem;line-height:1.85;font-weight:880}
.feedback-campaign-reward-line b{color:#0f8f74}
.feedback-campaign-max{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 13px;border-radius:999px;background:linear-gradient(135deg,rgba(23,179,159,.11),rgba(94,234,212,.14));color:#12325c;border:1px solid rgba(23,179,159,.11);font-size:.78rem;font-weight:950}
.feedback-campaign-max span{font-size:1rem}
.feedback-campaign-art{width:min(100%,460px);height:164px;margin:0;display:grid;place-items:end center;overflow:hidden;position:relative}
.feedback-campaign-art::before{content:"";position:absolute;inset:auto 10% 0;height:72%;border-radius:50%;background:radial-gradient(ellipse,rgba(23,179,159,.1),rgba(23,179,159,0) 68%)}
.feedback-campaign-art img{position:relative;z-index:1;width:100%;max-width:460px;height:auto;display:block;filter:drop-shadow(0 14px 18px rgba(15,23,42,.09))}
.feedback-campaign-primary{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:19px;background:linear-gradient(135deg,#18b9a3,#0f8f74);color:#fff!important;font-size:.94rem;font-weight:950;box-shadow:0 14px 28px rgba(15,143,116,.20);text-decoration:none}
.feedback-campaign-primary::before{content:"‹";width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:1.15rem}
.feedback-campaign-ended{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:#f1f5f9;color:#64748b;font-size:.85rem;font-weight:900}
.feedback-campaign-section{padding:16px;display:grid;gap:11px}
.feedback-campaign-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.feedback-campaign-section-title{display:grid;gap:3px}
.feedback-campaign-section-title h2{margin:0;color:#12325c;font-size:1.05rem;line-height:1.55;font-weight:950;letter-spacing:-.025em}
.feedback-campaign-section-title p{margin:0;color:#94a3b8;font-size:.72rem;line-height:1.7;font-weight:780}
.feedback-campaign-section-icon{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:rgba(14,165,233,.09);color:#0284c7;flex:0 0 auto;font-size:1rem}
.feedback-campaign-highlights{display:grid;gap:0}
.feedback-campaign-highlight{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(226,232,240,.76)}
.feedback-campaign-highlight:first-child{border-top:0}
.feedback-campaign-highlight.is-extra[hidden]{display:none}
.feedback-campaign-highlight-icon{width:40px;height:40px;border-radius:14px;background:#f1f8ff;display:grid;place-items:center;font-size:1.08rem}
.feedback-campaign-highlight-copy{display:grid;gap:2px;min-width:0;text-align:right}
.feedback-campaign-highlight-copy strong{color:#172b52;font-size:.83rem;font-weight:950;line-height:1.55}
.feedback-campaign-highlight-copy small{color:#94a3b8;font-size:.7rem;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feedback-campaign-status{min-height:29px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:950;white-space:nowrap}
.feedback-campaign-status--success{background:#e5faf4;color:#0f8f74}
.feedback-campaign-status--warning{background:#fff3d8;color:#b56a05}
.feedback-campaign-status--info{background:#eaf5ff;color:#1675c1}
.feedback-campaign-more{width:100%;min-height:44px;border:0;border-radius:15px;background:#eefaf8;color:#0f8f74;font:900 .78rem/1.4 inherit;cursor:pointer}
.feedback-campaign-how{padding:16px}
.feedback-campaign-how h2{margin:0 0 13px;color:#12325c;font-size:1.02rem;font-weight:950}
.feedback-campaign-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}
.feedback-campaign-step{min-width:0;text-align:center;display:grid;justify-items:center;gap:5px;position:relative}
.feedback-campaign-step+.feedback-campaign-step::after{content:"‹";position:absolute;right:-9px;top:18px;color:#cbd5e1;font-size:1.1rem;font-weight:950}
.feedback-campaign-step-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:1.25rem;background:#eaf5ff}
.feedback-campaign-step:nth-child(2) .feedback-campaign-step-icon{background:#e5faf4}
.feedback-campaign-step:nth-child(3) .feedback-campaign-step-icon{background:#fff0f4}
.feedback-campaign-step strong{color:#172b52;font-size:.78rem;font-weight:950;line-height:1.5}
.feedback-campaign-step small{color:#94a3b8;font-size:.64rem;line-height:1.6;font-weight:760}
.feedback-campaign-rules{overflow:hidden}
.feedback-campaign-rules summary{list-style:none;cursor:pointer;min-height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#12325c;font-size:.88rem;font-weight:950}
.feedback-campaign-rules summary::-webkit-details-marker{display:none}
.feedback-campaign-rules summary::after{content:"⌄";color:#0f8f74;font-size:1rem}
.feedback-campaign-rules[open] summary::after{content:"⌃"}
.feedback-campaign-rules p{margin:0;padding:0 16px 15px;color:#64748b;font-size:.76rem;line-height:1.95;font-weight:760}
.feedback-campaign-bottom{padding:15px;display:grid;gap:9px;text-align:center}
.feedback-campaign-bottom strong{color:#12325c;font-size:.98rem;font-weight:950}
.feedback-campaign-bottom small{color:#64748b;font-size:.74rem;line-height:1.75;font-weight:770}


.feedback-support-banner{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:21px;background:linear-gradient(135deg,#f0fdfa,#fff 70%);border:1px solid rgba(23,179,159,.16);box-shadow:0 12px 26px rgba(15,23,42,.045);color:inherit;text-decoration:none!important}
.feedback-support-banner-icon{width:42px;height:42px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid rgba(23,179,159,.12);font-size:1.25rem}
.feedback-support-banner-copy{display:grid;gap:2px;min-width:0;flex:1}
.feedback-support-banner-copy strong{color:#12325c;font-size:.85rem;font-weight:950;line-height:1.55}
.feedback-support-banner-copy small{color:#64748b;font-size:.7rem;line-height:1.6;font-weight:780}
.feedback-support-banner-open{color:#0f8f74;font-size:.74rem;font-weight:950;white-space:nowrap}
.feedback-support-rules-link{display:inline-flex;align-items:center;gap:4px;color:#0f8f74;font-size:.7rem;font-weight:880;text-decoration:none}

@media(max-width:520px){
  .feedback-campaign-page{gap:12px}
  .feedback-campaign-card{border-radius:24px}
  .feedback-campaign-hero{padding:16px 14px 14px}
  .feedback-campaign-art{height:145px}
  .feedback-campaign-highlight{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}
  .feedback-campaign-highlight-icon{width:38px;height:38px}
  .feedback-campaign-status{padding:0 8px;font-size:.64rem}
  .feedback-campaign-section,.feedback-campaign-how{padding:14px}
}
@media(max-width:360px){
  .feedback-campaign-hero h1{font-size:1.62rem}
  .feedback-campaign-reward-line{font-size:.82rem}
  .feedback-campaign-step small{font-size:.6rem}
}

/* Home campaign announcement strip — short-lived, non-sticky, intentionally distinct from content cards. */
.feedback-campaign-strip{
  position:relative;
  min-width:0;
  min-height:48px;
  border:1px solid rgba(23,179,159,.20);
  border-radius:17px;
  overflow:hidden;
  background:
    linear-gradient(105deg,rgba(255,255,255,.97) 0%,rgba(236,253,249,.98) 54%,rgba(238,247,255,.98) 100%);
  box-shadow:0 8px 20px rgba(15,23,42,.045);
  transition:opacity .18s ease,transform .18s ease,max-height .18s ease,margin .18s ease;
}
.feedback-campaign-strip::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#17B39F 0%,#355C9A 100%);
  opacity:.9;
  pointer-events:none;
}
.feedback-campaign-strip-link{
  min-height:48px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:6px 10px 6px 43px;
  color:inherit;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
}
.feedback-campaign-strip-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:0 8px;
  border-radius:999px;
  background:linear-gradient(135deg,#12325c 0%,#244a7c 100%);
  color:#fff;
  font-size:.64rem;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(18,50,92,.12);
}
.feedback-campaign-strip-messages{
  position:relative;
  min-width:0;
  min-height:30px;
  display:grid;
  align-items:center;
  overflow:hidden;
}
.feedback-campaign-strip-message{
  grid-area:1 / 1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  color:#243B6B;
  font-size:.76rem;
  line-height:1.45;
  font-weight:870;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:0;
  transform:translateY(7px);
  pointer-events:none;
  transition:opacity .28s ease,transform .28s ease;
}
.feedback-campaign-strip-message.is-active{
  opacity:1;
  transform:translateY(0);
}
.feedback-campaign-strip-message i{font-style:normal;font-size:.9rem;flex:0 0 auto}
.feedback-campaign-strip-message b{color:#0f8f74;font-weight:950}
.feedback-campaign-strip-open{
  color:#0f8f74;
  font-size:1.18rem;
  font-weight:950;
  line-height:1;
  transform:translateY(-1px);
}
.feedback-campaign-strip-close{
  position:absolute;
  z-index:2;
  top:50%;
  left:7px;
  transform:translateY(-50%);
  width:29px;
  height:29px;
  border:0;
  border-radius:10px;
  display:grid;
  place-items:center;
  padding:0 0 2px;
  background:rgba(255,255,255,.76);
  color:#64748b;
  font:800 1.05rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.16);
  -webkit-tap-highlight-color:transparent;
}
.feedback-campaign-strip-close:hover{background:#fff;color:#12325c}
.feedback-campaign-strip-link:focus-visible,.feedback-campaign-strip-close:focus-visible{outline:3px solid rgba(23,179,159,.22);outline-offset:2px}
.feedback-campaign-strip.is-dismissing{opacity:0;transform:translateY(-4px);max-height:0;min-height:0;margin:0;border-width:0}

@media(max-width:420px){
  .feedback-campaign-strip{min-height:46px;border-radius:15px}
  .feedback-campaign-strip-link{min-height:46px;gap:7px;padding-right:8px;padding-left:40px}
  .feedback-campaign-strip-badge{min-height:23px;padding:0 7px;font-size:.6rem}
  .feedback-campaign-strip-message{font-size:.71rem;gap:5px}
  .feedback-campaign-strip-open{font-size:1.05rem}
  .feedback-campaign-strip-close{left:6px;width:27px;height:27px;border-radius:9px}
}
@media(max-width:350px){
  .feedback-campaign-strip-badge{display:none}
  .feedback-campaign-strip-link{grid-template-columns:minmax(0,1fr) auto}
}
@media(prefers-reduced-motion:reduce){
  .feedback-campaign-strip,.feedback-campaign-strip-message{transition:none!important}
}