.feature-card {
	@apply bg-white p-8 rounded-xl hover:shadow-lg transition duration-300 transform hover:-translate-y-1;
}
.nav-link {
	@apply text-gray-600 hover:text-gray-900 transition;
}
body.modal-open {
	overflow: hidden;
	padding-right: 17px;
}
.animate-fade-in {
	opacity: 0;
	animation: fadeIn 1s ease-out forwards;
}
@keyframes fadeIn {
	to { opacity: 1; }
}

.hero-section {
   background: linear-gradient(to right, rgba(79, 70, 229, 0.8), rgba(124, 58, 237, 0.8));
}
input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	margin: 0;
	cursor: pointer;
	border: 2px solid #e5e7eb;
}

input[type="checkbox"]:checked {
	background-color: #4F46E5;
	border-color: #4F46E5;
}

/* Styl dla modalu z błędem */
.error-modal {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: white;
   padding: 1.5rem;
   border-radius: 0.5rem;
   box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
   z-index: 1000;
   max-width: 400px;
   width: 90%;
   display: none;
}

.error-message {
   color: #dc2626;
   font-size: 1rem;
   margin-bottom: 1rem;
}

.error-modal-overlay {
   position: fixed;
   inset: 0;
   background: rgba(0,0,0,0.5);
   backdrop-filter: blur(4px);
   z-index: 999;
   display: none;
}