@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#1a1a1a;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff12;--accent:#0f8;--accent-dim:#00cc6a;--accent-glow:#00ff8826;--accent-glow-strong:#00ff884d;--pro-purple:#a78bfa;--pro-purple-glow:#a78bfa33;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#666;--border:#ffffff14;--border-accent:#00ff884d;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-accent:0 0 40px #00ff8826;--shadow-card:0 4px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.accent-text{color:var(--accent)}.muted-text{color:var(--text-muted)}.glass-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);transition:all .3s}.glass-card:hover{background:var(--bg-glass-hover);border-color:var(--border-accent);box-shadow:var(--shadow-accent);transform:translateY(-4px)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--accent);color:#000;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 32px var(--accent-glow-strong);background:#0fa;transform:translateY(-2px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--accent)}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444433}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-lg{padding:16px 40px;font-size:1.05rem}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-free{background:var(--accent-glow);color:#fff;border:1px solid var(--border-accent)}.badge-pro{background:var(--pro-purple-glow);color:#fff;border:1px solid #a78bfa4d}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.input{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .25s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:60px 0}}.divider{background:linear-gradient(90deg,var(--accent),transparent);border-radius:2px;width:60px;height:3px;margin:16px 0 32px}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow-strong)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:4s ease-in-out infinite float}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,#252525 50%,var(--bg-card)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.noise-overlay{position:relative}.noise-overlay:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 16px;font-size:.8rem;font-weight:600}.table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:.9rem}.table tr:hover td{background:var(--bg-glass)}@media (max-width:768px){.desktop-nav{display:none!important}}@media (min-width:769px){.mobile-nav{display:none!important}}.blog-card-link:hover{border-color:var(--border-accent)!important;transform:translateY(-4px)!important}.back-link:hover{color:var(--text-primary)!important}