body{font-family:Arial;background:#f0fff4;margin:0;color:#333}
header{text-align:center;padding:20px;background:#1db954;color:#fff}
.logo{width:120px;margin-bottom:10px}
.card{background:#fff;margin:15px;padding:15px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);animation:fade .5s}
button{background:#1db954;border:none;padding:12px;color:#fff;border-radius:10px;width:100%;cursor:pointer}
button:hover{transform:scale(1.05)}
.progress-bar{background:#ddd;border-radius:10px;overflow:hidden}
#progress{height:10px;width:0;background:#1db954;transition:.5s}
textarea{width:100%;height:80px;border-radius:10px;padding:10px}
.ex{margin:10px 0;padding:10px;border-left:4px solid #1db954;background:#f9f9f9}
@keyframes fade{from{opacity:0}to{opacity:1}}