@font-face{font-family:Clash Display;src:url(./assets/fonts/clash-display/ClashDisplay-Variable.woff2) format("woff2"),url(./assets/fonts/clash-display/ClashDisplay-Variable.woff) format("woff");font-weight:200 700;font-display:swap}@font-face{font-family:Satoshi;src:url(./assets/fonts/satoshi/Satoshi-Variable.woff2) format("woff2"),url(./assets/fonts/satoshi/Satoshi-Variable.woff) format("woff");font-weight:300 900;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:clash-display}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Satoshi,sans-serif;line-height:1.6;font-weight:400;--primary: #8B5CF6;--secondary: #3B82F6;--accent: #10B981;--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--neutral-50: #F9FAFB;--neutral-100: #F3F4F6;--neutral-200: #E5E7EB;--neutral-300: #D1D5DB;--neutral-400: #9CA3AF;--neutral-500: #6B7280;--neutral-600: #4B5563;--neutral-700: #374151;--neutral-800: #1F2937;--neutral-900: #111827;color:var(--neutral-800);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:14px;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.btn-secondary{background:#fff;color:var(--neutral-700);border:1px solid var(--neutral-200)}.btn-secondary:hover{background:var(--neutral-50);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid var(--neutral-100)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.text-left{text-align:left}.mb-8{margin-bottom:32px}.mb-6{margin-bottom:24px}.mb-4{margin-bottom:16px}.mb-2{margin-bottom:8px}.mt-8{margin-top:32px}.mt-4{margin-top:16px}h1,h2,h3,h4,h5,h6{font-family:Clash Display,sans-serif}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.3;color:var(--neutral-800)}h3{font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--neutral-800)}h4{font-size:1.25rem;font-weight:500;line-height:1.5;color:var(--neutral-700)}p{font-size:1rem;line-height:1.6;color:var(--neutral-600)}.text-lg{font-size:1.125rem;line-height:1.6}.text-sm{font-size:.875rem;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--neutral-700)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--neutral-300);border-radius:8px;font-size:16px;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{min-height:120px;resize:vertical}.form-select{width:100%;padding:12px 16px;border:1px solid var(--neutral-300);border-radius:8px;font-size:16px;cursor:pointer}.article-content{line-height:1.8}.article-content h2{margin-top:48px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--neutral-200)}.article-content h3{margin-top:36px;margin-bottom:18px}.article-content h4{margin-top:24px;margin-bottom:12px}.article-content p{margin-bottom:24px}.article-content ul,.article-content ol{margin-bottom:24px;padding-left:24px}.article-content li{margin-bottom:8px;line-height:1.7}.article-content blockquote{border-left:4px solid var(--primary);padding:16px 24px;margin:32px 0;background:var(--neutral-50);border-radius:0 8px 8px 0;font-style:italic}.article-content code{background:var(--neutral-100);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9em}.article-content pre{background:var(--neutral-900);color:#fff;padding:24px;border-radius:8px;overflow-x:auto;margin:24px 0}.article-content pre code{background:none;padding:0;color:inherit}@media (max-width: 768px){.container{padding:0 16px}.section{padding:60px 0}.grid-4,.grid-3{grid-template-columns:1fr}.card{padding:20px}.btn{padding:10px 20px;font-size:14px}.card div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:24px!important}}@media (max-width: 480px){.container{padding:0 12px}.section{padding:40px 0}.card{padding:16px}}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--neutral-200);position:sticky;top:0;z-index:100}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none}.nav-links{display:flex;gap:32px;list-style:none}.nav-link{color:var(--neutral-700);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--primary)}.footer{background:var(--neutral-900);color:var(--neutral-300);padding:40px 0;text-align:center}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:32px}.footer-section h4{color:#fff;margin-bottom:16px}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--neutral-400);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--neutral-700);padding-top:24px;text-align:center;color:var(--neutral-500)}.ad-zone{background:var(--neutral-100);border:2px dashed var(--neutral-300);border-radius:8px;padding:40px 20px;text-align:center;color:var(--neutral-500);margin:32px 0}.ad-zone-small{padding:20px;margin:16px 0}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge-new{background:linear-gradient(135deg,var(--accent),var(--success));color:#fff}.badge-popular{background:linear-gradient(135deg,var(--warning),#F97316);color:#fff}.badge-free{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.badge-money-making{background:linear-gradient(135deg,var(--success),var(--accent));color:#fff}.badge-social-media{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.badge-ai-comparison{background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff}.badge-ai-tools{background:linear-gradient(135deg,var(--primary),#9333EA);color:#fff}.badge-seo{background:linear-gradient(135deg,var(--accent),#059669);color:#fff}.badge-youtube{background:linear-gradient(135deg,red,#c00);color:#fff}