:root{
  --egsp-bg:#0b0f12;
  --egsp-panel:#0f171c;
  --egsp-line:rgba(255,255,255,.10);
  --egsp-line2:rgba(255,255,255,.06);
  --egsp-muted:rgba(255,255,255,.45);
  --egsp-muted2:rgba(255,255,255,.30);
  --egsp-text:#fff;
  --egsp-accent:var(--eglc-accent, #39ff14);
  --egsp-radius:28px;
}

.egsp{
  background:var(--egsp-bg);
  color:var(--egsp-text);
  min-height:100vh;
  padding:40px 0;
}
.egsp-wrap{
  width:min(1400px, 92vw);
  margin:0 auto;
}
.egsp-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:28px;
  align-items:start;
}
@media (min-width: 1024px){
  .egsp-grid{ grid-template-columns: 420px 1fr; gap:32px; }
}

.egsp-panel{
  background:var(--egsp-panel);
  border:1px solid var(--egsp-line2);
  border-radius:var(--egsp-radius);
  padding:22px;
  box-shadow:0 30px 80px -55px rgba(0,0,0,.85);
  position:sticky;
  top:24px;
}

.egsp-pricehead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.egsp-label{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
  color:var(--egsp-muted);
  margin-bottom:6px;
}
.egsp-price{
  font-size:44px;
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1;
}
.egsp-note{
  font-size:11px;
  color:var(--egsp-muted2);
  margin-top:8px;
  display:flex;
  gap:8px;
  align-items:center;
}
.egsp-pill{
  border:1px solid var(--egsp-line);
  background:rgba(255,255,255,.04);
  padding:6px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  color:rgba(255,255,255,.75);
}

.egsp-block{
  background:rgba(0,0,0,.35);
  border:1px solid var(--egsp-line2);
  border-radius:24px;
  padding:16px;
  margin-top:14px;
}
.egsp-block-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.egsp-badges{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.egsp-badge{
  background:rgba(57,255,20,.12);
  color:var(--egsp-accent);
  border:1px solid rgba(57,255,20,.18);
  padding:6px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.egsp-pct{
  font-size:10px;
  font-weight:900;
  color:rgba(255,255,255,.55);
}
.egsp-dot{
  width:8px; height:8px; border-radius:999px;
  background:var(--egsp-accent);
  box-shadow:0 0 12px var(--egsp-accent);
}
.egsp-muted{ color:var(--egsp-muted); font-size:11px; font-weight:700; }

.egsp-inset{
  background:rgba(255,255,255,.04);
  border:1px solid var(--egsp-line);
  border-radius:18px;
  padding:14px;
  margin-bottom:12px;
}
.egsp-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.egsp-between{ margin-bottom:12px; }
.egsp-k{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(255,255,255,.38);
}
.egsp-k--spaced{ margin:10px 0 8px; }
.egsp-v{
  font-size:12px;
  font-weight:900;
  color:rgba(255,255,255,.90);
}
.egsp-tierbar{
  width:100%;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid var(--egsp-line);
  overflow:hidden;
  margin-top:10px;
}
.egsp-tierfill{
  height:100%;
  border-radius:999px;
  background:var(--egsp-accent);
  transition:width .7s ease;
}
.egsp-ticks{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  font-size:11px;
  font-weight:800;
  color:rgba(255,255,255,.30);
}
.egsp-kpis{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.egsp-kpi{
  background:rgba(255,255,255,.04);
  border:1px solid var(--egsp-line2);
  border-radius:18px;
  padding:12px;
  text-align:center;
}
.egsp-kpi .egsp-v{ font-size:18px; letter-spacing:-.02em; }

.egsp-countdown{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px;
  font-weight:900;
  color:var(--egsp-accent);
  white-space:nowrap;
}

.egsp-progress{ margin-top:10px; }
.egsp-prog-track{
  width:100%;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  overflow:hidden;
  border:1px solid var(--egsp-line);
}
.egsp-prog-fill{
  height:100%;
  border-radius:999px;
  background:var(--egsp-accent);
  box-shadow:0 0 15px rgba(57,255,20,.45);
  transition:width .9s ease;
}
.egsp-prog-meta{
  display:flex;
  justify-content:space-between;
  margin-top:10px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.50);
}
.egsp-prog-meta b{ color:rgba(255,255,255,.75); }

.egsp-seats{ margin-top:14px; }
.egsp-qty{
  display:grid;
  grid-template-columns: 56px 1fr 56px;
  gap:10px;
  align-items:center;
  border-radius:18px;
  background:rgba(0,0,0,.35);
  border:1px solid var(--egsp-line);
  padding:10px;
}
.egsp-qtybtn{
  height:52px;
  border-radius:14px;
  border:1px solid var(--egsp-line2);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:26px;
  font-weight:900;
  cursor:pointer;
  transition:transform .08s ease, border-color .2s ease;
}
.egsp-qtybtn:hover{ border-color: rgba(57,255,20,.35); transform: translateY(-1px); }
.egsp-qtydisplay{
  height:52px;
  border:none;
  background:transparent;
  color:#fff;
  text-align:center;
  font-size:22px;
  font-weight:900;
  outline:none;
}

.egsp-quick{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap:10px;
  margin-top:12px;
}
.egsp-qbtn{
  border-radius:14px;
  padding:10px 0;
  border:1px solid var(--egsp-line2);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.80);
  font-weight:900;
  font-size:12px;
  cursor:pointer;
  transition:background .2s ease, color .2s ease, transform .08s ease, border-color .2s ease;
}
.egsp-qbtn:hover{
  background:rgba(57,255,20,.18);
  border-color:rgba(57,255,20,.30);
  color:#0b0f12;
  transform:translateY(-1px);
}
@media (max-width: 430px){
  .egsp-quick{ grid-template-columns: repeat(3, 1fr); }
}

.egsp-buy{ margin-top:14px; }
.egsp-buy form.cart{ margin:0; }
.egsp-buy .single_add_to_cart_button,
.egsp-buy button.single_add_to_cart_button{
  width:100%;
  border:none;
  background:var(--egsp-accent);
  color:#0b0f12;
  font-weight:900;
  font-size:15px;
  border-radius:999px;
  padding:14px 18px;
  cursor:pointer;
  box-shadow:0 0 22px rgba(57,255,20,.25);
}
.egsp-buy .qty{ display:none !important; } /* we drive qty via JS */

.egsp-share{ margin-top:16px; padding-top:16px; border-top:1px solid var(--egsp-line2); }
.egsp-sharegrid{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap:10px;
}
.egsp-sharebtn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:14px;
  border:1px solid var(--egsp-line2);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.80);
  text-decoration:none;
  padding:12px 10px;
  font-weight:900;
  font-size:12px;
}
.egsp-sharebtn:hover{ background:rgba(255,255,255,.07); }
.egsp-sharebtn--wide{ cursor:pointer; }

.egsp-main{ }
.egsp-header{ }
.egsp-h1{
  font-size:clamp(28px, 3.2vw, 52px);
  font-weight:900;
  letter-spacing:-.02em;
  margin:0 0 18px;
}
.egsp-hero{
  border-radius:26px;
  overflow:hidden;
  background:#0a0a0a;
  border:1px solid var(--egsp-line);
  box-shadow:0 30px 80px -55px rgba(0,0,0,.85);
}
.egsp-heroimg{ width:100%; height:auto; display:block; object-fit:cover; }
.egsp-gallery{
  display:flex;
  gap:10px;
  overflow:auto;
  padding:12px 2px 2px;
}
.egsp-thumbwrap{ flex:0 0 auto; }
.egsp-thumb{
  width:80px; height:56px; object-fit:cover;
  border-radius:14px;
  border:1px solid var(--egsp-line);
  transition:border-color .2s ease, transform .15s ease;
}
.egsp-thumb:hover{
  border-color:rgba(57,255,20,.45);
  transform:translateY(-1px);
}

.egsp-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:16px;
}
@media (min-width: 768px){
  .egsp-cards{ grid-template-columns:1fr 1fr; }
}
.egsp-card{
  background:rgba(255,255,255,.02);
  border:1px solid var(--egsp-line);
  border-radius:22px;
  padding:18px;
}
.egsp-cardhead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.egsp-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,70,70,.25);
  background:rgba(255,70,70,.08);
  color:rgb(255,90,90);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.egsp-live span{
  width:7px; height:7px; border-radius:999px;
  background:rgb(255,90,90);
  box-shadow:0 0 10px rgba(255,90,90,.5);
  animation: egspPulse 1.2s ease-in-out infinite;
}
@keyframes egspPulse{
  0%,100%{ transform:scale(1); opacity:.6;}
  50%{ transform:scale(1.25); opacity:1;}
}
.egsp-big{
  font-size:46px;
  font-weight:900;
  letter-spacing:-.03em;
}
.egsp-mid{
  font-size:28px;
  font-weight:900;
  letter-spacing:-.02em;
}
.egsp-mid span{ color:rgba(255,255,255,.25); font-size:18px; font-weight:900; }
.egsp-accent{ color:var(--egsp-accent); font-weight:900; }
.egsp-desc{
  margin-top:14px;
  background:var(--egsp-panel);
  border:1px solid var(--egsp-line2);
  border-radius:var(--egsp-radius);
  padding:22px;
}
.egsp-h2{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:24px;
  font-weight:900;
  letter-spacing:-.01em;
  margin:0 0 14px;
  text-transform:uppercase;
  font-style:italic;
}
.egsp-h2 span{
  width:6px; height:34px;
  border-radius:999px;
  background:var(--egsp-accent);
  box-shadow:0 0 12px rgba(57,255,20,.35);
}
.egsp-content{
  color:rgba(255,255,255,.72);
  line-height:1.75;
  font-size:16px;
}
.egsp-content a{ color:var(--egsp-accent); }
.egsp-footnote{
  margin-top:18px;
  background:rgba(0,0,0,.35);
  border:1px solid var(--egsp-line2);
  border-radius:18px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.30);
}

/* Avoid theme container whites */
.egsp *{ box-sizing:border-box; }
.egsp a{ color:inherit; }
/* Ascunde quantity-ul WooCommerce ( - + ) din zona butonului */
.egsp-buy .quantity,
.egsp-buy .qty {
  display: none !important;
}
/* Tabs wrapper */
.egsp-tabs { margin-top: 18px; }

/* Woo tabs nav */
.egsp-tabs .wc-tabs {
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
}

.egsp-tabs .wc-tabs li { margin: 0; }

.egsp-tabs .wc-tabs li a{
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 14px;
  text-decoration: none;
  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
}

.egsp-tabs .wc-tabs li.active a{
  color: #0b0f16;
  background: #39ff14;
  border-color: rgba(57,255,20,.35);
}

/* panel */
.egsp-tabs .woocommerce-Tabs-panel{
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 26px;
  padding: 18px;
}

/* History table (sa nu arate “default”) */
.egsp-tabs table{
  width: 100%;
  border-collapse: collapse;
}
.egsp-tabs th, .egsp-tabs td{
  padding: 10px 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.85);
  font-size: 14px;
}
.egsp-tabs th{
  color: rgba(255,255,255,.65);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .06em;
}
.egsp-tabs tr:hover td{
  background: rgba(255,255,255,.03);
}
/* când description e în tab, să nu mai aibă margini ci să se potrivească panelului */
.egsp-tabs .egsp-desc--tab{
  margin: 0;
}
.egsp-tabs .egsp-desc--tab .egsp-footnote{
  margin-top: 14px;
}
/* =========================================================
   EG SINGLE – CONTRAST FIX (title + question + answers + buttons)
   Paste all in one go
========================================================= */

/* 1) Main product title: force white + full opacity */
.single-product h1.product_title,
.single-product .product_title,
.egsp h1,
.egsp .egsp-h1{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow: 0 2px 24px rgba(0,0,0,.45);
}

/* 2) “Answer the question:” label + question text */
.single-product h3,
.egsp-answers h3{
  color:#39ff14 !important; /* neon green accent */
  opacity:1 !important;
}

.lottery-question,
.single-product .lottery-question,
.single-product .wc-lottery-question,
.egsp-answers .lottery-question{
  color:#ffffff !important;
  opacity:1 !important;
}

/* 3) Answers list: make options readable + premium */
.lottery-pn-answers{
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.lottery-pn-answers li{
  background:#0f141b !important;
  color:#ffffff !important;
  border:1px solid rgba(57,255,20,0.25) !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  margin: 10px 0 !important;
  cursor:pointer !important;
  user-select:none;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

/* hover */
.lottery-pn-answers li:hover{
  border-color:#39ff14 !important;
  box-shadow: 0 0 0 1px rgba(57,255,20,1) inset, 0 10px 26px rgba(0,0,0,.35);
  transform: translateY(-1px);
}

/* selected (plugin may add class; keep multiple aliases) */
.lottery-pn-answers li.active,
.lottery-pn-answers li.selected,
.lottery-pn-answers li.is-active{
  background:#39ff14 !important;
  color:#000000 !important;
  font-weight:800 !important;
  border-color:#39ff14 !important;
  box-shadow: 0 0 0 1px rgba(57,255,20,1) inset, 0 18px 40px rgba(57,255,20,.18);
}

/* Dropdown answers mode (if enabled) */
#lottery_answer_drop,
select#lottery_answer_drop{
  width:100% !important;
  background:#0f141b !important;
  color:#ffffff !important;
  border:1px solid rgba(57,255,20,0.25) !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  outline:none !important;
}

#lottery_answer_drop option{
  background:#0b0f16 !important;
  color:#ffffff !important;
}

/* 4) Quick qty buttons (10/20/50/100) – better contrast */
.egsp-quick .egsp-qbtn,
.egsp .egsp-qbtn{
  background:#0f141b !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.15) !important;
}

.egsp-quick .egsp-qbtn:hover,
.egsp .egsp-qbtn:hover{
  border-color:#39ff14 !important;
  box-shadow: 0 0 0 1px rgba(57,255,20,1) inset;
}

/* 5) Main CTA button “Participate now” – always readable, premium glow */
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button,
.single-product form.cart button[type="submit"].button{
  background:#39ff14 !important;
  color:#000000 !important;
  font-weight:900 !important;
  border-radius:16px !important;
  border:0 !important;
  box-shadow: 0 12px 34px rgba(57,255,20,.25);
}

.single-product .single_add_to_cart_button:hover,
.single-product button.single_add_to_cart_button:hover,
.single-product form.cart button[type="submit"].button:hover{
  filter: brightness(1.05);
  box-shadow: 0 16px 44px rgba(57,255,20,.30);
}

/* 6) If any placeholder text becomes invisible on dark backgrounds */
.egsp input::placeholder,
.egsp textarea::placeholder{
  color: rgba(255,255,255,0.55) !important;
  opacity: 1 !important;
}

/* 7) Minor: prevent “washed” text inside answers block */
.egsp-answers,
.egsp-answers *{
  opacity:1 !important;
}
/* =========================================================
   EG SINGLE – Tabs contrast fix (Description / Lottery History)
========================================================= */

/* Target Woo tabs + your custom tabs */
.single-product .woocommerce-tabs .tabs li a,
.single-product .woocommerce-tabs ul.tabs li a,
.egsp .woocommerce-tabs .tabs li a,
.egsp .woocommerce-tabs ul.tabs li a{
  color: rgba(255,255,255,.75) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .3px;
}

/* Inactive tab background */
.single-product .woocommerce-tabs .tabs li,
.single-product .woocommerce-tabs ul.tabs li{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
}

/* Inactive tab text (explicit) */
.single-product .woocommerce-tabs .tabs li:not(.active) a,
.single-product .woocommerce-tabs ul.tabs li:not(.active) a{
  color: rgba(255,255,255,.70) !important;
}

/* Active tab */
.single-product .woocommerce-tabs .tabs li.active,
.single-product .woocommerce-tabs ul.tabs li.active{
  background: #39ff14 !important;
  border-color: #39ff14 !important;
  box-shadow: 0 14px 36px rgba(57,255,20,.18);
}

.single-product .woocommerce-tabs .tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li.active a{
  color: #000 !important;
}

/* Hover (inactive) */
.single-product .woocommerce-tabs .tabs li:not(.active):hover,
.single-product .woocommerce-tabs ul.tabs li:not(.active):hover{
  border-color: rgba(57,255,20,.45) !important;
  background: rgba(57,255,20,.08) !important;
}

.single-product .woocommerce-tabs .tabs li:not(.active):hover a,
.single-product .woocommerce-tabs ul.tabs li:not(.active):hover a{
  color: #ffffff !important;
}

/* Remove any theme opacity / filter that kills contrast */
.single-product .woocommerce-tabs .tabs li,
.single-product .woocommerce-tabs ul.tabs li,
.single-product .woocommerce-tabs .tabs li a,
.single-product .woocommerce-tabs ul.tabs li a{
  filter: none !important;
  text-shadow: none !important;
}
/* =========================
   Instant prizes (below Share)
========================= */
.egsp-instant{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.egsp-instant-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 12px;
}

.egsp-instant-title{
  color:#fff;
  font-weight: 900;
  font-size: 18px;
  letter-spacing: .2px;
}

.egsp-instant-meta{
  color: rgba(255,255,255,.6);
  font-size: 12px;
  font-weight: 700;
}

.egsp-instant-list{
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.egsp-instant-card{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 12px;
}

.egsp-instant-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.egsp-instant-name{
  color:#fff;
  font-weight: 900;
  font-size: 15px;
}

.egsp-instant-right{
  color: rgba(255,255,255,.65);
  font-weight: 800;
  font-size: 12px;
  white-space: nowrap;
}

.egsp-instant-sub{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  color: rgba(255,255,255,.65);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}

.egsp-instant-bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
}

.egsp-instant-fill{
  display:block;
  height: 100%;
  width: 0%;
  background: #39ff14;
  border-radius: 999px;
  box-shadow: 0 0 20px rgba(57,255,20,.28);
}

.egsp-instant-empty{
  color: rgba(255,255,255,.65);
  font-weight: 700;
  font-size: 13px;
  padding: 8px 0;
}
.egsp-livecard [data-egsp-live]{
  transition: transform .18s ease, opacity .18s ease;
  will-change: transform;
}
/* ensure media wrapper for absolute badge */
.eglc-media-inner{ position:relative; }

/* ===== Dynamic price badge FIX (position + look) ===== */

.eglc-media-inner{ position:relative; }

/* Asigură-te că badge-ul e deasupra vignette-ului */
.eglc-vignette{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

/* Badge top-left, în interiorul imaginii */
.eglc-dynbadge{
  position:absolute !important;
  top: 14px !important;
  left: 14px !important;
  bottom: auto !important;
  right: auto !important;

  z-index: 6 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap: 8px !important;

  padding: 8px 12px !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,.55) !important;
  border: 1px solid rgba(57,255,20,.35) !important;

  color:#fff !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  line-height: 1 !important;

  box-shadow: 0 10px 30px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(8px);
}

/* Dot pulse */
.eglc-dynbadge-dot{
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #39ff14 !important;
  box-shadow: 0 0 0 0 rgba(57,255,20,.65) !important;
  animation: eglcPulse 1.6s infinite !important;
}

@keyframes eglcPulse{
  0%   { box-shadow: 0 0 0 0 rgba(57,255,20,.65); }
  70%  { box-shadow: 0 0 0 12px rgba(57,255,20,0); }
  100% { box-shadow: 0 0 0 0 rgba(57,255,20,0); }
}
