*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#6c5ce7,#a29bfe);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}#app{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:2rem 2.5rem;transition:transform .3s;box-shadow:0 15px 30px #0003}#app:hover{transform:translateY(-5px)}h1{color:#2d3436;margin-bottom:1.5rem;font-size:2rem}input[type=file],input[type=number]{border:1px solid #dfe6e9;border-radius:10px;width:80%;max-width:300px;margin-top:.5rem;padding:.6rem .8rem;font-size:1rem;transition:all .2s}input[type=file]:hover,input[type=number]:hover{border-color:#0984e3;box-shadow:0 0 5px #0984e34d}label{color:#2d3436;margin-top:1rem;font-weight:500;display:block}button{color:#fff;cursor:pointer;background:#0984e3;border:none;border-radius:12px;margin-top:1.2rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}button:hover{background:#74b9ff;transform:translateY(-3px)}#compressedImage{border-radius:15px;max-width:100%;margin-top:1.5rem;box-shadow:0 8px 25px #0003}#downloadBtn{color:#fff;background:#00b894;border-radius:12px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}#downloadBtn:hover{background:#55efc4;transform:translateY(-3px)}h3{color:#2d3436;margin-top:1.5rem}@media (width<=500px){#app{padding:1.5rem 1.8rem}input[type=file],input[type=number]{width:100%}}