:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-a4d1887 */<!-- Filter My Review futuristic signup styling.
     Paste this whole block into an Elementor HTML widget on the same page as the
     [fmr_signup] shortcode. No em-dashes anywhere. -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

@property --fmr-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

.fmr-signup-wrap{
  --gold:#f5a623; --gold-bright:#ffb627; --magenta:#ff2e88; --cyan:#36e2ff;
  --ink:#f4f1ea; --muted:#9aa0ad; --card:#0b0d16; --card-2:#0e1120;
  --line:rgba(255,255,255,.10);
  --d:"Chakra Petch", system-ui, sans-serif;
  --b:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  position:relative; max-width:560px; margin:0 auto; padding:30px 12px;
  font-family:var(--b);
}

/* ambient neon glow behind the card */
.fmr-signup-wrap::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(420px 300px at 75% 0%, rgba(245,166,35,.18), transparent 60%),
    radial-gradient(420px 320px at 8% 100%, rgba(255,46,136,.14), transparent 60%),
    radial-gradient(360px 300px at 100% 80%, rgba(54,226,255,.12), transparent 60%);
  filter:blur(8px);
}

/* glass card with a rotating neon gradient border */
.fmr-signup-wrap .fmr-signup-form{
  position:relative; z-index:1; overflow:hidden;
  background:
    linear-gradient(160deg, var(--card), var(--card-2)) padding-box,
    conic-gradient(from var(--fmr-angle), var(--gold-bright), var(--magenta), var(--cyan), var(--gold-bright)) border-box !important;
  border:1.5px solid transparent !important;
  border-radius:22px !important;
  padding:38px 34px !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    0 0 50px rgba(245,166,35,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  animation:fmr-border 8s linear infinite, fmr-in .7s cubic-bezier(.22,1,.36,1) both;
}
@keyframes fmr-border{ to{ --fmr-angle:360deg; } }
@keyframes fmr-in{ from{ opacity:0; transform:translateY(22px) scale(.985);} to{ opacity:1; transform:none; } }

/* faint drifting grid inside the card */
.fmr-signup-wrap .fmr-signup-form::after{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(circle at 50% 0%, #000, transparent 80%);
  mask-image:radial-gradient(circle at 50% 0%, #000, transparent 80%);
  animation:fmr-grid 24s linear infinite;
}
@keyframes fmr-grid{ to{ background-position:0 340px, 340px 0; } }

/* title + subtitle */
.fmr-signup-wrap .fmr-signup-title{
  font-family:var(--d) !important; font-weight:700 !important;
  font-size:27px !important; line-height:1.1 !important; letter-spacing:-.01em !important;
  margin:0 0 8px !important;
  background:linear-gradient(100deg, var(--gold-bright), var(--magenta)) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}
.fmr-signup-wrap .fmr-signup-sub{
  color:var(--muted) !important; font-size:15px !important; margin:0 0 26px !important;
}

/* fields */
.fmr-signup-wrap .fmr-field{ margin:0 0 18px !important; position:relative; }

/* field labels (excludes the routing radio rows) */
.fmr-signup-wrap .fmr-field > label:not(.fmr-radio),
.fmr-signup-wrap .fmr-mode-label{
  display:flex !important; align-items:center; gap:8px;
  font-family:var(--d) !important; font-weight:600 !important;
  font-size:12px !important; letter-spacing:.14em !important; text-transform:uppercase !important;
  color:var(--muted) !important; margin:0 0 8px !important; transition:color .2s ease;
}
.fmr-signup-wrap .fmr-field > label:not(.fmr-radio)::before,
.fmr-signup-wrap .fmr-mode-label::before{
  content:""; width:7px; height:7px; border-radius:2px; background:var(--gold);
  box-shadow:0 0 8px var(--gold-bright); transition:.2s ease;
}
.fmr-signup-wrap .fmr-field:focus-within > label:not(.fmr-radio){ color:var(--cyan) !important; }
.fmr-signup-wrap .fmr-field:focus-within > label:not(.fmr-radio)::before{ background:var(--cyan); box-shadow:0 0 10px var(--cyan); }

/* text, email, url inputs */
.fmr-signup-wrap .fmr-field input[type="text"],
.fmr-signup-wrap .fmr-field input[type="email"],
.fmr-signup-wrap .fmr-field input[type="url"]{
  width:100% !important; box-sizing:border-box !important;
  font-family:var(--b) !important; font-size:15.5px !important; color:var(--ink) !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid var(--line) !important; border-radius:12px !important;
  padding:14px 16px !important;
  -webkit-appearance:none; appearance:none;
  transition:border-color .2s ease, box-shadow .25s ease, background .2s ease !important;
}
.fmr-signup-wrap .fmr-field input::placeholder{ color:rgba(154,160,173,.55) !important; }
.fmr-signup-wrap .fmr-field input[type="text"]:focus,
.fmr-signup-wrap .fmr-field input[type="email"]:focus,
.fmr-signup-wrap .fmr-field input[type="url"]:focus{
  outline:0 !important;
  border-color:rgba(255,182,39,.7) !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:0 0 0 3px rgba(245,166,35,.16), 0 0 26px rgba(245,166,35,.22) !important;
}
.fmr-signup-wrap .fmr-field input:-webkit-autofill{
  -webkit-text-fill-color:var(--ink) !important;
  -webkit-box-shadow:0 0 0 40px #11131f inset !important;
  caret-color:var(--ink);
}

/* hints */
.fmr-signup-wrap .fmr-hint{
  display:block !important; margin-top:7px !important;
  font-size:12px !important; color:rgba(154,160,173,.85) !important;
}

/* logo upload zone */
.fmr-signup-wrap input[type="file"]{
  width:100% !important; box-sizing:border-box;
  color:var(--muted) !important; font-family:var(--b) !important; font-size:14px !important;
  background:rgba(54,226,255,.04) !important;
  border:1.5px dashed rgba(54,226,255,.35) !important; border-radius:12px !important;
  padding:14px 16px !important; cursor:pointer; transition:.2s ease;
}
.fmr-signup-wrap input[type="file"]:hover{
  border-color:rgba(54,226,255,.7) !important; background:rgba(54,226,255,.07) !important;
}
.fmr-signup-wrap input[type="file"]::file-.elementor-348 .elementor-element.elementor-element-a4d1887-button,
.fmr-signup-wrap input[type="file"]::-webkit-file-upload-button{
  font-family:var(--d); font-weight:600; font-size:13px; letter-spacing:.04em;
  color:#06121a; background:linear-gradient(100deg, var(--cyan), #8af0ff);
  border:0; border-radius:9px; padding:9px 16px; margin-right:14px; cursor:pointer;
  transition:filter .2s ease;
}
.fmr-signup-wrap input[type="file"]::file-.elementor-348 .elementor-element.elementor-element-a4d1887-button:hover,
.fmr-signup-wrap input[type="file"]::-webkit-file-upload-button:hover{ filter:brightness(1.1); }

/* routing choice as holographic selectable cards */
.fmr-signup-wrap .fmr-mode{ border-top:1px solid var(--line) !important; padding-top:18px !important; }
.fmr-signup-wrap .fmr-radio{
  display:flex !important; gap:13px !important; align-items:flex-start !important;
  padding:14px 16px !important; margin:0 0 10px !important;
  background:rgba(255,255,255,.02) !important;
  border:1px solid var(--line) !important; border-radius:13px !important;
  cursor:pointer !important; color:var(--muted) !important;
  font-size:14px !important; line-height:1.45 !important;
  transition:transform .15s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.fmr-signup-wrap .fmr-radio:hover{
  transform:translateY(-1px);
  border-color:rgba(255,182,39,.4) !important; background:rgba(255,255,255,.035) !important;
}
.fmr-signup-wrap .fmr-radio strong{ color:#fff !important; font-family:var(--d); font-weight:600; }
.fmr-signup-wrap .fmr-radio:has(input:checked){
  border-color:rgba(255,182,39,.8) !important;
  background:rgba(245,166,35,.08) !important;
  box-shadow:0 0 0 1px rgba(255,182,39,.5), 0 0 28px rgba(245,166,35,.18) !important;
}
/* custom neon radio dot */
.fmr-signup-wrap .fmr-radio input[type="radio"]{
  appearance:none; -webkit-appearance:none; margin:2px 0 0 !important; flex:0 0 auto;
  width:20px !important; height:20px !important; border-radius:50% !important;
  border:2px solid rgba(255,255,255,.3) !important; background:transparent !important;
  cursor:pointer; transition:.2s ease;
}
.fmr-signup-wrap .fmr-radio input[type="radio"]:checked{
  border-color:var(--gold-bright) !important;
  box-shadow:inset 0 0 0 4px var(--gold-bright), 0 0 12px rgba(255,182,39,.6) !important;
}

/* submit button with light sweep and processing state */
.fmr-signup-wrap .fmr-btn.fmr-btn-primary{
  position:relative; overflow:hidden;
  width:100% !important; margin-top:8px !important;
  font-family:var(--d) !important; font-weight:700 !important; font-size:16px !important; letter-spacing:.02em !important;
  color:#1b0f06 !important;
  background:linear-gradient(100deg, var(--gold-bright), var(--gold)) !important;
  border:0 !important; border-radius:13px !important; padding:16px 22px !important; cursor:pointer !important;
  box-shadow:0 0 0 1px rgba(255,182,39,.5), 0 14px 38px rgba(245,166,35,.32) !important;
  transition:transform .14s ease, box-shadow .25s ease, filter .2s ease !important;
}
.fmr-signup-wrap .fmr-btn.fmr-btn-primary::before{
  content:""; position:absolute; top:0; left:-120%; width:60%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-18deg); transition:left .6s ease;
}
.fmr-signup-wrap .fmr-btn.fmr-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(255,182,39,.8), 0 20px 46px rgba(245,166,35,.45) !important;
}
.fmr-signup-wrap .fmr-btn.fmr-btn-primary:hover::before{ left:130%; }
.fmr-signup-wrap .fmr-btn.fmr-btn-primary:active{ transform:translateY(0); }
.fmr-signup-wrap .fmr-btn.fmr-btn-primary[disabled]{ cursor:wait !important; filter:saturate(.85); animation:fmr-pulse 1.1s ease-in-out infinite; }
@keyframes fmr-pulse{
  0%,100%{ box-shadow:0 0 0 1px rgba(255,182,39,.5), 0 0 18px rgba(245,166,35,.25); }
  50%{ box-shadow:0 0 0 1px rgba(255,182,39,.85), 0 0 36px rgba(245,166,35,.5); }
}

/* result message */
.fmr-signup-wrap .fmr-signup-result{
  margin-top:20px !important;
  background:rgba(31,157,99,.08) !important;
  border:1px solid rgba(31,157,99,.4) !important; border-radius:13px !important;
  padding:16px 18px !important; color:var(--ink) !important; font-size:14.5px !important;
  box-shadow:0 0 26px rgba(31,157,99,.14) !important;
}
.fmr-signup-wrap .fmr-signup-result.is-error{
  background:rgba(255,46,136,.08) !important; border-color:rgba(255,46,136,.45) !important;
  box-shadow:0 0 26px rgba(255,46,136,.14) !important;
}
.fmr-signup-wrap .fmr-result-url{
  display:block !important; margin-top:8px !important; color:var(--cyan) !important;
  font-family:var(--d) !important; font-weight:600 !important; word-break:break-all;
  text-decoration:underline; text-underline-offset:2px;
}
.fmr-signup-wrap .fmr-copy-btn{
  margin-top:12px !important; font-family:var(--d) !important; font-weight:600 !important;
  font-size:13px !important; letter-spacing:.03em;
  color:#06121a !important; background:linear-gradient(100deg, var(--cyan), #8af0ff) !important;
  border:0 !important; border-radius:9px !important; padding:9px 16px !important; cursor:pointer;
  transition:filter .2s ease, transform .12s ease;
}
.fmr-signup-wrap .fmr-copy-btn:hover{ filter:brightness(1.1); transform:translateY(-1px); }

/* keep the spam honeypot hidden */
.fmr-signup-wrap .fmr-hp{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }

/* staggered entrance */
.fmr-signup-wrap .fmr-signup-title,
.fmr-signup-wrap .fmr-signup-sub,
.fmr-signup-wrap .fmr-field,
.fmr-signup-wrap .fmr-btn.fmr-btn-primary{ animation:fmr-rise .6s cubic-bezier(.22,1,.36,1) both; }
.fmr-signup-wrap .fmr-signup-title{ animation-delay:.05s; }
.fmr-signup-wrap .fmr-signup-sub{ animation-delay:.10s; }
.fmr-signup-wrap .fmr-field:nth-of-type(1){ animation-delay:.15s; }
.fmr-signup-wrap .fmr-field:nth-of-type(2){ animation-delay:.20s; }
.fmr-signup-wrap .fmr-field:nth-of-type(3){ animation-delay:.25s; }
.fmr-signup-wrap .fmr-field:nth-of-type(4){ animation-delay:.30s; }
.fmr-signup-wrap .fmr-field:nth-of-type(5){ animation-delay:.35s; }
.fmr-signup-wrap .fmr-field:nth-of-type(6){ animation-delay:.40s; }
.fmr-signup-wrap .fmr-btn.fmr-btn-primary{ animation-delay:.45s; }
@keyframes fmr-rise{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }

/* mobile */
@media (max-width:600px){
  .fmr-signup-wrap .fmr-signup-form{ padding:28px 20px !important; }
  .fmr-signup-wrap .fmr-signup-title{ font-size:23px !important; }
}

/* accessibility: calm everything for reduced motion */
@media (prefers-reduced-motion:reduce){
  .fmr-signup-wrap *,
  .fmr-signup-wrap *::before,
  .fmr-signup-wrap *::after{ animation:none !important; transition:none !important; }
}
</style>/* End custom CSS */