:root{--primary-color: #ff4081;--secondary-color: #fff0f5;--dark-color: #1f2937;--accent-color: #ffc0cb}.navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;background:var(--secondary-color);position:sticky;top:0;z-index:1000;box-shadow:0 4px 15px #0000001a;font-family:Poppins,sans-serif}.navbar .logo{font-size:28px;font-weight:700;color:var(--primary-color);letter-spacing:1px}.nav-links{display:flex;gap:25px}.nav-links a{text-decoration:none;color:var(--dark-color);font-weight:500;transition:all .3s ease}.nav-links a:hover{color:var(--primary-color);transform:scale(1.05)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger div{width:28px;height:3px;background:var(--primary-color);border-radius:2px;transition:all .3s ease}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:70px;right:30px;background:var(--secondary-color);padding:20px;border-radius:10px;box-shadow:0 5px 20px #0000001a}@media(max-width:768px){.nav-links{display:none}.hamburger{display:flex}}.hero{height:90vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff}.hero .overlay{text-align:center}.btn{margin-top:20px;padding:12px 25px;background:var(--primary-color);color:#fff;border-radius:6px;text-decoration:none;box-shadow:0 6px 15px #0003;transition:all .3s ease-out;display:inline-block}.btn:hover{transform:scale(1.1)}.services{padding:60px 20px;background:var(--secondary-color)}.services h2{text-align:center;margin-bottom:40px;color:var(--dark-color)}.services .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{position:relative;height:250px;border-radius:10px;background-size:cover;background-position:center;cursor:pointer;transition:transform .3s ease}.card:hover{transform:scale(1.05)}.card-overlay{position:absolute;bottom:0;width:100%;padding:15px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff}.about{padding:60px 20px;text-align:center}.about h2{color:var(--primary-color);margin-bottom:20px}.about p{max-width:600px;margin:0 auto;color:var(--dark-color);line-height:1.6}.contact-section{padding:100px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(138,86,172,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(180,128,255,.1) 0%,transparent 50%);pointer-events:none}.contact-wrapper{max-width:1400px;margin:0 auto;position:relative;z-index:1}.contact-header{text-align:center;margin-bottom:70px}.section-title{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;letter-spacing:1px}.section-subtitle{font-size:1.3rem;color:#64748b;margin-bottom:25px;font-weight:400}.title-divider{width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);margin:0 auto;border-radius:10px;position:relative}.title-divider:before,.title-divider:after{content:"";position:absolute;width:8px;height:8px;background:#667eea;border-radius:50%;top:-2px}.title-divider:before{left:-15px}.title-divider:after{right:-15px}.contact-main{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start}.contact-info-section{background:#fff;padding:50px 40px;border-radius:30px;box-shadow:0 20px 60px #00000014;position:relative;overflow:hidden}.contact-info-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.03) 0%,transparent 70%);pointer-events:none}.info-title{font-size:2rem;color:#1e293b;margin-bottom:12px;font-weight:700}.info-description{color:#64748b;font-size:1.1rem;margin-bottom:40px;line-height:1.6}.contact-cards{display:grid;gap:20px}.contact-card{display:flex;align-items:center;gap:20px;padding:25px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;border-left:5px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,#667eea0d,#764ba20d);transition:width .4s ease;z-index:0}.contact-card:hover:before{width:100%}.contact-card:hover{transform:translate(10px);box-shadow:0 10px 30px #667eea26;border-left-color:#667eea}.contact-card:nth-child(1):hover{border-left-color:#667eea}.contact-card:nth-child(2):hover{border-left-color:#25d366}.contact-card:nth-child(3):hover{border-left-color:#f43f5e}.contact-card:nth-child(4):hover{border-left-color:#f59e0b}.card-icon{width:55px;height:55px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease;position:relative;z-index:1}.card-icon svg{width:28px;height:28px;transition:transform .3s ease}.contact-card:hover .card-icon svg{transform:scale(1.1) rotate(5deg)}.phone-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.whatsapp-icon{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.location-icon{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff}.hours-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card-content{flex:1;position:relative;z-index:1}.card-content h4{font-size:1.2rem;color:#1e293b;margin-bottom:5px;font-weight:600}.card-content p{font-size:1.05rem;color:#475569;margin-bottom:5px;font-weight:500}.card-label{font-size:.9rem;color:#94a3b8;font-style:italic}.contact-map-section{position:sticky;top:100px}.map-container{position:relative;border-radius:30px;overflow:hidden;height:600px;box-shadow:0 20px 60px #0000001f;border:8px solid white}.map-container iframe{width:100%;height:100%;display:block}.map-overlay{position:absolute;top:30px;left:30px;pointer-events:none}.map-badge{background:#fff;padding:15px 25px;border-radius:50px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #00000026;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-badge svg{width:24px;height:24px;fill:#667eea}.map-badge span{font-weight:600;color:#1e293b;font-size:1rem}@media(max-width:1200px){.contact-main{grid-template-columns:1fr}.contact-map-section{position:relative;top:0}.map-container{height:500px}}@media(max-width:768px){.contact-section{padding:60px 15px}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.1rem}.contact-header{margin-bottom:50px}.contact-info-section{padding:35px 25px}.info-title{font-size:1.6rem}.info-description{font-size:1rem}.contact-card{padding:20px;flex-direction:column;text-align:center}.contact-card:hover{transform:translateY(-5px)}.card-icon{width:50px;height:50px}.map-container{height:400px}.map-badge{padding:12px 20px}}@media(max-width:480px){.section-title{font-size:2rem}.contact-info-section{padding:25px 20px}.contact-card{padding:15px}.card-content h4{font-size:1.1rem}.card-content p{font-size:.95rem}.map-container{height:350px}}.footer{text-align:center;padding:20px;background:var(--primary-color);color:#fff}.floating-buttons{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:999}.float{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;text-decoration:none;box-shadow:0 6px 15px #0003;transition:all .3s ease}.float:hover{transform:scale(1.1)}.whatsapp{background:#25d366}.call{background:#007bff}.facebook{background:#1877f2}.youtube{background:red}