/* Hero Section Moderne */
		.hero {
			position: relative;
			min-height: 90vh;
			display: flex;
			align-items: center;
			background: linear-gradient(135deg, var(--dark) 0%, var(--secondary-color) 100%);
			overflow: hidden;
			padding: 2rem 0;
		}

		.hero::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23FF6B35" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,101.3C1248,85,1344,75,1392,69.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
			background-size: cover;
		}

		.hero-container {
			max-width: 1400px;
			margin: 0 auto;
			padding: 0 2rem;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 4rem;
			align-items: center;
			position: relative;
			z-index: 1;
		}

		.hero-text h1 {
			font-size: 3.5rem;
			font-weight: 800;
			color: white;
			margin-bottom: 1.5rem;
			line-height: 1.2;
			animation: fadeInUp 0.8s ease;
		}

		.hero-text h1 span {
			color: var(--accent-color);
		}

		.hero-text p {
			font-size: 1.3rem;
			color: rgba(255, 255, 255, 0.9);
			margin-bottom: 2.5rem;
			line-height: 1.6;
			animation: fadeInUp 0.8s ease 0.2s backwards;
		}

		.hero-buttons {
			display: flex;
			gap: 1.5rem;
			flex-wrap: wrap;
			animation: fadeInUp 0.8s ease 0.4s backwards;
		}