:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{font-family:Open Sans,sans-serif;text-align:center;padding:20px;background-color:#f4f7fb}@keyframes wave{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(10px)}to{transform:translateY(0)}}.service-item{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease}@media (min-width: 768px){.service-item:hover{animation:wave 1.8s ease-in-out infinite}}.hero h1{font-family:Montserrat,sans-serif;font-weight:700;font-size:3rem;color:#fff}.services h2,.testimonials h2,.contact h2{font-family:Montserrat,sans-serif;font-weight:600}.hero{background:linear-gradient(135deg,#0af,#f60);color:#fff;padding:50px 20px;border-radius:8px}.hero h1{font-size:3rem;font-weight:700}.hero p{font-size:1.2rem;margin:20px 0}p{color:#000}strong{color:#007bff}.contact .contact-form{background-color:#f5f5f5;border:2px solid #0077b6;border-radius:2rem;padding:2rem;box-shadow:0 8px 15px #0000001a;max-width:500px;margin:2rem auto;text-align:center}.contact .form-title{font-size:2.5rem;font-weight:700;color:#0077b6;margin-bottom:1rem;position:relative}.contact .form-title:after{content:"";display:block;width:60px;height:4px;background-color:#0077b6;border-radius:2px;margin:.5rem auto 0}.contact .form-intro{font-size:1rem;color:#333;margin-bottom:1.5rem;line-height:1.6}.contact-form button{background-color:#0077b6;color:#fff;font-size:1rem;padding:12px 25px;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,background-color .2s}.contact-form button:hover{background-color:#005f99;transform:scale(1.05)}.cta-button{display:inline-block;background:#fc0;color:#fff;padding:10px 20px;text-decoration:none;margin-top:20px;border-radius:5px;font-size:1.1rem;transition:background-color .3s ease}.cta-button:hover{background:#fa3}.music-button{background-color:#0077b6;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s,transform .2s}.music-button:hover{background-color:#0096c7;transform:scale(1.05)}.music-button:focus{outline:none;box-shadow:0 0 5px #0077b6b3}.services{background-color:#e1f7ff;padding:40px 20px}.services h2{font-size:2.5rem;color:#007bff}.services-grid{display:flex;justify-content:center;flex-wrap:wrap}.service-item{margin:20px;padding:20px;background-color:#fff;border:2px solid #f0f0f0;border-radius:10px;width:250px;box-shadow:0 4px 10px #0000001a}.service-item h3{color:#007bff;font-size:1.5rem}.service-item p{color:#555;font-size:1rem}.testimonials{background-color:#fff3cd;padding:40px 20px}.testimonials h2{font-size:2.5rem;color:#f60}.testimonial-item{background-color:#fff;margin:20px 0;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #0000001a}.recommendation-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stars{font-size:24px;color:gold;margin:10px 0}.recommendation-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:20px}.recommendation-text{max-width:400px}strong{display:block;margin-top:10px}p{margin-top:5px}.stars{color:#fc0;font-size:1.2rem}.contact{background-color:#fff7e6;padding:40px 20px}.contact h2{font-size:2.5rem;color:#007bff}.contact p{font-size:1.2rem;color:#555}.contact-form{display:flex;flex-direction:column;align-items:center}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin-bottom:15px;border-radius:5px;border:1px solid #ddd;font-size:1rem}.contact-form textarea{height:120px}.contact-form button{background-color:#f60;color:#fff;padding:12px 24px;border-radius:5px;font-size:1.2rem;border:none;cursor:pointer}.contact-form button:hover{background-color:#f93}.popup-button{bottom:20px;right:20px;background-color:#007bff;color:#fff;padding:10px 15px;border:none;cursor:pointer;border-radius:5px;font-size:14px}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;background:#fff;border-radius:10px;box-shadow:0 0 15px #0000004d;padding:20px;overflow-y:auto;z-index:1000}.popup-content{position:relative}.close-button{background:red;color:#fff;border:none;cursor:pointer;padding:8px 12px;border-radius:50%;font-size:16px}.close-button:hover{background:#8b0000}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:999}ul{list-style-type:none}@media screen and (max-width: 768px){.container{font-weight:700}.services-grid{flex-direction:column;align-items:center}.service-item{margin-bottom:20px}.testimonial-item{padding:15px}strong{color:#007bff}.hero h1{font-size:2rem}.popup{width:80%}.cta-button{font-size:1rem}h1{font-size:2rem}}@media screen and (max-width: 1024px){.services h2{font-size:2rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.cta-button{font-size:1rem}.services-grid{flex-direction:column;align-items:center}.service-item{width:80%;margin:10px 0}.testimonial-item{padding:15px}.contact-form input,.contact-form textarea{font-size:.9rem}.contact-form button{font-size:1rem}}@media screen and (max-width: 768px){.hero{padding:30px 15px}.hero h1{font-size:2rem}.services h2{font-size:1.8rem}.cta-button{font-size:1rem}.services-grid{flex-direction:column;align-items:center}.service-item{margin-bottom:20px}.testimonial-item{padding:15px}.recommendation-photo{width:80px;height:80px}.contact h2{font-size:2rem}.contact p{font-size:1rem}.contact-form input,.contact-form textarea,.contact-form button{width:90%;font-size:1rem}}@media screen and (max-width: 480px){body{display:contents}.hero-logo{width:100%;height:auto;object-fit:cover}.hero h1{font-size:1.6rem}.hero p{font-size:1rem}.services h2{font-size:1.6rem}.cta-button{font-size:.9rem;padding:8px 15px}.services-grid{flex-direction:column;align-items:center}.service-item{width:70%;margin-bottom:20px}.testimonial-item{padding:12px}.testimonials h2{font-size:1.5rem}.contact .form-title{font-size:1.5rem;font-weight:700;color:#0077b6;margin-bottom:1rem;position:relative}.contact-form input,.contact-form textarea{font-size:.9rem;padding:10px}.contact-form button{font-size:1rem;padding:10px}}