body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ffe0f0;display:flex;justify-content:center;align-items:center;min-height:100vh;color:#d8437f}.App{text-align:center;background-color:#fff0f5;padding:30px;border-radius:20px;box-shadow:0 10px 30px #ffc0cb80;width:90%;max-width:600px}h1{color:#e91e63;margin-bottom:25px;font-size:2.5em;text-shadow:1px 1px 2px rgba(255,105,180,.3)}.progress-bar-container{width:100%;background-color:#fce4ec;border-radius:15px;overflow:hidden;height:40px;margin-bottom:20px;position:relative;box-shadow:inset 0 2px 5px #ffc0cb4d}.progress-bar-fill{height:100%;background:linear-gradient(to right,#ff80ab,#e91e63);border-radius:15px;box-sizing:border-box;transition:width .8s ease-in-out}.progress-bar-container-go{width:100%;background-color:#fce4ec;border-radius:15px;overflow:hidden;height:40px;margin-bottom:20px;position:relative;box-shadow:inset 0 2px 5px #ffc0cb4d}.progress-bar-fill-go{height:100%;background:linear-gradient(to right,#80b3ff,#1e87e9);border-radius:15px;box-sizing:border-box;transition:width .8s ease-in-out}.percentage-text-centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:700;font-size:1.2em;z-index:1}.percentage-text-centered .percentage{color:#000}.span-cpp{color:#28b12e;font-size:1.1em;font-weight:500}.span-go{color:#a73ca1;font-size:1.1em;font-weight:500}.date{display:block;color:#000;font-size:1.2em;font-weight:1000;margin-bottom:20px}.percentage-text .percentage{color:#000}span{color:#d8437f;font-size:1.1em;font-weight:500}.carousel-container{width:100%;height:250px;overflow:hidden;position:relative;border-radius:15px;margin-top:30px;box-shadow:0 5px 15px #ffc0cb66}.carousel-slide{position:relative;width:100%;height:100%}.carousel-slide img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:15px;opacity:0;transition:opacity 2s ease-in-out}.carousel-slide img.active{opacity:1}.carousel-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffffb3;cursor:pointer;transition:background-color .3s ease}.carousel-dot.active{background-color:#e91e63;transform:scale(1.2)}