@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-main:#07090e;--bg-card:rgba(15,23,42,.65);--bg-card-hover:rgba(30,41,59,.75);--bg-input:rgba(11,17,32,.85);--border-color:hsla(0,0%,100%,.09);--border-focus:#06b6d4;--border-glow:rgba(6,182,212,.4);--accent-cyan:#06b6d4;--accent-cyan-glow:rgba(6,182,212,.25);--accent-purple:#8b5cf6;--accent-purple-glow:rgba(139,92,246,.25);--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 10%,rgba(6,182,212,.08) 0,transparent 40%),radial-gradient(circle at 85% 60%,rgba(139,92,246,.07) 0,transparent 45%)}.font-mono,code,pre{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.28)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 30px -5px rgba(0,0,0,.5);transition:all .25s ease}.glass-panel:hover{border-color:hsla(0,0%,100%,.14)}.glow-box-cyan{border:1px solid var(--accent-cyan);box-shadow:0 0 20px var(--accent-cyan-glow)}.glow-box-purple{border:1px solid var(--accent-purple);box-shadow:0 0 20px var(--accent-purple-glow)}.btn-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-weight:600;border:none;border-radius:var(--radius-md);padding:12px 24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 18px rgba(6,182,212,.35);transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px rgba(6,182,212,.5)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:hsla(0,0%,100%,.05);color:var(--text-primary);font-weight:500;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.text-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:14px 16px;font-size:14px;outline:none;transition:all .2s ease}.text-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-glow)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;letter-spacing:.02em}.badge-cyan{background:rgba(6,182,212,.15);color:#38bdf8;border:1px solid rgba(6,182,212,.3)}.badge-purple{background:rgba(139,92,246,.15);color:#c084fc;border:1px solid rgba(139,92,246,.3)}.badge-emerald{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-amber{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.9}}.pulse-glow{animation:pulseGlow 2.5s infinite}