body {
		font-family: 'Plus Jakarta Sans', sans-serif;
		scroll-behavior: smooth;
}

.glass {
		background: rgba(255, 255, 255, 0.85);
		backdrop-filter: blur(15px);
		border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}

.hero-pattern {
		background: radial-gradient(circle at top right, #0f172a, #1e293b);
		position: relative;
}

.hero-pattern::before {
		content: "";
		position: absolute;
		inset: 0;
		background-image: url("https://www.transparenttextures.com/patterns/cubes.png");
		opacity: 0.05;
}

.no-scrollbar::-webkit-scrollbar {
		display: none;
}

.no-scrollbar {
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
}

.medical-gradient {
		background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
}

.card-hover {
		transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
		transform: translateY(-10px);
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Smooth Animation for entrance */
@keyframes fadeIn {
		from {
				opacity: 0;
				transform: translateY(20px);
		}

		to {
				opacity: 1;
				transform: translateY(0);
		}
}

.animate-fade {
		animation: fadeIn 0.8s ease-out forwards;
}

/* Card Depth Effect */
.card-hover {
		transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
		transform: translateY(-5px);
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
}

/* Subtle Gradient for Hero */
.gradient-overlay {
		background: linear-gradient(to bottom, transparent 0%, rgba(15, 23, 42, 0.9) 100%);
}