*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f1f5f9;color:#1e293b;line-height:1.6}a{text-decoration:none;color:inherit}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px;max-width:1200px;margin:auto}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.card:hover{transform:translateY(-5px)}.card img{width:100%;height:180px;object-fit:cover}.card h3{font-size:18px;margin:10px 15px}.card p{font-size:14px;color:#64748b;margin:0 15px 15px}.card button{margin:0 15px 15px;padding:8px 12px;border:none;background:#2563eb;color:#fff;border-radius:6px;cursor:pointer;transition:.3s}.card button:hover{background:#1d4ed8}.blog-container{max-width:800px;margin:auto;padding:20px;background:#fff;border-radius:10px}.blog-container img{width:100%;border-radius:10px;margin-bottom:20px}.blog-container h1{margin-bottom:10px}.blog-container p{margin-bottom:15px;font-size:16px;color:#334155}.sidebar{padding:10px}.ad-box{height:150px;background:#e5e7eb;margin-bottom:15px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;color:#555}.layout{display:grid;grid-template-columns:3fr 1fr;gap:30px;max-width:1200px;margin:auto;padding:20px}footer{text-align:center;padding:20px;background:#0f172a;color:#fff;margin-top:30px}@media (max-width: 1024px){.layout{grid-template-columns:2fr 1fr}}@media (max-width: 768px){.layout{grid-template-columns:1fr}.container{padding:15px}}@media (max-width: 480px){.card img{height:150px}.card h3{font-size:16px}}