.dashboard-mockup[data-astro-cid-anhloy43]{width:100%;max-width:520px;background:#0d1117f2;border:1px solid rgba(13,185,242,.25);border-radius:12px;overflow:hidden;box-shadow:0 0 60px #0db9f21f,0 25px 80px #0009;transform:perspective(1200px) rotateY(-15deg) rotateX(5deg);transition:transform .6s cubic-bezier(.23,1,.32,1);position:relative}.dashboard-mockup[data-astro-cid-anhloy43]:hover{transform:perspective(1200px) rotateY(-4deg) rotateX(2deg) scale(1.03)}.mockup-chrome[data-astro-cid-anhloy43]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.mockup-dots[data-astro-cid-anhloy43]{display:flex;gap:6px}.dot[data-astro-cid-anhloy43]{width:8px;height:8px;border-radius:50%}.dot--red[data-astro-cid-anhloy43]{background:#ff5f57}.dot--yellow[data-astro-cid-anhloy43]{background:#febc2e}.dot--green[data-astro-cid-anhloy43]{background:#28c840}.mockup-url[data-astro-cid-anhloy43]{font-size:10px;color:#94a3b866;font-family:JetBrains Mono,monospace;flex:1;text-align:center;background:#ffffff08;border-radius:4px;padding:3px 10px}.mockup-body[data-astro-cid-anhloy43]{display:flex;height:310px}.mockup-sidebar[data-astro-cid-anhloy43]{width:44px;background:#0000004d;border-right:1px solid rgba(255,255,255,.05);padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:4px}.mockup-nav[data-astro-cid-anhloy43]{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#94a3b84d}.mockup-nav[data-astro-cid-anhloy43] .material-symbols-outlined[data-astro-cid-anhloy43]{font-size:16px}.mockup-nav[data-astro-cid-anhloy43].active{background:#0db9f226;color:#0db9f2;box-shadow:0 0 10px #0db9f233}.mockup-main[data-astro-cid-anhloy43]{flex:1;padding:12px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.mockup-stats[data-astro-cid-anhloy43]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mockup-stat-card[data-astro-cid-anhloy43]{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 10px}.stat-val[data-astro-cid-anhloy43]{font-size:18px;font-weight:700;color:#fff;line-height:1}.stat-lbl[data-astro-cid-anhloy43]{font-size:8px;color:#94a3b880;margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.stat-bar[data-astro-cid-anhloy43]{height:3px;background:#ffffff0f;border-radius:2px;margin-top:6px;overflow:hidden}.stat-fill[data-astro-cid-anhloy43]{height:100%;width:var(--w, 50%);background:linear-gradient(90deg,#0db9f2,#00f2ff);border-radius:2px;animation:bar-grow 1.5s ease-out 1s both}.stat-fill--green[data-astro-cid-anhloy43]{background:linear-gradient(90deg,#10b981,#34d399)}@keyframes bar-grow{0%{width:0}to{width:var(--w, 50%)}}.mockup-chart[data-astro-cid-anhloy43]{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 8px 6px;flex:1}.chart-bars[data-astro-cid-anhloy43]{display:flex;align-items:flex-end;gap:5px;height:100%}.chart-bar[data-astro-cid-anhloy43]{flex:1;height:var(--h, 50%);background:linear-gradient(to top,#0db9f2b3,#0db9f226);border-radius:3px 3px 0 0;animation:chart-grow .8s ease-out both;transform-origin:bottom}.chart-bar[data-astro-cid-anhloy43]:hover{background:linear-gradient(to top,#0db9f2,#0db9f266);box-shadow:0 0 8px #0db9f266}@keyframes chart-grow{0%{scale:1 0}to{scale:1 1}}.mockup-table[data-astro-cid-anhloy43]{display:flex;flex-direction:column;gap:4px}.table-row[data-astro-cid-anhloy43]{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff05;border-radius:6px}.row-avatar[data-astro-cid-anhloy43]{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#0db9f266,#7f0df24d);flex-shrink:0}.row-name[data-astro-cid-anhloy43]{height:7px;width:60px;background:#ffffff1a;border-radius:4px;flex-shrink:0}.row-text[data-astro-cid-anhloy43]{height:6px;flex:1;width:65%;background:#ffffff0d;border-radius:3px}.row-badge[data-astro-cid-anhloy43]{font-size:7px;padding:2px 8px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.badge--ok[data-astro-cid-anhloy43]{background:#10b98126;color:#10b981}.badge--warn[data-astro-cid-anhloy43]{background:#f59e0b26;color:#f59e0b}.mockup-sweep[data-astro-cid-anhloy43]{position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(13,185,242,.04),rgba(13,185,242,.08),rgba(13,185,242,.04),transparent);animation:screen-sweep 5s ease-in-out infinite;pointer-events:none}@media(max-width:1024px){.dashboard-mockup[data-astro-cid-anhloy43]{max-width:400px;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg)}.mockup-body[data-astro-cid-anhloy43]{height:250px}}.showcase-stage[data-astro-cid-bnxxdwxg]{position:relative;height:560px;display:flex;align-items:center;justify-content:center}.laptop-device[data-astro-cid-bnxxdwxg]{position:relative;width:720px;max-width:90%;z-index:3;animation:laptop-float 6s ease-in-out infinite}@keyframes laptop-float{0%,to{translate:0 0}50%{translate:0 -10px}}.laptop-frame[data-astro-cid-bnxxdwxg]{position:relative;background:linear-gradient(145deg,#2a2d35,#1a1d25);padding:14px 14px 0;border-radius:14px 14px 0 0;box-shadow:0 0 80px #0db9f226,0 30px 80px #000000b3,inset 0 1px #ffffff14}.laptop-camera[data-astro-cid-bnxxdwxg]{position:absolute;top:6px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#0a0a0a;box-shadow:inset 0 0 2px #0db9f266}.laptop-screen[data-astro-cid-bnxxdwxg]{aspect-ratio:16 / 10;overflow:hidden;border-radius:4px;background:#050a10;position:relative}.laptop-screen[data-astro-cid-bnxxdwxg] img[data-astro-cid-bnxxdwxg]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.laptop-base[data-astro-cid-bnxxdwxg]{position:relative;height:16px;background:linear-gradient(to bottom,#2a2d35,#1a1d25 40%,#0f1218 60%,#1a1d25);width:calc(100% + 60px);margin-left:-30px;border-radius:0 0 14px 14px;box-shadow:0 20px 40px #0009}.laptop-notch[data-astro-cid-bnxxdwxg]{position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:6px;background:linear-gradient(to bottom,#0a0a0a,#1a1a1a);border-radius:0 0 10px 10px}.tablet-device[data-astro-cid-bnxxdwxg]{position:absolute;left:2%;top:10%;width:280px;z-index:2;transform:rotate(-10deg);animation:tablet-float 7s ease-in-out infinite 1s}@keyframes tablet-float{0%,to{translate:0 0;rotate:-10deg}50%{translate:0 -14px;rotate:-9deg}}.tablet-frame[data-astro-cid-bnxxdwxg]{position:relative;background:linear-gradient(145deg,#2a2d35,#1a1d25);padding:14px 10px;border-radius:20px;box-shadow:0 0 50px #7f0df233,0 20px 50px #00000080,inset 0 1px #ffffff14}.tablet-screen[data-astro-cid-bnxxdwxg]{aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;background:#050a10}.tablet-screen[data-astro-cid-bnxxdwxg] img[data-astro-cid-bnxxdwxg]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left}.tablet-home[data-astro-cid-bnxxdwxg]{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:40px;height:3px;background:#fff3;border-radius:2px}.mobile-device[data-astro-cid-bnxxdwxg]{position:absolute;right:3%;top:12%;width:180px;z-index:4;transform:rotate(8deg);animation:mobile-float 5s ease-in-out infinite 2s}@keyframes mobile-float{0%,to{translate:0 0;rotate:8deg}50%{translate:0 -12px;rotate:7deg}}.mobile-frame[data-astro-cid-bnxxdwxg]{position:relative;background:linear-gradient(145deg,#2a2d35,#0a0a0a);padding:8px;border-radius:28px;box-shadow:0 0 40px #0db9f240,0 15px 40px #0009,inset 0 1px #ffffff1a}.mobile-screen[data-astro-cid-bnxxdwxg]{position:relative;aspect-ratio:9 / 19;overflow:hidden;border-radius:22px;background:#050a10}.mobile-notch[data-astro-cid-bnxxdwxg]{position:absolute;top:10px;left:50%;transform:translate(-50%);width:70px;height:18px;background:#0a0a0a;border-radius:10px;z-index:10}.mobile-screen[data-astro-cid-bnxxdwxg] img[data-astro-cid-bnxxdwxg]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top}.mobile-bar[data-astro-cid-bnxxdwxg]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:80px;height:3px;background:#fff6;border-radius:2px;z-index:10}@media(max-width:1024px){.showcase-stage[data-astro-cid-bnxxdwxg]{height:auto;flex-direction:column;gap:2rem}.laptop-device[data-astro-cid-bnxxdwxg]{width:100%;max-width:600px;animation:none}.tablet-device[data-astro-cid-bnxxdwxg]{position:relative;left:auto;top:auto;width:240px;transform:rotate(-4deg);animation:none}.mobile-device[data-astro-cid-bnxxdwxg]{position:relative;right:auto;top:auto;width:160px;transform:rotate(4deg);animation:none}}@media(max-width:640px){.showcase-stage[data-astro-cid-bnxxdwxg]{gap:1.5rem}.tablet-device[data-astro-cid-bnxxdwxg]{width:200px}.mobile-device[data-astro-cid-bnxxdwxg]{width:140px}}.leaderboard-mockup[data-astro-cid-xqzyvrrn]{width:100%;max-width:380px;background:#0d1117f2;border:1px solid rgba(13,185,242,.2);border-radius:16px;overflow:hidden;box-shadow:0 0 40px #0db9f21a,0 20px 60px #00000080;position:relative;transform:perspective(800px) rotateY(8deg) rotateX(-3deg);transition:transform .5s cubic-bezier(.23,1,.32,1)}.leaderboard-mockup[data-astro-cid-xqzyvrrn]:hover{transform:perspective(800px) rotateY(2deg) rotateX(-1deg) scale(1.03)}.lb-header[data-astro-cid-xqzyvrrn]{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.lb-header[data-astro-cid-xqzyvrrn] .material-symbols-outlined[data-astro-cid-xqzyvrrn]{font-size:20px}.lb-title[data-astro-cid-xqzyvrrn]{font-size:13px;font-weight:700;color:#fff;flex:1}.lb-badge[data-astro-cid-xqzyvrrn]{font-size:9px;padding:3px 8px;border-radius:12px;background:#10b98126;color:#10b981;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px}.lb-badge[data-astro-cid-xqzyvrrn]:before{content:"";width:5px;height:5px;border-radius:50%;background:#10b981;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.lb-podium[data-astro-cid-xqzyvrrn]{display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:20px 16px 12px}.lb-podium-item[data-astro-cid-xqzyvrrn]{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.lb-avatar[data-astro-cid-xqzyvrrn]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid}.lb-avatar[data-astro-cid-xqzyvrrn] .material-symbols-outlined[data-astro-cid-xqzyvrrn]{font-size:18px;color:#ffffff80}.lb-avatar--gold[data-astro-cid-xqzyvrrn]{border-color:#fbbf24;background:#fbbf241a}.lb-avatar--silver[data-astro-cid-xqzyvrrn]{border-color:#94a3b8;background:#94a3b81a}.lb-avatar--bronze[data-astro-cid-xqzyvrrn]{border-color:#d97706;background:#d977061a}.lb-crown[data-astro-cid-xqzyvrrn]{position:absolute;top:-14px;font-size:16px;animation:float-crown 2s ease-in-out infinite}.lb-crown[data-astro-cid-xqzyvrrn] .material-symbols-outlined[data-astro-cid-xqzyvrrn]{font-size:18px}@keyframes float-crown{0%,to{translate:0 0}50%{translate:0 -4px}}.lb-rank[data-astro-cid-xqzyvrrn]{font-size:11px;font-weight:800;color:#fff9}.lb-bar[data-astro-cid-xqzyvrrn]{width:60px;border-radius:6px 6px 0 0;background:linear-gradient(to top,#0db9f24d,#0db9f214);border:1px solid rgba(13,185,242,.15);border-bottom:none}.lb-bar--gold[data-astro-cid-xqzyvrrn]{background:linear-gradient(to top,#fbbf244d,#fbbf2414);border-color:#fbbf2433}.lb-rows[data-astro-cid-xqzyvrrn]{padding:8px 12px 14px;display:flex;flex-direction:column;gap:5px}.lb-row[data-astro-cid-xqzyvrrn]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff05;transition:background .2s}.lb-row[data-astro-cid-xqzyvrrn]:hover{background:#0db9f20d}.lb-row--highlight[data-astro-cid-xqzyvrrn]{background:#0db9f20f;border:1px solid rgba(13,185,242,.12)}.lb-pos[data-astro-cid-xqzyvrrn]{font-size:11px;font-weight:700;color:#fff6;width:16px;text-align:center}.lb-row-avatar[data-astro-cid-xqzyvrrn]{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#0db9f266,#7f0df24d);flex-shrink:0}.lb-row-info[data-astro-cid-xqzyvrrn]{flex:1}.lb-row-name[data-astro-cid-xqzyvrrn]{height:7px;width:65%;background:#ffffff1a;border-radius:4px;margin-bottom:4px}.lb-row-score[data-astro-cid-xqzyvrrn]{font-size:10px;color:#94a3b880;font-weight:600}.lb-xp[data-astro-cid-xqzyvrrn]{font-size:10px;font-weight:700;color:#10b981;flex-shrink:0}.lb-sweep[data-astro-cid-xqzyvrrn]{position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(13,185,242,.04),rgba(13,185,242,.06),rgba(13,185,242,.04),transparent);animation:screen-sweep 6s ease-in-out infinite;animation-delay:2s;pointer-events:none}