@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-card-hover:#1c1c28;--border:#2a2a3a;--border-light:#3a3a4a;--accent:#7c3aed;--accent-light:#9d5ff5;--accent-glow:#7c3aed4d;--accent-2:#06b6d4;--accent-3:#10b981;--text-primary:#f0f0ff;--text-secondary:#a0a0b8;--text-muted:#606078;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--plan-starter:#06b6d4;--plan-pro:#7c3aed;--plan-enterprise:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.gradient-text{background:linear-gradient(135deg,#9d5ff5,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);background:#16161fcc}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #9d5ff5);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 30px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent)}.btn-outline{color:var(--accent-light);border:1px solid var(--accent);background:0 0}.btn-outline:hover{background:var(--accent-glow)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-light)}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b98126}.badge-warning{color:var(--warning);background:#f59e0b26}.badge-danger{color:var(--danger);background:#ef444426}.badge-info{color:var(--accent-2);background:#06b6d426}.badge-purple{color:var(--accent-light);background:#7c3aed26}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow), 0 0 60px #7c3aed1a}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade{animation:.4s fadeIn}.animate-slide{animation:.3s slideIn}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.divider{background:var(--border);height:1px;margin:20px 0}.form-group{margin-bottom:16px}.error-text{color:var(--danger);margin-top:4px;font-size:12px}.success-text{color:var(--success);margin-top:4px;font-size:12px}.code-block{border:1px solid var(--border);color:#a5f3fc;background:#0d0d15;border-radius:12px;padding:16px 20px;font-family:Courier New,monospace;font-size:13px;position:relative;overflow-x:auto}.code-block .comment{color:#4a4a6a}.code-block .string{color:#86efac}.code-block .attr{color:#fb923c}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:10px;max-width:350px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s fadeIn}.toast-success{border:1px solid var(--success);color:var(--success);background:#10b98126}.toast-error{border:1px solid var(--danger);color:var(--danger);background:#ef444426}.toast-info{border:1px solid var(--accent);color:var(--accent-light);background:#7c3aed26}.star{color:#f59e0b}.star-empty{color:var(--text-muted)}@media (max-width:768px){.hide-mobile{display:none!important}}