.material-symbols-outlined {
			font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
		}
		
		  body {
			font-family: 'Inter', sans-serif;
		  }
		  h1, h2, h3, .font-headline {
			font-family: 'Space Grotesk', sans-serif;
		  }

		.glass-header {
			background: rgba(255, 255, 255, 0.9);
			backdrop-filter: blur(20px);
			border-bottom: 1px solid rgba(229, 231, 235, 0.8);
		}

		.hero-gradient {
			background:
				linear-gradient(
					135deg,
					rgba(255,255,255,0.82) 0%,
					rgba(255,255,255,0.45) 45%,
					rgba(248,250,252,0.92) 100%
				);
		}

		.text-glow {
			text-shadow: 0 0 18px rgba(239, 68, 68, 0.35);
		}

		.light-card {
			background: rgba(255,255,255,0.88);
			backdrop-filter: blur(10px);
			border: 1px solid rgba(229,231,235,0.7);
			box-shadow: 0 10px 30px rgba(0,0,0,0.05);
		}

		.soft-overlay {
			background:
				linear-gradient(
					to top,
					rgba(255,255,255,0.96),
					rgba(255,255,255,0.25)
				);
		}

		.red-accent-hover {
			transition: all 0.3s ease;
		}

		.red-accent-hover:hover {
			box-shadow: 0 10px 30px rgba(239,68,68,0.18);
			transform: translateY(-4px);
		}
		
		
		
		
		
		.hero-slider {
			position: absolute;
			inset: 0;
			background: #000;
		}

			.hero-slide {
				position: absolute;
				inset: 0;
				opacity: 0;
				animation: heroFade 24s infinite;
				will-change: opacity;
			}

			.hero-slide img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.hero-slide:nth-child(1) {
				animation-delay: 0s;
			}

			.hero-slide:nth-child(2) {
				animation-delay: 8s;
			}

			.hero-slide:nth-child(3) {
				animation-delay: 16s;
			}

			@keyframes heroFade {

				0% {
					opacity: 0;
				}

				8% {
					opacity: 1;
				}

				33% {
					opacity: 1;
				}

				41% {
					opacity: 0;
				}

				100% {
					opacity: 0;
				}
			}