@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Silkscreen&display=swap";:root{--bg-primary: #09090b;--bg-secondary: #111113;--bg-tertiary: #0a0a0c;--bg-card: #18181b;--bg-elevated: #18181b;--bg-hover: rgba(255, 255, 255, .05);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-hint: #52525b;--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--accent-primary: #6366f1;--accent-secondary: #818cf8;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--positive: #34d399;--negative: #f87171;--warning: #f59e0b;--pro-color: #f59e0b;--font-main: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--font-logo: "Silkscreen", cursive;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--container-max: 1200px;--container-padding: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}img{max-width:100%;height:auto}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-3xl) 0}.section-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-lg);text-align:center}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto var(--space-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 0 24px #6366f11f}.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:transparent}.badge-free{color:var(--accent-primary);border:1px solid var(--accent-primary)}.badge-pro{color:var(--pro-color);border:1px solid var(--pro-color)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:var(--space-2xl) 0}.section-title{font-size:1.5rem}}