.gsg{--gp:#FF3EA5;--gc:#00D1FF;--gy:#FFC61A;--gg:#34D399;position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 24px;box-sizing:border-box;width:100%;margin:0 0 18px;padding:24px 26px;border-radius:24px;border:2px solid var(--gp);background:radial-gradient(90% 130% at 0% 0%,rgba(255,62,165,.3),transparent 60%),radial-gradient(80% 120% at 100% 100%,rgba(0,209,255,.24),transparent 64%),linear-gradient(135deg,rgba(157,107,255,.26),rgba(255,62,165,.1) 55%,rgba(0,209,255,.12)),#2A1850;color:#fff;-webkit-text-fill-color:#fff;text-align:left;text-decoration:none;font-family:inherit;cursor:pointer;box-shadow:0 0 0 1px rgba(255,62,165,.35),0 0 18px rgba(255,62,165,.5),inset 0 0 20px rgba(255,62,165,.2);transition:transform .25s cubic-bezier(.2,1,.3,1);-webkit-tap-highlight-color:transparent}
.gsg::before{content:"";position:absolute;inset:6px;z-index:0;border-radius:18px;border:1.5px solid rgba(0,209,255,.6);box-shadow:0 0 10px rgba(0,209,255,.35),inset 0 0 10px rgba(0,209,255,.18);pointer-events:none}
.gsg-aura{position:absolute;inset:-2px;z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 0 30px 3px rgba(255,62,165,.55),0 0 70px 6px rgba(157,107,255,.3);opacity:.45;will-change:opacity;animation:gsgBreath 3.4s ease-in-out infinite}
.gsg:hover{transform:translateY(-3px)}
.gsg:hover .gsg-aura{opacity:1}
.gsg:focus-visible{outline:3px solid var(--gc);outline-offset:4px}
.gsg-cfw{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}
.gsg-cf{position:absolute;display:block;width:7px;height:7px;background:var(--c);box-shadow:0 0 6px var(--c);opacity:.85;transform:rotate(var(--r));transition:transform .55s cubic-bezier(.2,1.4,.35,1),opacity .3s}
.gsg-cf-c{border-radius:50%;width:6px;height:6px}
.gsg-cf-l{width:12px;height:3px;border-radius:2px}
.gsg-cf-s{border-radius:1.5px}
.gsg:hover .gsg-cf{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(calc(var(--r) + 180deg)) scale(1.35)}
.gsg-new{position:absolute;z-index:3;top:-11px;right:22px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#FF3EA5,#FFC61A);color:#1A0B2E;-webkit-text-fill-color:#1A0B2E;font:900 10.5px/1.2 Unbounded,sans-serif;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 0 14px rgba(255,62,165,.8),0 0 0 2px #2A1850;animation:gsgNew 2.4s ease-in-out infinite}
.gsg-ic{position:relative;z-index:2;width:84px;height:84px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(255,198,26,.26),rgba(58,36,98,.55) 74%);box-shadow:inset 0 0 0 1.5px rgba(255,198,26,.55),0 0 18px rgba(255,198,26,.3)}
.gsg-gn{width:60px;height:60px;overflow:visible;filter:drop-shadow(0 0 3px rgba(255,198,26,.8)) drop-shadow(0 0 9px rgba(255,62,165,.55));transition:transform .45s cubic-bezier(.2,1.5,.35,1)}
.gsg-gn-lid{transform-box:fill-box;transform-origin:15% 100%;transition:transform .45s cubic-bezier(.2,1.6,.35,1)}
.gsg:hover .gsg-gn{transform:scale(1.1) rotate(-6deg)}
.gsg:hover .gsg-gn-lid{transform:translate(-2px,-7px) rotate(-14deg)}
.gsg-b{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.gsg-live{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:11px;line-height:1.2;font-family:inherit;letter-spacing:.9px;text-transform:uppercase;color:#6EE7B7;-webkit-text-fill-color:#6EE7B7;text-shadow:0 0 8px rgba(52,211,153,.6)}
.gsg-live i{position:relative;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--gg);box-shadow:0 0 8px var(--gg)}
.gsg-live i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--gg);opacity:0;animation:gsgPing 2.2s ease-out infinite}
.gsg-k{font:800 20px/1.2 Unbounded,sans-serif;letter-spacing:-.3px;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 0 10px rgba(255,62,165,.75)}
.gsg-y{font:900 36px/1.05 Unbounded,sans-serif;letter-spacing:-1px;color:#FFF6D6;-webkit-text-fill-color:#FFF6D6;white-space:nowrap;text-shadow:0 0 5px #FFC61A,0 0 18px rgba(255,198,26,.85),0 0 38px rgba(255,62,165,.5)}
.gsg-d{font-size:15px;line-height:1.4;color:rgba(255,255,255,.86);-webkit-text-fill-color:rgba(255,255,255,.86)}
.gsg-go{position:relative;z-index:2;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;border-radius:999px;background:rgba(255,198,26,.1);border:2px solid var(--gy);color:#FFE58A;-webkit-text-fill-color:#FFE58A;font:800 15px/1.2 Unbounded,sans-serif;white-space:nowrap;box-shadow:0 0 12px rgba(255,198,26,.5),inset 0 0 12px rgba(255,198,26,.22);text-shadow:0 0 8px rgba(255,198,26,.85);transition:background .25s,color .25s,box-shadow .25s,transform .25s cubic-bezier(.2,1.4,.35,1)}
.gsg-go::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:36%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-160%) skewX(-18deg);animation:gsgShine 3.8s ease-in-out infinite;pointer-events:none}
.gsg-go svg{width:17px;height:17px;flex-shrink:0;transition:transform .25s}
.gsg:hover .gsg-go{background:var(--gy);color:#1A0B2E;-webkit-text-fill-color:#1A0B2E;text-shadow:none;transform:scale(1.05);box-shadow:0 0 0 3px rgba(255,198,26,.28),0 0 26px rgba(255,198,26,.9),0 0 60px rgba(255,62,165,.5)}
.gsg:hover .gsg-go svg{transform:translateX(3px)}
.gsg-x{position:absolute;z-index:4;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:rgba(255,255,255,.75);-webkit-text-fill-color:rgba(255,255,255,.75);font:600 14px/1 sans-serif;cursor:pointer}
.gsg.gsg-s{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;margin:10px 0 0;padding:16px 16px 16px 14px;border-radius:20px}
.gsg.gsg-s::before{inset:5px;border-radius:15px}
.gsg.gsg-s .gsg-ic{width:52px;height:52px;border-radius:16px}
.gsg.gsg-s .gsg-gn{width:38px;height:38px}
.gsg.gsg-s .gsg-k{font-size:14.5px;text-shadow:0 0 8px rgba(255,62,165,.7)}
.gsg.gsg-s .gsg-k em{font-style:normal;color:#FFF6D6;-webkit-text-fill-color:#FFF6D6;text-shadow:0 0 5px #FFC61A,0 0 14px rgba(255,198,26,.8)}
.gsg.gsg-s .gsg-d{font-size:12.5px}
.gsg.gsg-s .gsg-go{padding:10px 14px;font-size:12px}
.gsg.gsg-s .gsg-go svg{width:14px;height:14px}
.gsg.gsg-s .gsg-new{top:-9px;right:16px;font-size:9px;padding:3px 8px}
.gsg.gsg-s .gsg-cf{transform:rotate(var(--r)) scale(.8)}
@keyframes gsgBreath{0%,100%{opacity:.35}50%{opacity:.8}}
@keyframes gsgPing{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.9)}}
@keyframes gsgNew{0%,100%{box-shadow:0 0 10px rgba(255,62,165,.7),0 0 0 2px #2A1850}50%{box-shadow:0 0 22px rgba(255,198,26,.95),0 0 0 2px #2A1850}}
@keyframes gsgShine{0%,50%{transform:translateX(-160%) skewX(-18deg)}80%,100%{transform:translateX(360%) skewX(-18deg)}}
@media(max-width:640px){.gsg{grid-template-columns:auto minmax(0,1fr);padding:22px 18px 18px;gap:14px 16px}.gsg-ic{width:66px;height:66px;border-radius:19px}.gsg-gn{width:48px;height:48px}.gsg-k{font-size:17px}.gsg-y{font-size:30px}.gsg-d{font-size:14px}.gsg>.gsg-go{grid-column:1/-1;width:100%;box-sizing:border-box;padding:15px 18px}.gsg.gsg-s{grid-template-columns:auto minmax(0,1fr);padding:16px 14px 14px}.gsg.gsg-s>.gsg-go{grid-column:1/-1;padding:12px 16px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.gsg,.gsg-cf,.gsg-gn,.gsg-gn-lid,.gsg-go{transition:none}.gsg-aura,.gsg-live i::after,.gsg-new,.gsg-go::after{animation:none}}
.gsg.gsg-m{grid-template-columns:auto minmax(0,1fr);gap:10px;margin:8px 6px 8px;padding:12px 12px;border-radius:16px;width:auto}
.gsg.gsg-m::before{inset:4px;border-radius:12px}
.gsg.gsg-m .gsg-ic{width:40px;height:40px;border-radius:12px}
.gsg.gsg-m .gsg-gn{width:30px;height:30px}
.gsg.gsg-m .gsg-k{font-size:12.5px;line-height:1.3}
.gsg.gsg-m .gsg-k em{font-style:normal;color:#FFF6D6;-webkit-text-fill-color:#FFF6D6;text-shadow:0 0 5px #FFC61A,0 0 14px rgba(255,198,26,.8)}
.gsg.gsg-m .gsg-new{top:-8px;right:12px;font-size:8.5px;padding:3px 7px}
.gsg.gsg-m .gsg-cf{transform:rotate(var(--r)) scale(.7)}
.gsg-pop{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.gsg-pop .gsg{margin:0}
.gsg-pop::before,.gsg-pop::after{display:none!important;content:none!important}
.gsg-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1.5px solid #FFC61A;background:rgba(255,198,26,.1);color:#FFE58A;-webkit-text-fill-color:#FFE58A;font:800 11.5px/1.2 Unbounded,sans-serif;text-decoration:none;white-space:nowrap;text-shadow:0 0 8px rgba(255,198,26,.7);box-shadow:0 0 10px rgba(255,198,26,.45),0 0 0 1px rgba(255,62,165,.35),inset 0 0 10px rgba(255,198,26,.18);transition:background .2s,color .2s,box-shadow .2s}
.gsg-pill svg{width:15px;height:15px;flex-shrink:0;overflow:visible}
.gsg-pill:hover{background:#FFC61A;color:#1A0B2E;-webkit-text-fill-color:#1A0B2E;text-shadow:none;box-shadow:0 0 18px rgba(255,198,26,.9),0 0 36px rgba(255,62,165,.45)}
.gsg-pop .gsg-x{top:-10px;left:-10px;right:auto;width:30px;height:30px;background:#2A1850;box-shadow:0 0 0 1.5px rgba(255,62,165,.7),0 0 10px rgba(255,62,165,.5)}
