.devcard-root{--font-inter:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-jakarta:"Plus Jakarta Sans", var(--font-inter);--font-mono:"JetBrains Mono", monospace;--bg-main:#f9fafb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-card:#e5e7eb;--accent-violet:#6366f1;--accent-cyan:#0ea5e9;--accent-emerald:#10b981;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-inter), system-ui, sans-serif;color:#0f172a!important;background-color:#f9fafb!important}.devcard-root .glass-panel{-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.88);border:1px solid rgba(229,231,235,.9);box-shadow:0 4px 20px -2px rgba(15,23,42,.04),0 2px 6px -1px rgba(15,23,42,.02)}.devcard-root .glass-panel-hover{transition:all .3s cubic-bezier(.16,1,.3,1)}.devcard-root .glass-panel-hover:hover{background:rgba(255,255,255,.98);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 14px 30px -4px rgba(15,23,42,.08),0 4px 10px -2px rgba(15,23,42,.03)}.devcard-root .glass-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.92);border:1px solid rgba(229,231,235,.85)}.devcard-root .bg-radial-dots{background-image:radial-gradient(circle,#cbd5e1 1.2px,transparent 1.2px);background-size:24px 24px}.devcard-root .bg-mesh-glow{background:radial-gradient(circle at 50% 0,rgba(99,102,241,.08) 0%,rgba(14,165,233,.05) 40%,transparent 70%)}.devcard-root .text-gradient-violet-cyan{background:linear-gradient(135deg,#4338ca 0%,#6366f1 50%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.devcard-root .text-gradient-dark{background:linear-gradient(#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.devcard-root .bg-surface-50{background-color:#fff}.devcard-root .bg-surface-100{background-color:#f8fafc}.devcard-root .bg-surface-200{background-color:#f1f5f9}.devcard-root .text-charcoal-900{color:#0f172a}.devcard-root .text-charcoal-800{color:#1e293b}.devcard-root .text-charcoal-700{color:#334155}.devcard-root .text-charcoal-600{color:#475569}.devcard-root .text-charcoal-500{color:#64748b}.devcard-root .text-charcoal-400{color:#94a3b8}.devcard-root .text-accent-violet{color:#6366f1}.devcard-root .text-accent-cyan{color:#0ea5e9}.devcard-root .text-accent-emerald{color:#10b981}.devcard-root .text-accent-amber{color:#f59e0b}.devcard-root .text-accent-rose{color:#f43f5e}.devcard-root .bg-accent-violet{background-color:#6366f1}.devcard-root .bg-accent-cyan{background-color:#0ea5e9}.devcard-root .bg-accent-emerald{background-color:#10b981}.devcard-root .bg-accent-amber{background-color:#f59e0b}.devcard-root .bg-accent-rose{background-color:#f43f5e}.devcard-root .border-border-light{border-color:#e5e7eb}.devcard-root .border-border-subtle{border-color:#f1f5f9}.devcard-root .border-border-hover{border-color:#cbd5e1}