/* Common Styles */
/* Currently none needed as Tailwind handles most common styling */

/* Homepage Styles */
.hero-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.screenshot-container {
    perspective: 1000px;
}

.screenshot {
    transition: transform 0.3s ease;
}

.screenshot:hover {
    transform: rotateY(5deg) scale(1.05);
}

/* Privacy Page Styles */
.privacy-accept-btn {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: none;
}

.privacy-accept-btn.show {
    display: block;
}

/* Contact Page Styles */
.file-upload-area {
    border: 2px dashed #cbd5e0;
    transition: all 0.3s ease;
}

.file-upload-area:hover {
    border-color: #4299e1;
    background-color: #f7fafc;
}

.file-upload-area.drag-over {
    border-color: #3182ce;
    background-color: #ebf8ff;
}