:root{--primary:#2563eb;--secondary:#0f172a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",sans-serif;background:#f9fafc}.container{max-width:1280px;margin:0 auto;padding:0 24px}.header{position:sticky;top:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:0 1px 2px rgba(0,0,0,0.05);z-index:100}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px;flex-wrap:wrap}.logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,#0f2b4d,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}.search-form{flex:1;max-width:400px}.search-input{width:100%;padding:12px 20px;border:1px solid #e5e7eb;border-radius:40px;font-size:14px}.btn-primary{background:var(--primary);color:white;padding:12px 28px;border-radius:40px;text-decoration:none;font-weight:600;display:inline-block}.categories-bar{display:flex;gap:12px;overflow-x:auto;padding:16px 0}.category-pill{padding:8px 20px;background:white;border:1px solid #e5e7eb;border-radius:40px;text-decoration:none;color:#4b5563;white-space:nowrap}.category-pill.active,.category-pill:hover{background:var(--primary);color:white}.hero{text-align:center;padding:60px 0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:24px;margin:20px 0}.hero h1{font-size:3rem;margin-bottom:20px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:40px 0}.tool-card{background:white;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px rgba(0,0,0,0.1)}.tool-image{width:100%;height:180px;object-fit:cover}.tool-content{padding:20px}.tool-title{font-size:1.2rem;font-weight:600;margin-bottom:8px}.free-badge{background:#dcfce7;color:#166534;padding:4px 12px;border-radius:20px;font-size:0.75rem;display:inline-block}.affiliate-box{background:linear-gradient(135deg,var(--secondary),#1e293b);color:white;border-radius:24px;padding:50px;text-align:center;margin:50px 0}.footer{background:var(--secondary);color:#94a3b8;padding:50px 0 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-copyright{text-align:center;padding-top:24px;border-top:1px solid #1e293b}@media(max-width:768px){.hero h1{font-size:1.8rem}.tools-grid{grid-template-columns:1fr}.navbar{flex-direction:column}}