/* XFreedom promo block — outlined field matching v8/v9 glass cards */
.promo-block{
  margin:18px 0 8px;padding:18px 18px 14px;border:1px solid #ffffff17;border-radius:20px;
  background-image:linear-gradient(160deg,#ffffff0f,#ffffff03 40%,#00000022);
  background-color:#09121499;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:inset 0 1px 0 #ffffff14,0 1px 0 #0006,0 18px 40px -28px #000c;
}
.promo-inner{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.promo-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #00b3b866;border-radius:12px;
  background:radial-gradient(ellipse at center,#36d4d431,#09292d);color:#63d9dc;box-shadow:inset 0 1px 0 #ffffff22,0 0 18px -4px currentColor}
.promo-ic .ic{width:20px;height:20px}
.promo-copy h3{margin:0 0 4px;font-size:17px;font-weight:750;letter-spacing:-.015em;color:#edf4f5}
.promo-copy .muted{margin:0;font-size:13px;line-height:1.45;color:#a6b6b9}
.promo-row{align-items:stretch}
.promo-block #promoInput{
  flex:1;min-width:0;background:transparent;border:1.5px solid #3ff5e655;color:var(--si,#d7dce0);
  border-radius:12px;padding:12px 14px;font:600 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.04em;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;
}
.promo-block #promoInput::placeholder{color:#829294;font-weight:500;letter-spacing:.02em}
.promo-block #promoInput:focus{
  border-color:#3ff5e6;background:#3ff5e60a;box-shadow:0 0 0 3px #3ff5e622,0 0 24px -8px #19d3c566;
}
.promo-block #promoBtn{flex:none;min-width:120px}
.promo-block #promoMsg{margin:10px 0 0;min-height:18px}
.promo-block #promoMsg.is-ok{color:#63d9dc}
.promo-block #promoMsg.is-err{color:var(--err,#ff6b6b)}
@media(max-width:560px){
  .promo-block{padding:14px;border-radius:18px;margin-top:12px}
  .promo-row{flex-wrap:wrap}
  .promo-block #promoBtn{width:100%}
  .promo-copy h3{font-size:16px}
}