@layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .card-hover {
                transition: all 0.3s ease;
            }
            .card-hover:hover {
                transform: scale(1.05);
                box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
            }
            .btn-hover {
                transition: all 0.3s ease;
            }
            .btn-hover:hover {
                transform: scale(1.05);
            }
            .pulse-effect {
                animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            }
            @keyframes pulse {
                0%, 100% {
                    opacity: 1;
                }
                50% {
                    opacity: 0.7;
                }
            }
            .slide-up {
                animation: slideUp 0.5s ease-out forwards;
            }
            @keyframes slideUp {
                from {
                    transform: translateY(20px);
                    opacity: 0;
                }
                to {
                    transform: translateY(0);
                    opacity: 1;
                }
            }
        }
	
		* {
		    margin: 0;
		    padding: 0;
		    box-sizing: border-box;
		}
		.bottom-nav {
		    position: fixed;
		    bottom: 0;
		    left: 0;
		    right: 0;
		    background: #fff;
		    box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
		    border-radius: 20px 20px 0 0;
		    padding: 12px 0;
		    z-index: 999;
		}
		.nav-wrap {
		    display: flex;
		    justify-content: space-around;
		    align-items: center;
		}
		.nav-item {
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		    text-decoration: none;
		    color: #999;
		    font-size: 12px;
		    gap: 5px;
		    transition: all 0.2s ease;
		}
		.nav-item img {
		    width: 26px;
		    height: 26px;
		    object-fit: contain;
		}
		.nav-item.active {
		    color: #3b82f6;
		}
		.nav-item.active img {
		    transform: scale(1.08);
		}
		@media (bottom: env(safe-area-inset-bottom)) {
		    .bottom-nav {
		        padding-bottom: calc(12px + env(safe-area-inset-bottom));
		    }
		}
	.bottom-nav {
	  overflow: hidden;
	}
	body {
	  background-color: #d1e7f5;
	  margin: 0;
	  padding: 0;
	  min-height: 100vh;
	}