.home-page{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.hero-compact{padding:var(--space-2xl) 0 var(--space-lg);text-align:center}.hero-content{margin-bottom:var(--space-lg)}.hero-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-xs)}.hero-gradient{background:linear-gradient(135deg,#a855f7,#6366f1,#3b82f6 70%,#06b6d4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme=light] .hero-gradient{background:linear-gradient(135deg,#9333ea,#4f46e5,#2563eb 70%,#0891b2);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease-in-out infinite}.hero-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.search-bar{display:flex;align-items:center;gap:var(--space-sm);max-width:480px;margin:0 auto;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all .2s ease}.search-bar:focus-within{border-color:var(--color-cta-primary);box-shadow:0 0 0 3px var(--color-cta-subtle);background:var(--color-bg-card)}.search-bar .search-icon{font-size:.75rem;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:4px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono)}.search-bar .search-input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--color-text-primary);outline:none;min-width:0}.search-bar .search-input::placeholder{color:var(--color-text-muted)}.search-bar .search-clear{background:var(--color-bg-tertiary);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);font-size:.7rem;transition:all .2s ease}.search-bar .search-clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.category-nav{position:sticky;top:56px;z-index:50;display:flex;gap:var(--space-xs);padding:var(--space-md) 0;margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);overflow-x:auto;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);scrollbar-width:none;-ms-overflow-style:none}.category-nav::-webkit-scrollbar{display:none}.category-pill{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.category-pill:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.category-pill.active{background:var(--color-text-primary);color:var(--color-bg-primary);border-color:var(--color-text-primary)}.category-pill[data-category=pdf].active{background:#ef4444;border-color:#ef4444}.category-pill[data-category=image].active{background:#f59e0b;border-color:#f59e0b}.category-pill[data-category=video].active{background:#8b5cf6;border-color:#8b5cf6}.category-pill[data-category=audio].active{background:#06b6d4;border-color:#06b6d4}.category-pill[data-category=security].active{background:#22c55e;border-color:#22c55e}.category-pill[data-category=text].active{background:#6366f1;border-color:#6366f1}.category-pill[data-category=utility].active{background:#64748b;border-color:#64748b}.category-pill[data-category=ai].active{background:#ec4899;border-color:#ec4899}.category-pill[data-category=document].active{background:#3b82f6;border-color:#3b82f6}.category-pill[data-category=qr].active{background:#14b8a6;border-color:#14b8a6}.category-pill[data-category=file].active{background:#78716c;border-color:#78716c}.pill-icon{font-size:1rem;display:flex;align-items:center}.category-pill[data-category=video]:not(.active) .pill-icon{color:#a78bfa}.category-pill[data-category=audio]:not(.active) .pill-icon{color:#22d3ee}.category-pill[data-category=pdf]:not(.active) .pill-icon{color:#f87171}.category-pill[data-category=image]:not(.active) .pill-icon{color:#fbbf24}.category-pill[data-category=document]:not(.active) .pill-icon{color:#60a5fa}.category-pill[data-category=ai]:not(.active) .pill-icon{color:#f472b6}.category-pill[data-category=text]:not(.active) .pill-icon{color:#818cf8}.category-pill[data-category=security]:not(.active) .pill-icon{color:#4ade80}.category-pill[data-category=utility]:not(.active) .pill-icon{color:#94a3b8}.category-pill[data-category=qr]:not(.active) .pill-icon{color:#2dd4bf}.category-pill[data-category=file]:not(.active) .pill-icon{color:#a8a29e}.pill-count{font-size:.7rem;font-weight:600;background:#ffffff26;padding:2px 6px;border-radius:var(--radius-full);opacity:.8}.category-pill:not(.active) .pill-count{background:var(--color-bg-tertiary)}.tools-header{padding:var(--space-lg) 0 var(--space-md)}.tools-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.tools-title-icon{font-size:1.25rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-sm)}@media(min-width:640px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.tool-tile{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text-primary);transition:all .2s ease;position:relative;content-visibility:auto;contain-intrinsic-size:auto 76px}.tool-tile:hover{border-color:var(--color-border-hover);background:var(--color-bg-secondary);transform:translate(4px)}.tool-tile:active{transform:translate(2px) scale(.99)}.tool-tile[data-category=pdf]:hover{border-left:3px solid #ef4444}.tool-tile[data-category=image]:hover{border-left:3px solid #f59e0b}.tool-tile[data-category=video]:hover{border-left:3px solid #8b5cf6}.tool-tile[data-category=audio]:hover{border-left:3px solid #06b6d4}.tool-tile[data-category=security]:hover{border-left:3px solid #22c55e}.tool-tile[data-category=text]:hover{border-left:3px solid #6366f1}.tool-tile[data-category=utility]:hover{border-left:3px solid #64748b}.tool-tile[data-category=ai]:hover{border-left:3px solid #ec4899}.tool-tile[data-category=document]:hover{border-left:3px solid #3b82f6}.tile-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:14px;flex-shrink:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#64748b26,#47556940);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px #ffffff1a,0 2px 8px #00000014}.tool-tile:hover .tile-icon{transform:translateY(-2px) scale(1.05)}.tool-tile[data-category=pdf] .tile-icon{background:linear-gradient(145deg,#f8717159,#ef444480,#dc262666);box-shadow:inset 0 1px 2px #fff3,0 4px 16px #ef444433;color:#dc2626}.tool-tile[data-category=pdf]:hover .tile-icon{box-shadow:inset 0 1px 2px #ffffff40,0 6px 24px #ef444459,0 0 20px #ef444426}.tool-tile[data-category=image] .tile-icon{background:linear-gradient(145deg,#fbbf2459,#f59e0b80,#d9770666);box-shadow:inset 0 1px 2px #fff3,0 4px 16px #f59e0b33;color:#d97706}.tool-tile[data-category=image]:hover .tile-icon{box-shadow:inset 0 1px 2px #ffffff40,0 6px 24px #f59e0b59,0 0 20px #f59e0b26}.tool-tile[data-category=video] .tile-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(145deg,#a78bfa66,#8b5cf68c 40%,#7c3aed80);box-shadow:inset 0 1px 3px #ffffff40,0 6px 20px #8b5cf64d,0 0 0 1px #8b5cf626;color:#7c3aed;font-size:1.6rem}.tool-tile[data-category=video]:hover .tile-icon{transform:translateY(-3px) scale(1.08);box-shadow:inset 0 1px 3px #ffffff4d,0 10px 40px #8b5cf673,0 0 0 1px #8b5cf640,0 0 50px #8b5cf633}.tool-tile[data-category=audio] .tile-icon{background:linear-gradient(145deg,#22d3ee59,#06b6d480,#0891b266);box-shadow:inset 0 1px 2px #fff3,0 4px 16px #06b6d433;color:#0891b2}.tool-tile[data-category=audio]:hover .tile-icon{box-shadow:inset 0 1px 2px #ffffff40,0 6px 24px #06b6d459,0 0 20px #06b6d426}.tool-tile[data-category=security] .tile-icon{background:linear-gradient(145deg,#4ade8059,#22c55e80,#16a34a66);box-shadow:inset 0 1px 2px #fff3,0 4px 16px #22c55e33;color:#16a34a}.tool-tile[data-category=security]:hover .tile-icon{box-shadow:inset 0 1px 2px #ffffff40,0 6px 24px #22c55e59,0 0 20px #22c55e26}.tool-tile[data-category=text] .tile-icon{background:linear-gradient(145deg,#818cf859,#6366f180,#4f46e566);box-shadow:inset 0 1px 2px #fff3,0 4px 16px #6366f133;color:#4f46e5}.tool-tile[data-category=text]:hover .tile-icon{box-shadow:inset 0 1px 2px #ffffff40,0 6px 24px #6366f159,0 0 20px #6366f126}.tool-tile[data-category=utility] .tile-icon{background:linear-gradient(145deg,#94a3b859,#64748b80,#47556966);box-shadow:inset 0 1px 2px #fff3,0 4px 16px #64748b33;color:#475569}.tool-tile[data-category=utility]:hover .tile-icon{box-shadow:inset 0 1px 2px #ffffff40,0 6px 24px #64748b59,0 0 20px #64748b26}.tool-tile[data-category=ai] .tile-icon{background:linear-gradient(145deg,#f472b659,#ec489980,#db277766);box-shadow:inset 0 1px 2px #fff3,0 4px 16px #ec489933;color:#db2777}.tool-tile[data-category=ai]:hover .tile-icon{box-shadow:inset 0 1px 2px #ffffff40,0 6px 24px #ec489959,0 0 20px #ec489926}.tool-tile[data-category=document] .tile-icon{background:linear-gradient(145deg,#60a5fa59,#3b82f680,#2563eb66);box-shadow:inset 0 1px 2px #fff3,0 4px 16px #3b82f633;color:#2563eb}.tool-tile[data-category=document]:hover .tile-icon{box-shadow:inset 0 1px 2px #ffffff40,0 6px 24px #3b82f659,0 0 20px #3b82f626}.tool-tile[data-category=qr] .tile-icon{background:linear-gradient(145deg,#a78bfa59,#7c3aed80,#6d28d966);box-shadow:inset 0 1px 2px #fff3,0 4px 16px #7c3aed33;color:#6d28d9}.tool-tile[data-category=qr]:hover .tile-icon{box-shadow:inset 0 1px 2px #ffffff40,0 6px 24px #7c3aed59,0 0 20px #7c3aed26}.tile-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tile-title{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stats-bar{display:flex;justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-2xl) var(--space-md);margin-top:var(--space-2xl);border-top:1px solid var(--color-border)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:32px;background:var(--color-border)}.no-results{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-text-secondary)}.no-results-icon{font-size:3rem;display:block;margin-bottom:var(--space-md);opacity:.4}.no-results p{margin-bottom:var(--space-lg)}.seo-text{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-lg)}.home-footer{text-align:center;padding:var(--space-lg) var(--space-md);margin-top:var(--space-md)}.disclaimer{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.disclaimer a{color:var(--color-text-secondary);margin:0 2px}.disclaimer a:hover{color:var(--color-cta-primary)}.featured-articles-section{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.section-link{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-cta-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.section-link:hover{gap:var(--space-sm)}.featured-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:900px){.featured-articles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.featured-articles-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.featured-article-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.featured-article-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.featured-article-card[data-category=video]:hover{border-color:#8b5cf680}.featured-article-card[data-category=technology]:hover{border-color:#3b82f680}.featured-article-card[data-category=privacy]:hover{border-color:#22c55e80}.article-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);width:fit-content}.article-badge.video{background:#8b5cf626;color:#8b5cf6}.article-badge.technology{background:#3b82f626;color:#3b82f6}.article-badge.privacy{background:#22c55e26;color:#22c55e}.featured-article-card h3{font-size:var(--text-base);font-weight:600;line-height:1.3;color:var(--color-text-primary);margin:0}.featured-article-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-article-card .read-time{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:auto}@media(max-width:640px){.hero-compact{padding:var(--space-xl) 0 var(--space-md)}.hero-title{font-size:1.5rem}.stats-bar{gap:var(--space-lg);flex-wrap:wrap}.stat-divider{display:none}.tools-grid{grid-template-columns:1fr}.tool-tile{padding:var(--space-sm) var(--space-md)}.tile-icon{width:44px;height:44px;font-size:1.3rem;border-radius:12px}.tool-tile[data-category=video] .tile-icon{width:48px;height:48px;font-size:1.4rem}}@media(max-width:768px){.category-nav{padding-bottom:var(--space-sm)}.category-pill{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.pill-count{display:none}}