*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:#f4f6f9}div#root{min-height:100vh}nav{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:0 20px;box-shadow:0 4px 10px #0000001a;list-style:none;display:flex;justify-content:center;flex-wrap:wrap}nav>p{position:relative}nav>p>a{display:block;padding:18px 25px;color:#fff;text-decoration:none;font-weight:500;transition:.3s ease}nav>p>a:after{content:"";position:absolute;left:50%;bottom:10px;width:0;height:2px;background:#fff;transition:.3s ease;transform:translate(-50%)}nav>p>a:hover{opacity:.85}nav>p>a:hover:after{width:60%}footer{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:10px;margin-top:40px;font-size:20px;position:absolute;bottom:0;width:100%}.products-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;background:#f7f7f7}.products-container .product-card{background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:12px;border:1px solid #ddd;padding:15px;width:150px;text-align:center;cursor:pointer;transition:.3s ease;position:relative}.products-container .product-card h3{margin:10px 0 5px;font-size:1.1rem;color:#222}.products-container .product-card p{margin:0;font-weight:600;color:#555}.products-container .product-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}