.upload-container { max-width: 700px; margin: 30px auto; text-align: center; }
.file-drop { border: 2px dashed #2d89ef; padding: 30px; border-radius: 10px; background: #fff; cursor: pointer; }
.file-drop button { background: #2d89ef; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; }
.file-drop button:hover { background: #1a5cb3; }

.compression-options { margin: 20px 0; text-align:left; }
.compression-options label { display:block; font-weight:600; margin-bottom:5px; }
.compression-options select { width:100%; padding:10px; border-radius:8px; border:1px solid #ccc; }

.btn-primary { width:100%; padding:12px; background:#4f46e5; color:#fff; border:none; border-radius:12px; font-weight:600; cursor:pointer; }
.btn-primary:hover { background:#06b6d4; }

.progress { width:100%; background:#e0e0e0; border-radius:10px; overflow:hidden; margin-top:15px; }
.progress-bar { width:0%; height:23px; background:#2d89ef; transition:width 0.3s; }
.hidden { display:none; }

.features-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
.feature-card { background:#f3f4f6; border-radius:15px; padding:25px; flex:1 1 200px;text-align:center; }
.card-icon { font-size:2rem; color:#4f46e5; margin-bottom:15px; }
.feature-card h3 { margin-bottom:10px; color:#4f46e5; font-size:1.2rem; }
.feature-card p { font-size:0.95rem; color:#555; min-height:50px; }