* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: Arial, sans-serif;
		}

		/* Background image */
		body {
			background: url('img/PENSA.png') no-repeat center center/cover;
			min-height: 100vh;
			position: relative;
		}

		/* Dark transparent overlay */
		body::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.4);
			z-index: 0;
		}

		/* Navbar */
		nav {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			background: rgba(255, 255, 255, 0.1);
			backdrop-filter: blur(10px);
			padding: 15px 30px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			z-index: 10;
			animation: slideDown 0.7s ease;
		}

		@keyframes slideDown {
			from { transform: translateY(-100%); opacity: 0; }
			to { transform: translateY(0); opacity: 1; }
		}

		nav .logo {
			color: #fff;
			font-size: 1.5rem;
			font-weight: bold;
			letter-spacing: 1px;
		}

		nav ul {
			list-style: none;
			display: flex;
			gap: 20px;
		}

		nav ul li a {
			color: #fff;
			text-decoration: none;
			font-size: 1rem;
			padding: 5px 10px;
			position: relative;
			transition: color 0.3s ease;
		}

		/* Underline animation */
		nav ul li a::after {
			content: "";
			position: absolute;
			left: 0;
			bottom: -3px;
			width: 0%;
			height: 2px;
			background: #fff;
			transition: width 0.3s ease;
		}

		nav ul li a:hover::after {
			width: 100%;
		}

		nav ul li a:hover {
			color: #ffd700;
		}

		/* Content */
		main {
			position: relative;
			z-index: 1;
			padding: 100px 20px 20px;
			color: #fff;
			text-align: center;
		}

		.box-info {
			list-style: none;
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
			gap: 20px;
			margin-top: 40px;
		}

		.box-info li {
			background: rgba(255, 255, 255, 0.15);
			padding: 20px;
			border-radius: 10px;
			backdrop-filter: blur(5px);
			transition: transform 0.2s ease, box-shadow 0.2s ease;
		}

		.box-info li:hover {
			transform: translateY(-5px);
			box-shadow: 0 5px 15px rgba(0,0,0,0.2);
		}

		.box-info i {
			font-size: 30px;
			color: #ffd700;
		}

		.text h3 {
			font-size: 1.5rem;
			margin-bottom: 5px;
		}

		.text p {
			color: #ddd;
		}