@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-dark:#060911;--bg-darker:#03050a;--surface-glass:#0d1424d9;--surface-glass-hover:#16223cf2;--surface-card:#0c1424;--surface-card-border:#38bdf838;--primary-cyan:#38bdf8;--primary-cyan-glow:#38bdf859;--primary-indigo:#818cf8;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b4d;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e66;--accent-emerald:#10b981;--accent-emerald-glow:#10b9814d;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#64748b;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Grotesk", monospace;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.bg-ambient-grid{background-color:var(--bg-dark);background-image:radial-gradient(at 10% 10%,#38bdf829 0,#0000 45%),radial-gradient(at 90% 10%,#818cf829 0,#0000 45%),radial-gradient(at 50% 90%,#10b9811a 0,#0000 45%);background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-cyan)}.glass-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-card-border);border-radius:var(--radius-lg);transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #00000080}.glass-panel:hover{border-color:#38bdf866}.btn-2k{cursor:pointer;font-family:var(--font-sans);border-radius:var(--radius-md);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-2k:disabled{opacity:.5;cursor:not-allowed}.btn-cyan{color:#04070d;box-shadow:0 4px 20px var(--primary-cyan-glow);background:linear-gradient(135deg,#00f2fe 0%,#0284c7 100%)}.btn-cyan:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #00f2fe80}.btn-emerald{color:#04070d;box-shadow:0 4px 20px var(--accent-emerald-glow);background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-emerald:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #10b98180}.btn-amber{color:#04070d;box-shadow:0 4px 20px var(--accent-amber-glow);background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.btn-amber:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #f59e0b80}.btn-rose{color:#fff;box-shadow:0 4px 20px var(--accent-rose-glow);background:linear-gradient(135deg,#f43f5e 0%,#be123c 100%)}.btn-rose:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #f43f5e80}.btn-glass{color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff1f}.btn-glass:hover:not(:disabled){background:#ffffff1f;border-color:#38bdf866;transform:translateY(-2px)}.badge-2k{letter-spacing:.03em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.badge-cyan{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.badge-emerald{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.badge-amber{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-rose{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d}.badge-indigo{color:#818cf8;background:#818cf826;border:1px solid #818cf84d}.badge-glass{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1f}.input-2k{border-radius:var(--radius-md);color:#fff;width:100%;font-family:var(--font-sans);background:#060911b3;border:1px solid #ffffff1f;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.input-2k:focus{border-color:var(--primary-cyan);box-shadow:0 0 15px var(--primary-cyan-glow);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes marqueeScroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.animate-marquee{white-space:nowrap;animation:18s linear infinite marqueeScroll;display:inline-block}
