/* Dodatkowe style CSS dla lepszego wyglądu */

/* Animacje */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideIn {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

/* Główne style */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
}

/* Animacje dla formularza */
.bg-white {
    animation: fadeIn 0.6s ease-out;
}

/* Efekty hover dla przycisków */
button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* Style dla pól formularza */
input:focus, select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Animacje dla komunikatów błędów */
.error-message {
    animation: slideIn 0.3s ease-out;
}

/* Responsywność */
@media (max-width: 640px) {
    .text-4xl {
        font-size: 2.5rem;
    }
    
    .p-8 {
        padding: 1.5rem;
    }
    
    .sm\:p-10 {
        padding: 2rem;
    }
}

/* Style dla checkboxa */
input[type="checkbox"]:checked {
    background-color: #3B82F6;
    border-color: #3B82F6;
}

/* Dodatkowe efekty wizualne */
.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Gradient text fallback */
.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

/* Loading spinner */
@keyframes spin {
    to { transform: rotate(360deg); }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

/* Smooth transitions */
* {
    transition: all 0.2s ease-in-out;
}

/* Focus states */
input:focus, select:focus, button:focus {
    outline: 2px solid #3B82F6;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .bg-gradient-to-br {
        background: white !important;
    }
    
    button {
        display: none;
    }
}