@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Quicksand:wght@400;500;700&family=Baloo+2:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;width:auto;overflow:hidden;background:linear-gradient(135deg,#0abfbc,#2c6975,#2a9d8f);position:relative}body:before,body:after{content:"";position:absolute;width:350px;height:350px;background:#fff3;filter:blur(100px);z-index:0;border-radius:50%}body:after{top:20%;left:60%}body:before{bottom:15%;right:50%}.rating-container{text-align:center;padding:40px 30px;width:400px;border-radius:15px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003;z-index:1}.stars{display:flex;justify-content:center;gap:10px;font-size:2rem;cursor:pointer;margin:15px}.star{transition:color .2s ease-in-out;color:#ccc}.star.active{color:gold}.feedback{font-size:1.2rem;font-weight:700;color:#fff;font-family:Quicksand,sans-serif}.submit-btn{margin-top:15px;padding:10px 15px;font-size:1rem;font-family:Quicksand,sans-serif;background-color:#00aeffcc;color:#fff;border:none;cursor:pointer;transition:opacity .2s ease;border-radius:8px}.submit-btn:disabled{background:gray;cursor:not-allowed}.submit-btn:hover:not(:disabled){opacity:.9}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000001a;display:flex;align-items:center;justify-content:center}.modal{background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:20px;text-align:center;border-radius:15px;width:300px;border:1px solid rgba(255,255,255,.3)}.modal h2{margin-bottom:15px;color:#fff;font-family:"Baloo 2",cursive}.close-btn{margin-top:15px;padding:10px;font-family:Quicksand,sans-serif;background-color:#00aeff26;color:#fff;border:none;cursor:pointer;transition:opacity .2s ease;border-radius:8px}.close-btn:hover{opacity:.9}@media screen and (max-width: 768px){.rating-container{text-align:center;padding:25px 10px;width:250px;border-radius:10px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003;z-index:1}body:before,body:after{content:"";position:absolute;width:10px;height:auto;background:#ffffff26;filter:blur(100px);z-index:0;border-radius:50%}}