.sv{position:absolute;inset:0;overflow:hidden}.sv:before{content:"";background:radial-gradient(60% 70% at 50% 60%,#8b5cf624,#0000 70%);position:absolute;inset:0}.sv-topup .sv-card{aspect-ratio:3/4;width:34%;max-width:170px;transition:transform .8s var(--ease-out-expo);border-radius:18px;position:absolute;top:50%;left:50%;box-shadow:0 20px 50px -20px #000c}.sv-card-1{background:linear-gradient(150deg,#f59e0b,#b45309);transform:translate(-110%,-50%)rotate(-12deg)}.sv-card-2{z-index:1;background:linear-gradient(150deg,#8b5cf6,#ec4899);transform:translate(-50%,-56%)}.sv-card-3{background:linear-gradient(150deg,#22d3ee,#2563eb);transform:translate(10%,-50%)rotate(12deg)}.group:hover .sv-card-1{transform:translate(-125%,-52%)rotate(-18deg)}.group:hover .sv-card-3{transform:translate(25%,-52%)rotate(18deg)}.sv-coin{bottom:14%;left:calc(22% + var(--i) * 18%);color:#7a4b00;z-index:2;width:34px;height:34px;animation:2.4s cubic-bezier(.3,0,.3,1) infinite sv-bounce;animation-delay:calc(var(--i) * -.6s);background:radial-gradient(circle at 35% 30%,#fff3b0,#f5b700 50%,#a16207);border-radius:50%;place-items:center;font:800 10px/1 system-ui,sans-serif;display:grid;position:absolute;box-shadow:0 0 18px #f5b7008c}.sv-plus{z-index:3;color:#34d399;animation:sv-pop 3s var(--ease-out-expo) infinite;background:#10b98126;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:12%;right:12%}@keyframes sv-bounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-38px)rotate(12deg)}}@keyframes sv-pop{0%,15%{opacity:0;transform:translateY(8px)scale(.8)}30%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.sv-shop .sv-cart{color:#22d3ee;filter:drop-shadow(0 0 12px #22d3ee73);width:64px;margin-left:-32px;position:absolute;bottom:14%;left:50%}.sv-shop .sv-item{background:linear-gradient(135deg,#f472b6,#8b5cf6);border-radius:8px;width:26px;height:26px;margin-left:-13px;animation:2.6s cubic-bezier(.5,0,.75,0) infinite sv-drop;position:absolute;top:10%;left:50%}@keyframes sv-drop{0%{opacity:0;transform:translateY(-10px)rotate(-20deg)}15%{opacity:1}70%{opacity:1;transform:translateY(70px)rotate(25deg)scale(.8)}80%,to{opacity:0;transform:translateY(78px)scale(.5)}}.sv-bars{justify-content:center;align-items:flex-end;gap:8px;padding:18% 24% 10%;display:flex}.sv-bars span{height:var(--h);transform-origin:bottom;animation:sv-grow 3.2s var(--ease-out-expo) infinite;animation-delay:calc(var(--i) * .12s);background:linear-gradient(#22d3ee,#2563eb80);border-radius:6px 6px 2px 2px;flex:1}@keyframes sv-grow{0%{transform:scaleY(.15)}40%,85%{transform:scaleY(1)}to{transform:scaleY(.15)}}.sv-food .sv-bowl{background:linear-gradient(#f59e0b,#9a3412);border-radius:0 0 50px 50px;width:92px;height:46px;margin-left:-46px;position:absolute;bottom:16%;left:50%;box-shadow:inset 0 -4px #fbbf24,0 12px 30px -10px #f59e0b99}.sv-food .sv-steam{bottom:38%;left:calc(42% + var(--i) * 8%);filter:blur(1px);width:6px;height:36px;animation:2.6s ease-in-out infinite sv-steam;animation-delay:calc(var(--i) * -.8s);background:linear-gradient(#0000,#ffffff80);border-radius:6px;position:absolute}@keyframes sv-steam{0%{opacity:0;transform:translateY(10px)scaleY(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-26px)translate(6px)scaleY(1.2)}}.sv-phone .sv-phone-body{background:linear-gradient(#171b26,#0b0d13);border:2px solid #ffffff2e;border-radius:24px;width:112px;height:210px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.sv-app-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;display:grid;position:absolute;inset:70px 14px 14px}.sv-app-grid span{aspect-ratio:1;background:linear-gradient(135deg, hsl(calc(260 + var(--i) * 18) 80% 62%), hsl(calc(300 + var(--i) * 12) 75% 52%));opacity:.85;border-radius:8px}.sv-notif{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:22px;animation:sv-notif 4s var(--ease-out-expo) infinite;background:#ffffff1f;border-radius:9px;position:absolute;top:10px;left:8px;right:8px}.sv-notif:before{content:"";background:#22c55e;border-radius:3px;width:10px;height:10px;position:absolute;top:6px;left:6px}.sv-notif-2{animation-delay:.35s;top:38px}.sv-notif-2:before{background:#229ed9}@keyframes sv-notif{0%,10%{opacity:0;transform:translateY(-14px)scale(.95)}20%,80%{opacity:1;transform:none}95%,to{opacity:0;transform:translateY(-6px)}}.sv-frames span{aspect-ratio:4/3;background:linear-gradient(135deg, hsl(calc(200 + var(--i) * 50) 80% 60%), hsl(calc(260 + var(--i) * 40) 70% 40%));width:46%;transform:translate(calc(-50% + (var(--i) - 1) * 26%), calc(-50% + (var(--i) - 1) * -6%)) rotate(calc((var(--i) - 1) * 8deg));animation:sv-shuffle 6s var(--ease-out-expo) infinite;animation-delay:calc(var(--i) * -2s);border:1px solid #ffffff26;border-radius:12px;position:absolute;top:50%;left:50%}@keyframes sv-shuffle{0%,28%{z-index:3;scale:1.08}33%,to{z-index:1;scale:1}}.sv-brand .sv-morph{background:var(--gradient-primary);width:72px;height:72px;margin:-36px 0 0 -36px;animation:6s ease-in-out infinite sv-morph;position:absolute;top:50%;left:50%;box-shadow:0 0 40px #ec489973}@keyframes sv-morph{0%,to{border-radius:50%;transform:rotate(0)}33%{border-radius:22px;transform:rotate(45deg)}66%{border-radius:50% 8px;transform:rotate(90deg)}}.sv-seo .sv-graph{width:72%;position:absolute;bottom:14%;left:14%;right:14%}.sv-seo .sv-graph path{stroke-dasharray:1;animation:sv-draw 3.6s var(--ease-out-expo) infinite}.sv-seo .sv-rank{color:#22d3ee;background:#22d3ee1f;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800;position:absolute;top:16%;right:16%}@keyframes sv-draw{0%{stroke-dashoffset:1px}55%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}.sv-chat{flex-direction:column;justify-content:center;gap:8px;padding:8% 12%;display:flex}.sv-bubble{opacity:0;width:46%;height:26px;animation:sv-bubble 5s var(--ease-out-expo) infinite;animation-delay:calc(var(--i) * .5s);border-radius:14px;align-items:center;gap:4px;display:flex}.sv-bubble-in{background:#ffffff17;border-end-start-radius:4px;align-self:flex-start}.sv-bubble-out{background:linear-gradient(135deg,#229ed9,#22c55e);border-end-end-radius:4px;align-self:flex-end;width:38%}.sv-typing{justify-content:center;width:64px}.sv-typing i{background:#fff9;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite sv-dot}.sv-typing i:nth-child(2){animation-delay:.15s}.sv-typing i:nth-child(3){animation-delay:.3s}@keyframes sv-bubble{0%,5%{opacity:0;transform:translateY(8px)scale(.9)}15%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes sv-dot{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.sv-server{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.sv-rack{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:6px;width:120px;height:22px;padding:0 10px;display:flex}.sv-rack i{width:6px;height:6px;animation:1.6s steps(2,jump-none) infinite sv-blink;animation-delay:calc(var(--i) * -.37s);background:#34d399;border-radius:50%;box-shadow:0 0 8px #34d399}.sv-uptime{color:#34d399;margin-top:6px;font-size:12px;font-weight:700}@keyframes sv-blink{50%{opacity:.25}}.sv-code{flex-direction:column;justify-content:center;gap:9px;padding:6% 14%;display:flex}.sv-code span{height:8px;width:var(--w);transform-origin:0;animation:4s steps(12,end) infinite sv-type;animation-delay:calc(var(--i) * .3s);opacity:.85;background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:4px}@keyframes sv-type{0%{transform:scaleX(0)}40%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}