@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-card:#111827bf;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-purple:#a855f7;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#ffffff14;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", monospace;--glass-border:1px solid #ffffff14;--glass-shadow:0 20px 40px -15px #0009}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 10% 20%,#06b6d412 0,#0000 50%),radial-gradient(at 90% 80%,#a855f712 0,#0000 50%);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1f2937;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#374151}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s}.glass-card:hover{border-color:#06b6d440}.gradient-text{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.code-editor{font-family:var(--font-mono);color:#e5e7eb;resize:vertical;background:#090d16;border:1px solid #1f2937;border-radius:12px;outline:none;width:100%;padding:16px;font-size:.92rem;line-height:1.5}.code-editor:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #06b6d433}.console-box{font-family:var(--font-mono);color:#38bdf8;white-space:pre-wrap;background:#050810;border:1px solid #ffffff14;border-radius:12px;max-height:320px;padding:16px;font-size:.88rem;overflow-y:auto}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#9333ea);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #9333ea80}.btn-secondary{color:var(--text-primary);border:var(--border-color);cursor:pointer;background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1f}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.badge-cyan{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.badge-purple{color:var(--accent-purple);background:#a855f726;border:1px solid #a855f74d}.badge-emerald{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b9814d}.badge-amber{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-rose{color:var(--accent-rose);background:#f43f5e26;border:1px solid #f43f5e4d}