.feedback-invite-modal{
  position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:22px;
  background:rgba(2,2,6,.78);backdrop-filter:blur(18px) saturate(120%);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease;
}
.feedback-invite-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.feedback-invite-card{
  position:relative;width:min(590px,100%);overflow:hidden;border:1px solid rgba(185,138,255,.34);border-radius:26px;
  color:#f8f7ff;background:linear-gradient(145deg,rgba(18,13,30,.985),rgba(7,7,12,.995) 64%);
  box-shadow:0 40px 110px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.025) inset,0 0 80px rgba(137,68,255,.14);
  transform:translateY(18px) scale(.97);transition:transform .3s cubic-bezier(.2,.85,.2,1);
}
.feedback-invite-modal.open .feedback-invite-card{transform:translateY(0) scale(1)}
.feedback-invite-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#9b5cff 23%,#d2aaff 52%,#62f3bc 82%,transparent)}
.feedback-invite-card::after{content:"";position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 62%)}
.feedback-invite-content{position:relative;z-index:2;padding:44px 46px 34px;text-align:center}
.feedback-invite-close{position:absolute;z-index:4;right:17px;top:17px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#aaa5b6;background:rgba(255,255,255,.035);cursor:pointer;transition:.18s ease}
.feedback-invite-close:hover{color:#fff;border-color:rgba(183,128,255,.45);background:rgba(151,85,255,.13)}
.feedback-invite-close svg{width:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.feedback-invite-icon{width:68px;height:68px;margin:0 auto 21px;display:grid;place-items:center;border:1px solid rgba(182,127,255,.42);border-radius:21px;color:#d6b9ff;background:linear-gradient(145deg,rgba(141,76,255,.28),rgba(85,43,166,.12));box-shadow:0 16px 40px rgba(112,47,225,.22),0 0 26px rgba(149,84,255,.15) inset}
.feedback-invite-icon svg{width:35px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.feedback-invite-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 12px;color:#ba8cff;font-size:10px;font-weight:900;letter-spacing:.18em}
.feedback-invite-eyebrow span{width:6px;height:6px;border-radius:50%;background:#58eeb3;box-shadow:0 0 14px #58eeb3}
.feedback-invite-content h2{margin:0 auto;max-width:465px;font-size:clamp(31px,5vw,43px);line-height:1.02;letter-spacing:-.045em;font-weight:950}
.feedback-invite-content h2 em{display:block;color:#ae76ff;font-style:normal}
.feedback-invite-description{max-width:455px;margin:17px auto 23px;color:#aaa6b5;font-size:14px;line-height:1.65}
.feedback-invite-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 25px}
.feedback-invite-reasons>div{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:9px 8px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025)}
.feedback-invite-reasons b{font-size:10px;color:#d8d5df;white-space:nowrap}
.feedback-invite-check{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;color:#07130f;background:#5af1b7;font-size:11px;font-weight:1000;box-shadow:0 0 13px rgba(90,241,183,.22)}
.feedback-invite-actions{display:flex;align-items:center;justify-content:center;gap:10px}
.feedback-invite-primary,.feedback-invite-later{min-height:48px;border-radius:13px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.feedback-invite-primary{min-width:205px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #a975ff;color:#fff;background:linear-gradient(135deg,#a45eff,#7538e7);box-shadow:0 13px 34px rgba(118,55,225,.31)}
.feedback-invite-primary:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(130,61,239,.4)}
.feedback-invite-primary svg{width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feedback-invite-later{padding:0 19px;border:1px solid rgba(255,255,255,.11);color:#bab6c4;background:rgba(255,255,255,.035)}
.feedback-invite-later:hover{color:#fff;border-color:rgba(183,128,255,.38);background:rgba(151,85,255,.09)}
.feedback-invite-note{margin:17px 0 0;color:#716c7b;font-size:10px;font-weight:700;letter-spacing:.015em}
.feedback-invite-note span{color:#a96fff;margin-right:5px}
.feedback-invite-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.feedback-invite-orb-one{width:260px;height:260px;left:-150px;top:-125px;background:radial-gradient(circle,rgba(141,73,255,.25),transparent 68%)}
.feedback-invite-orb-two{width:230px;height:230px;right:-135px;bottom:-115px;background:radial-gradient(circle,rgba(69,224,168,.13),transparent 70%)}
.feedback-invite-modal button:focus-visible{outline:2px solid #d5b3ff;outline-offset:3px}

@media(max-width:620px){
  .feedback-invite-modal{padding:13px;align-items:end}
  .feedback-invite-card{border-radius:23px 23px 17px 17px}
  .feedback-invite-content{padding:38px 20px 25px}
  .feedback-invite-icon{width:58px;height:58px;margin-bottom:17px;border-radius:18px}
  .feedback-invite-icon svg{width:30px}
  .feedback-invite-content h2{font-size:32px}
  .feedback-invite-description{font-size:13px;margin:14px auto 19px}
  .feedback-invite-reasons{grid-template-columns:1fr;gap:6px;margin-bottom:20px}
  .feedback-invite-reasons>div{justify-content:flex-start;min-height:39px;padding:8px 13px}
  .feedback-invite-actions{flex-direction:column}
  .feedback-invite-primary,.feedback-invite-later{width:100%}
  .feedback-invite-note{margin-top:14px}
}
@media(max-height:650px){
  .feedback-invite-modal{align-items:center;overflow-y:auto}
  .feedback-invite-content{padding-top:28px;padding-bottom:24px}
  .feedback-invite-icon{width:52px;height:52px;margin-bottom:12px}
  .feedback-invite-description{margin-top:11px;margin-bottom:15px}
  .feedback-invite-reasons{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){
  .feedback-invite-modal,.feedback-invite-card,.feedback-invite-modal button{transition:none!important}
}