.fg{--neon:#E4FF2B;--neon-2:#C9F000;--fg-ink:#1A1D0E;position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px}
.fg[hidden]{display:none}
.fg__scrim{position:absolute;inset:0;background:rgba(20,22,8,.6);backdrop-filter:blur(3px)}
.fg__dialog{position:relative;isolation:isolate;width:min(100%,400px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:28px;padding:34px 24px 26px;background:linear-gradient(165deg,#FFFFFF 0%,#FBFFC9 38%,#EEFB6B 78%,#E1F52F 100%);color:var(--fg-ink);box-shadow:0 0 0 1.5px rgba(201,240,0,.9),0 0 46px rgba(228,255,43,.55),0 24px 60px rgba(20,22,8,.35);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:fg-in .45s var(--ease)}
.fg__dialog:focus{outline:none}
@keyframes fg-in{from{opacity:0;transform:translateY(22px) scale(.95)}}
.fg__lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.fg__lines path{stroke:var(--neon);stroke-width:3.2;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 4px rgba(228,255,43,.9));animation:fg-draw .9s .15s var(--ease) forwards}
.fg__lines path:nth-child(2n){animation-delay:.3s}
.fg__lines path:nth-child(3n){animation-delay:.45s}
@keyframes fg-draw{to{stroke-dashoffset:0}}
.fg__close{position:absolute;right:8px;top:8px;color:var(--fg-ink);z-index:2}
.fg__close:hover{background:rgba(26,29,14,.1)}
.fg__badge{display:inline-block;padding:7px 16px;border-radius:var(--r-pill);background:var(--fg-ink);color:var(--neon);font:600 11px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 18px rgba(228,255,43,.6)}
.fg__img{width:176px;height:176px;margin:6px 0 4px;border-radius:22px;overflow:hidden;background:#fff;transform:rotate(-5deg);box-shadow:0 0 0 4px #fff,0 0 28px rgba(228,255,43,.85),0 14px 30px rgba(20,22,8,.22);animation:fg-float 4s ease-in-out infinite}
.fg__img img{width:100%;height:100%;object-fit:cover}
@keyframes fg-float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-6px)}}
.fg__title{font:500 27px/1.12 var(--font);letter-spacing:-.01em}
.fg__text{font-size:14px;line-height:1.5;color:rgba(26,29,14,.78)}
.fg__name{font:600 13px/1.4 var(--font);padding:6px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,.7)}
.fg__left{font:500 12px/1 var(--font);color:var(--fg-ink);display:flex;align-items:center;gap:7px}
.fg__left::before{content:"";width:8px;height:8px;border-radius:50%;background:#7BD000;box-shadow:0 0 8px #B6F500;animation:fg-pulse 1.4s infinite}
@keyframes fg-pulse{50%{opacity:.35}}
.fg__cta{margin-top:6px;background:var(--fg-ink);color:var(--neon);border-color:var(--fg-ink);box-shadow:0 0 22px rgba(228,255,43,.55)}
.fg__cta:hover{background:var(--neon);color:var(--fg-ink);border-color:var(--fg-ink)}
@media (prefers-reduced-motion:reduce){.fg__dialog,.fg__img,.fg__left::before{animation:none}.fg__lines path{animation:none;stroke-dashoffset:0}}
