@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-primary:#07090e;--bg-secondary:#0c101a;--bg-tertiary:#131929;--border-color:#ffffff0f;--border-color-hover:#ffffff1f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-glow:#6366f126;--color-success:#10b981;--color-success-bg:#10b9811a;--color-success-border:#10b98133;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-danger-border:#ef444433;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b33;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-info-border:#3b82f633;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-title:"Outfit", var(--font-sans);--font-mono:"Fira Code", monospace;--glass-bg:#131929a6;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:border-color .3s,box-shadow .3s}.glass-panel:hover{border-color:var(--border-color-hover)}.grid-bg{background-image:radial-gradient(#6366f10d 1px,#0000 1px);background-size:24px 24px}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-title);cursor:pointer;box-shadow:0 4px 14px 0 var(--accent-primary-glow);border:none;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f140}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-title);cursor:pointer;background:#ffffff08;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){border-color:var(--border-color-hover);background:#ffffff14}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#0003;padding:.75rem 1rem;transition:all .2s}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-glow);background:#00000059;outline:none}@keyframes pulseGlow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.pulse-glow{animation:2s infinite pulseGlow}.code-font{font-family:var(--font-mono)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.custom-toast{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);opacity:0;background:#0f172ae6;align-items:center;gap:.75rem;min-width:320px;max-width:450px;padding:1rem 1.25rem;transition:all .3s;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastIn;display:flex;transform:translateY(100px);box-shadow:0 10px 30px #00000080}@keyframes toastIn{to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-tertiary);border:1px solid var(--border-color-hover);border-radius:var(--radius-lg);opacity:0;width:100%;max-width:480px;padding:2rem;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards modalScaleIn;transform:scale(.95);box-shadow:0 20px 50px #0009}@keyframes modalScaleIn{to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}