@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";html{font-family:Roboto}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh}ul{margin:0;padding:0}.bg{position:fixed;z-index:-1;inset:0;background-image:linear-gradient(135deg,#ffffc4,#ff6164,#b00012)}button{background-color:unset;border:none}#root{margin:auto}h1{text-align:center;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.3)}header{position:sticky;top:0;width:100%;height:60px;display:flex;justify-content:center;align-items:center;gap:5px;background:#ffffffbf;box-shadow:0 2px 4px #0000001a}header button{cursor:pointer;padding:10px 15px;font-weight:500;font-size:18px;transition:all .2s ease;border-bottom:2px solid transparent}header button.active{color:#4f46e5;border-bottom-color:#4f46e5}.package-list{margin:20px 0;width:100%;padding:0;list-style-type:none}.package-list li{width:100%;background:#fff;margin-bottom:10px;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.upload-button{display:inline-block;width:100%;padding:30px 40px;background-color:#4f46e5;color:#fff;font-weight:500;border-radius:8px;cursor:pointer;text-transform:uppercase;transition:background-color .3s ease}.upload-button input{display:none}.upload-button:hover{background-color:#4338ca}.w-full{width:100%}.flex-col{flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}input{border-radius:8px;font-size:18px;padding:0 10px;width:100%;height:40px;border:none;box-shadow:2px solid red}.card{padding:20px;box-shadow:0 2px 4px #0000001a;background-color:#fff;border-radius:8px}.card.success{color:#22ad73;text-align:center;font-size:30px}