.pdf-card {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:25px;
    border-radius:12px;
    border:2px dashed #ddd;
    background:#fff;
    cursor:pointer;
    transition:transform .2s, background .2s;
    min-height:100px;
}
.pdf-card:hover {
    transform:scale(1.02);
    border-color:#007bff;
}

.preview-card {
    background:#f9f9f9;
    border-radius:12px;
    padding:10px;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
    position:relative;
}

.page-count-badge {
    position:absolute;
    top:15px;
    right:15px;
    background:#0078ff;
    color:#fff;
    padding:4px 8px;
    border-radius:6px;
    font-size:0.75rem;
    font-weight:600;
}

.converted-file-card {
    background:#f9f9f9;
    border-radius:12px;
    padding:15px;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
    text-align:center;
    transition:transform .2s;
}
.converted-file-card:hover {
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.download-btn {
    display:inline-block;
    background:#28a745;
    color:#fff;
    padding:8px 16px;
    border-radius:8px;
    text-decoration:none;
    font-size:0.9rem;
    transition:0.2s;
}
.download-btn:hover {
    background:#218838;
    transform:translateY(-2px);
}

.batch-btn {
    background:#007bff;
    color:#fff;
    padding:12px 20px;
    border:none;
    border-radius:8px;
    font-size:1rem;
    cursor:pointer;
    transition:0.2s;
}
.batch-btn:hover {
    background:#0056b3;
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,0.2);
}

.clear-btn {
    background:#dc3545;
    color:#fff;
    padding:12px 20px;
    border:none;
    border-radius:8px;
    font-size:1rem;
    cursor:pointer;
    transition:0.2s;
}
.clear-btn:hover {
    background:#c82333;
    transform:translateY(-2px);
}

.remove-file-btn {
    background:#dc3545;
    color:#fff;
    padding:8px 16px;
    border:none;
    border-radius:6px;
    font-size:0.9rem;
    cursor:pointer;
    transition:0.2s;
}
.remove-file-btn:hover {
    background:#c82333;
    transform:scale(1.05);
}

.merge-btn {
    background:#ff9800;
    color:#fff;
    padding:12px 25px;
    border:none;
    border-radius:12px;
    font-size:1.2rem;
    cursor:pointer;
    transition:0.2s;
    width:100%;
}
.merge-btn:hover {
    background:#f57c00;
    transform:translateY(-3px);
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

/* Content Section Styles */
.content-section { background:#fff; padding:40px; border-radius:16px; margin:30px 0; box-shadow:0 4px 15px rgba(0,0,0,0.08); }
.content-section h2 { color:#1a1a2e; margin-bottom:20px; font-size:1.8rem; }
.content-section p { color:#555; line-height:1.8; margin-bottom:15px; }

.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:25px; margin:25px 0; justify-items:center; }
.feature-card { background:#f8f9fa; padding:25px; border-radius:12px; border-left:4px solid #ff9800; display:flex; flex-direction:column; align-items:center; text-align:center; }
.feature-icon { width: 40px; height: 40px; margin-bottom: 10px; }
.feature-card h3 { color:#1a1a2e; margin-bottom:10px; font-size:1.1rem; }
.feature-card p { color:#666; margin:0; font-size:0.95rem; }

.use-cases-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:15px; margin:25px 0; }
.use-case-item { background:#fff3e0; padding:15px 20px; border-radius:8px; color:#e65100; font-weight:500; }

.faq-container { margin:25px 0; }
.faq-item { background:#f8f9fa; padding:20px; border-radius:12px; margin-bottom:15px; }
.faq-item h3 { color:#1a1a2e; margin-bottom:10px; font-size:1.1rem; }
.faq-item p { color:#666; margin:0; }

.cta-section { background:linear-gradient(135deg,#ff9800,#ffb74d); color:#fff; padding:40px; border-radius:16px; text-align:center; margin:30px 0; }
.cta-section h2 { margin-bottom:15px; }
.cta-section p { opacity:0.9; margin-bottom:20px; }

.related-tools { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:15px; margin:25px 0; }
.related-tool-link { background:#f8f9fa; padding:15px; border-radius:8px; text-decoration:none; color:#1a1a2e; text-align:center; transition:all 0.3s; }
.related-tool-link:hover { background:#ff9800; color:#fff; transform:translateY(-3px); }

@media(max-width:768px) {
    .content-section { padding:25px; }
    .features-grid { grid-template-columns:1fr; }
}