.container{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center}h1{text-align:center;color:#007bff;margin-bottom:30px}.section-container{min-width:600px;display:flex;flex-direction:column;gap:20px}.section{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px;margin-bottom:20px}input{padding:10px;border-radius:4px;border:1px solid #ddd;margin-bottom:10px;width:90%}button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}button:hover{background-color:#0056b3}.progress-container{width:95%;max-width:600px;margin:0 auto;padding:20px;text-align:center}.progress-bar{width:95%;height:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;background-color:#e0e0e0;margin:10px 0}.progress-bar::-webkit-progress-bar{background-color:#e0e0e0}.progress-bar::-webkit-progress-value{background-color:#76c7c0}.progress-bar::-moz-progress-bar{background-color:#76c7c0}.progress-text{font-size:16px;font-weight:700;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);color:#000;pointer-events:none}@media (max-width: 600px){.container{padding:15px}.section-container{min-width:100%;gap:15px}.section{padding:15px}input{width:100%}button{width:100%;padding:12px 0}.progress-container{width:100%;padding:10px}.progress-bar{width:100%}h1{font-size:1.5rem}}