*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;background:linear-gradient(to right,#6a11cb,#2575fc);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.converter{width:100%;max-width:500px;background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 8px 24px rgb(0 0 0 / .2);text-align:center}.converter-box h1{font-size:2rem;margin-bottom:10px;color:#333}.converter-box p{font-size:1rem;margin-bottom:30px;color:#666}.upload-area{border:2px dashed #6a11cb;border-radius:15px;padding:40px 20px;margin-bottom:20px;cursor:pointer;transition:0.3s}.upload-area:hover{background-color:#f4f4f4}.upload-label{display:flex;flex-direction:column;align-items:center;font-size:1rem;color:#6a11cb;font-weight:500}input[type="file"]{display:none}.convert-btn{background:#6a11cb;color:#fff;border:none;padding:12px 25px;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:background 0.3s}.convert-btn:disabled{background:#aaa;cursor:not-allowed}.convert-btn:hover:not(:disabled){background:#5312d6}@media (max-width:600px){.converter{padding:30px 20px}.converter-box h1{font-size:1.5rem}.converter-box p{font-size:.9rem}}