body {
			box-sizing: border-box;
			}
			html, body {
			height: 100%;
			width: 100%;
			margin: 0;
			padding: 0;
			}
			html {
			scroll-behavior: smooth;
			}
			/* Modern gradient background */
			.hero-gradient {
			position: relative;
			overflow: hidden;
			background:
			url('/back.jpg');
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			}
			.hero-gradient::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
			opacity: 0.4;
			}
			/* Navbar glass effect */
			.navbar-glass {
			background: rgba(255, 255, 255, 0.95);
			backdrop-filter: blur(12px);
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			}
			/* Card styles */
			.feature-card {
			background: white;
			border-radius: 1rem;
			transition: all 0.3s ease;
			border: 1px solid rgba(220, 38, 38, 0.1);
			}
			.feature-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 20px 40px rgba(220, 38, 38, 0.15);
			border-color: rgba(220, 38, 38, 0.2);
			}
			/* Stats counter animation */
			.stat-card {
			background: white;
			border-radius: 1rem;
			padding: 2rem;
			text-align: center;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
			transition: all 0.3s ease;
			}
			.stat-card:hover {
			transform: translateY(-4px);
			box-shadow: 0 8px 24px rgba(220, 38, 38, 0.15);
			}
			/* Button styles */
			.btn-primary {
			background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
			color: white;
			padding: 0.875rem 2rem;
			border-radius: 9999px;
			font-weight: 600;
			transition: all 0.3s ease;
			border: none;
			box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
			}
			.btn-primary:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 20px rgba(220, 38, 38, 0.4);
			}
			.btn-secondary {
			background: white;
			color: #DC2626;
			padding: 0.875rem 2rem;
			border-radius: 9999px;
			font-weight: 600;
			transition: all 0.3s ease;
			border: 2px solid #DC2626;
			}
			.btn-secondary:hover {
			background: #DC2626;
			color: white;
			transform: translateY(-2px);
			}
			/* Icon gradient */
			.icon-gradient {
			background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			}
			/* Fade in animation */
			.fade-in {
			opacity: 0;
			transform: translateY(30px);
			transition: opacity 0.8s ease, transform 0.8s ease;
			}
			.fade-in.visible {
			opacity: 1;
			transform: translateY(0);
			}
			/* Hero illustration */
			.hero-illustration {
			position: relative;
			animation: float 6s ease-in-out infinite;
			}
			@keyframes float {
			0%, 100% { transform: translateY(0px); }
			50% { transform: translateY(-20px); }
			}
			/* Section divider */
			.section-divider {
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(220, 38, 38, 0.2), transparent);
			margin: 4rem 0;
			}
			/* Focus states */
			.focus-ring:focus-visible {
			outline: 3px solid #FCA5A5;
			outline-offset: 3px;
			}
			/* Testimonial card */
			.testimonial-card {
			background: white;
			border-radius: 1rem;
			padding: 1.5rem;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
			border-left: 4px solid #DC2626;
			}
			/* Mobile menu */
			.mobile-menu {
			position: fixed;
			top: 0;
			right: -100%;
			width: 80%;
			max-width: 320px;
			height: 100%;
			background: white;
			box-shadow: -4px 0 12px rgba(0, 0, 0, 0.1);
			transition: right 0.3s ease;
			z-index: 100;
			}
			.mobile-menu.active {
			right: 0;
			}
			.mobile-overlay {
			position: fixed;
			inset: 0;
			background: rgba(0, 0, 0, 0.5);
			opacity: 0;
			pointer-events: none;
			transition: opacity 0.3s ease;
			z-index: 99;
			}
			.mobile-overlay.active {
			opacity: 1;
			pointer-events: auto;
			}
			/* Number counter animation */
			@keyframes countUp {
			from { opacity: 0; transform: translateY(10px); }
			to { opacity: 1; transform: translateY(0); }
			}
			.count-animation {
			animation: countUp 0.6s ease-out;
			}
			@view-transition { navigation: auto; }