* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
body { background-color: #121212; color: #ffffff; display: flex; justify-content: center; padding: 20px; }
.app-container { width: 100%; max-width: 480px; background: #1e1e1e; border-radius: 20px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
header { text-align: center; margin-bottom: 30px; }
.logo { width: 100px; height: 100px; border-radius: 50%; border: 3px solid #00E5FF; margin-bottom: 10px; }
h1 { font-size: 1.5rem; color: #00E5FF; }
p { color: #aaaaaa; font-size: 0.9rem; }
.upload-btn, button, #downloadBtn { display: block; width: 100%; text-align: center; padding: 15px; background: #00E5FF; color: #000; border: none; border-radius: 12px; font-weight: bold; font-size: 1.1rem; cursor: pointer; transition: 0.2s; text-decoration: none; margin-top: 10px; }
.upload-btn { background: #333; color: #fff; border: 1px dashed #00E5FF; }
button:disabled { background: #555; color: #888; cursor: not-allowed; }
.form-group { margin-bottom: 20px; }
label { display: block; margin-bottom: 8px; color: #cccccc; }
select { width: 100%; padding: 12px; border-radius: 8px; background: #2a2a2a; color: #fff; border: 1px solid #444; font-size: 1rem; }
#fileName, #status { text-align: center; margin: 15px 0; color: #00E5FF; font-size: 0.9rem; }