*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#00abba;--secondary:#333333;--white:#FFFFFF;--light-gray:#F8F9FA;--light-primary:#E0F7FA;--beige:#F8F6F0;--dark-gray:#333333;--shadow:0 10px 30px rgba(0, 0, 0, 0.1);--primary-gradient:linear-gradient(135deg, #00abba, #00c4d6);--secondary-gradient:linear-gradient(135deg, #333333, #2C2C2C);--green-bg:linear-gradient(135deg, #E0F7FA 0%, #B2EBF2 100%)}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--dark-gray);overflow-x:hidden}.social-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:15px;padding:20px 10px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:50px;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:.3s}.social-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;text-decoration:none;font-size:20px;color:var(--dark-gray)}.social-icon:hover{transform:scale(1.15);box-shadow:0 5px 15px rgba(0,171,186,.3)}.social-icon.instagram{color:#e4405f}.social-icon.instagram:hover{background:rgba(228,64,95,.1)}.social-icon.facebook{color:#1877f2}.social-icon.facebook:hover{background:rgba(24,119,242,.1)}.social-icon.google{color:#4285f4}.social-icon.google:hover{background:rgba(66,133,244,.1)}.social-icon.whatsapp{color:#25d366}.social-icon.whatsapp:hover{background:rgba(37,211,102,.1)}@media (max-width:768px){.social-sidebar{left:10px;gap:10px;padding:15px 8px}.social-icon{width:40px;height:40px;font-size:18px}}h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:1000;padding:15px 0;transition:.3s}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo h2{color:var(--primary);font-size:28px}.nav-logo img{height:48px;width:auto;display:block;background:0 0}.nav-menu{display:flex;list-style:none;gap:30px}.nav-menu a{text-decoration:none;color:var(--dark-gray);font-weight:500;transition:color .3s}.nav-menu a.active,.nav-menu a:hover{color:var(--primary)}.btn-primary{background:var(--primary);color:var(--white);padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:600;transition:.3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.skin-hero-section{min-height:100vh;background:var(--primary-gradient);display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-title{font-size:48px;line-height:1.2;margin-bottom:30px;color:var(--white);text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:1s fadeDown}.gold-underline{width:100px;height:4px;background:#6d11e6;margin:30px 0;box-shadow:0 2px 8px rgba(140,25,241,.5);animation:1.5s .5s both expandWidth}.hero-subtitle{font-size:18px;color:rgba(255,255,255,.95);line-height:1.8;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.1);animation:1s .4s both fadeUp}.hero-description{font-size:16px;color:rgba(255,255,255,.9);line-height:1.8;margin-bottom:40px;text-shadow:1px 1px 2px rgba(0,0,0,.1);animation:1s .6s both fadeUp}.hero-ctas{display:flex;gap:20px;animation:1s .8s both fadeUp}.btn-gold{background:#6d11e6;color:#fff;padding:18px 35px;border-radius:35px;text-decoration:none;font-weight:700;font-size:16px;box-shadow:0 5px 15px rgba(140,25,241,.5);transition:.3s;display:inline-block}.btn-gold:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px rgba(140,25,241,.5);background:#6d11e6}.btn-navy{background:0 0;color:#fff;padding:18px 35px;border-radius:35px;text-decoration:none;font-weight:700;font-size:16px;border:3px solid #6d11e6;transition:.3s;display:inline-block}.btn-navy:hover{background:#6d11e6;color:#333;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(140,25,241,.5)}.hero-image{position:relative;animation:1s .5s both fadeInRight;transform-style:preserve-3d;perspective:1000px}.hero-image img{width:100%;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);animation:6s ease-in-out infinite float;transition:transform .3s}.hero-image:hover img{transform:rotateY(5deg) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.4)}.sparkle-particles{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><g fill="%23D4AF37" opacity="0.4"><circle cx="20" cy="25" r="1"><animate attributeName="opacity" values="0.4;1;0.4" dur="2s" repeatCount="indefinite"/></circle><circle cx="80" cy="35" r="1.5"><animate attributeName="opacity" values="0.4;1;0.4" dur="3s" repeatCount="indefinite"/></circle><circle cx="60" cy="70" r="1"><animate attributeName="opacity" values="0.4;1;0.4" dur="2.5s" repeatCount="indefinite"/></circle><circle cx="30" cy="60" r="0.8"><animate attributeName="opacity" values="0.4;1;0.4" dur="1.8s" repeatCount="indefinite"/></circle></g></svg>') 0 0/cover no-repeat;pointer-events:none}.video-intro-section{padding:60px 0;background:linear-gradient(rgba(51,51,51,.88),rgba(44,44,44,.88)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/hero2.jpeg') center/cover fixed;color:var(--white);text-align:center;position:relative}.video-intro-section h2{font-size:42px;color:var(--primary);margin-bottom:50px}.video-container{max-width:1000px;margin:0 auto 30px;border:4px solid var(--gold);border-radius:18px;overflow:hidden;box-shadow:0 20px 40px rgba(212,175,55,.3);animation:1s zoomIn;transition:.3s}.video-container:hover{box-shadow:0 25px 50px rgba(212,175,55,.4);border-color:var(--light-gold);animation:2s infinite shimmer}.video-container video{width:100%;height:auto;display:block}.video-caption{font-style:italic;color:var(--light-gold);margin-bottom:20px}.video-description{font-size:18px;max-width:800px;margin:0 auto;line-height:1.8}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.service-grid.reverse{direction:rtl}.service-grid.reverse>*{direction:ltr}.service-image{animation:1s fadeInLeft}.service-grid.reverse .service-image{animation:1s fadeInRight}.service-image img{width:100%;height:450px;object-fit:cover;border-radius:15px;box-shadow:var(--shadow);transition:.5s cubic-bezier(.23, 1, .32, 1);transform-style:preserve-3d}.service-image img:hover{transform:scale(1.05) rotateY(5deg) translateZ(20px);box-shadow:0 30px 60px rgba(26,188,156,.3)}.service-content{animation:1s fadeInRight}.service-grid.reverse .service-content{animation:1s fadeInLeft}.service-content h2{font-size:36px;color:var(--secondary);margin-bottom:20px}.gold-divider{width:60px;height:3px;background:var(--gold);margin:20px 0 30px;animation:1s .5s both expandWidth}.gold-divider-center{width:80px;height:3px;background:var(--gold);margin:20px auto 30px;animation:1s .5s both expandWidth}.service-content h3{font-size:22px;color:var(--secondary);margin:20px 0 12px}.service-content p{font-size:15px;line-height:1.7;color:#666;margin-bottom:15px}.service-content ul{margin-bottom:15px}.service-content li{margin-bottom:6px;color:#666;font-size:15px}.benefits-list{list-style:none}.benefits-list li{position:relative;padding-left:25px;margin-bottom:10px}.benefits-list li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700;font-size:18px}.process-steps{counter-reset:step-counter;list-style:none}.process-steps li{counter-increment:step-counter;position:relative;padding-left:40px;margin-bottom:15px;color:#666}.process-steps li::before{content:counter(step-counter);position:absolute;left:0;top:0;width:25px;height:25px;background:var(--gold);color:var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.hydra-facial-section{padding:60px 0;background:linear-gradient(rgba(232,248,245,.88),rgba(232,248,245,.88)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/hydra%20facial%202.jpg') center/cover fixed;position:relative}.acne-treatment-section{padding:60px 0;background:linear-gradient(rgba(213,243,237,.85),rgba(213,243,237,.85)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/background2.jpg') center/cover fixed;position:relative}.acne-treatment-section .service-image{position:relative}.acne-treatment-section .service-image::before{content:'';position:absolute;top:-20px;right:-20px;bottom:-20px;left:20px;background:var(--navy);border-radius:15px;z-index:-1;opacity:.1}.laser-hair-section{padding:60px 0;background:linear-gradient(135deg,#e8f8f5 0,#d5f3ed 50%,#c2ede5 100%);perspective:2000px;position:relative;overflow:hidden}.laser-hair-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(26,188,156,.05) 0,transparent 70%);pointer-events:none}.laser-title{text-align:center;font-size:36px;color:var(--secondary);margin-bottom:15px;animation:1s fadeDown}.laser-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;margin-top:40px;perspective:2000px;align-items:center}.laser-card{background:#fff;padding:35px 25px;border-radius:20px;box-shadow:0 15px 40px rgba(26,188,156,.15);transform-style:preserve-3d;transition:.6s cubic-bezier(.23, 1, .32, 1);position:relative;border:2px solid rgba(26,188,156,.1);height:100%;min-height:380px}.laser-card::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#1abc9c,#48c9b0,gold);border-radius:20px;z-index:-1;opacity:0;transition:opacity .6s}.laser-card:hover{transform:translateZ(50px) rotateY(-12deg) scale(1.08);box-shadow:0 40px 80px rgba(26,188,156,.35),0 0 60px rgba(26,188,156,.2)}.laser-card:hover::before{opacity:1;animation:2s infinite borderPulse}.laser-card:last-child:hover{transform:translateZ(50px) rotateY(12deg) scale(1.08)}.laser-card h3{font-size:24px;color:var(--primary);margin-bottom:15px;text-align:center}.laser-card p{font-size:15px;line-height:1.6;color:#666;margin-bottom:12px}.laser-card strong{color:var(--secondary);display:block;margin-top:10px}.laser-image-card{position:relative;transform-style:preserve-3d;perspective:1500px;animation:6s ease-in-out infinite floatCenter}.laser-image-card img{width:100%;height:480px;object-fit:cover;border-radius:25px;box-shadow:0 35px 70px rgba(26,188,156,.4),0 0 50px rgba(26,188,156,.15);transition:.7s cubic-bezier(.23, 1, .32, 1);transform-style:preserve-3d;border:4px solid #fff}.laser-image-card:hover img{transform:scale(1.1) rotateZ(2deg) translateZ(60px);box-shadow:0 50px 100px rgba(26,188,156,.5),0 0 80px rgba(26,188,156,.3),inset 0 0 30px rgba(255,215,0,.2)}@keyframes floatCenter{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes borderPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}.pigmentation-section{padding:60px 0;background:linear-gradient(rgba(250,248,242,.86),rgba(248,246,240,.86)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/pigmentation%20removal.jpg') center/cover fixed;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:42px;color:var(--secondary);margin-bottom:20px}.section-header p{font-size:18px;color:#666;max-width:800px;margin:0 auto;line-height:1.8}.pigmentation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.pigmentation-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:.4s;animation:.8s slideInSequential;transform-style:preserve-3d;perspective:1000px}.pigmentation-card:hover{transform:translateY(-15px) rotateX(5deg) scale(1.02);box-shadow:0 25px 50px rgba(26,188,156,.3),0 0 30px rgba(26,188,156,.1)}.pigmentation-card img{width:100%;height:240px;object-fit:cover;transition:transform .5s}.pigmentation-card:hover img{transform:scale(1.1) rotateZ(-2deg)}.pigmentation-card h3{font-size:22px;color:var(--secondary);padding:20px 25px 10px}.pigmentation-card p{color:#666;padding:0 25px 25px;line-height:1.6}.anti-aging-section{padding:60px 0;background:linear-gradient(rgba(232,248,245,.87),rgba(213,243,237,.87)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/hero4.jpg') center/cover fixed;position:relative;perspective:2000px}.anti-aging-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(26,188,156,.08) 0,transparent 60%);pointer-events:none}.stretch-mark-section{padding:60px 0;background:linear-gradient(rgba(248,246,240,.88),rgba(248,246,240,.88)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/keeza%20inside%20clinic.jpg') center/cover fixed;position:relative}.medical-dermatology-section{padding:60px 0;background:linear-gradient(rgba(232,248,245,.89),rgba(232,248,245,.89)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/keeza%20inside%20clinic.jpg') center/cover fixed;position:relative}.medical-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.medical-card{background:var(--white);padding:40px 30px;border-radius:15px;box-shadow:var(--shadow);text-align:center;border-top:4px solid var(--primary);transition:.4s;animation:.8s fadeInUp;transform-style:preserve-3d;perspective:1000px}.medical-card:hover{transform:translateY(-15px) rotateZ(2deg) scale(1.03);box-shadow:0 25px 50px rgba(26,188,156,.25),0 0 20px rgba(26,188,156,.1)}.medical-icon{font-size:48px;margin-bottom:20px;animation:2s infinite bounce}.medical-card h3{font-size:20px;color:var(--secondary);margin-bottom:15px}.medical-card p{color:#666;line-height:1.6}.transformation-video-section{padding:60px 0;background:linear-gradient(rgba(27,41,81,.92),rgba(15,26,46,.92)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/keeza%20inside%20clinic%202.jpg') center/cover fixed;text-align:center;position:relative}.video-container.cinematic{max-width:1000px;margin:0 auto;border:4px solid var(--gold);border-radius:18px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.5);animation:1.5s slowZoomIn}.video-container.cinematic:hover{animation:2s infinite goldShimmer}.treatment-process-section{padding:60px 0;background:linear-gradient(rgba(213,243,237,.87),rgba(194,237,229,.87)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/keeza%20inside%20clinic%20room.jpg') center/cover fixed;position:relative}.process-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;position:relative}.timeline-step{text-align:center;position:relative;animation:.8s fadeInUp}.step-number{width:60px;height:60px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px;box-shadow:var(--shadow);transition:.3s;position:relative}.step-number::after{content:'';position:absolute;top:50%;left:100%;width:50px;height:2px;background:var(--secondary);transform:translateY(-50%)}.timeline-step:last-child .step-number::after{display:none}.timeline-step:hover .step-number{transform:scale(1.1) rotateY(360deg);background:var(--secondary);color:var(--white);box-shadow:0 15px 35px rgba(26,188,156,.4)}.timeline-step h3{font-size:18px;color:var(--secondary);margin-bottom:10px}.faq-section{padding:60px 0;background:linear-gradient(rgba(232,248,245,.9),rgba(232,248,245,.9)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/hero4.jpg') center/cover fixed;position:relative}.faq-accordion{max-width:800px;margin:0 auto}.faq-item{background:var(--white);margin-bottom:15px;border-radius:10px;box-shadow:var(--shadow);overflow:hidden;animation:.8s fadeInUp}.faq-question{padding:25px 30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--secondary);transition:.3s}.faq-question:hover{background:var(--light-gray)}.faq-icon{font-size:24px;color:var(--primary);transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{padding:0 30px 25px;color:#666;line-height:1.8}.final-cta-section{padding:60px 0;background:linear-gradient(rgba(26,188,156,.85),rgba(72,201,176,.85)) center/cover fixed,url('https://toppersnotes.b-cdn.net/kezza/images/hero4.jpg') center/cover fixed;text-align:center;color:var(--white);position:relative}.final-cta-section h2{font-size:48px;margin-bottom:40px}.btn-consultation{background:var(--white);color:var(--secondary);padding:18px 40px;border-radius:30px;text-decoration:none;font-weight:600;font-size:18px;border:2px solid var(--white);transition:.3s;display:inline-block}.btn-consultation:hover{background:var(--secondary);color:var(--white);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,.3)}.footer{background:var(--secondary);color:var(--white);padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-column h3{color:var(--primary);font-size:24px;margin-bottom:20px}.footer-column p{line-height:1.6;margin-bottom:10px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{color:var(--white);text-decoration:none;transition:color .3s}.footer-column ul li a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(212,175,55,.3)}@keyframes fadeDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes expandWidth{from{width:0}to{width:100px}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes zoomIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slowZoomIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInSequential{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shimmer{0%,100%{border-color:var(--gold)}50%{border-color:var(--light-gold);box-shadow:0 25px 50px rgba(212,175,55,.5)}}@keyframes goldShimmer{0%,100%{border-color:var(--gold);box-shadow:0 30px 60px rgba(0,0,0,.5)}50%{border-color:var(--light-gold);box-shadow:0 35px 70px rgba(212,175,55,.3)}}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:var(--secondary);transition:.3s}@media (max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:#fff;width:100%;text-align:center;transition:left .3s;box-shadow:0 10px 27px rgba(0,0,0,.1);padding:20px 0;z-index:999}.nav-menu.active{left:0}.nav-menu li{margin:15px 0}.nav-cta{display:none}.hero-container,.service-grid{grid-template-columns:1fr;text-align:center}.laser-grid{grid-template-columns:1fr;gap:20px}.laser-image-card img{height:300px}.laser-card{min-height:auto}.service-grid.reverse{direction:ltr}.hero-title{font-size:34px}.section-header h2{font-size:32px}.final-cta-section h2{font-size:36px}.process-timeline{grid-template-columns:1fr}.step-number::after{display:none}.medical-services-grid,.pigmentation-cards{grid-template-columns:1fr}.hero-ctas{flex-direction:column;align-items:center;width:100%}.btn-gold,.btn-navy{width:100%;max-width:300px;text-align:center}.skin-hero-section{padding:100px 0 60px}}@media (max-width:480px){.hero-title,.section-header h2{font-size:28px}.final-cta-section h2{font-size:32px}.service-content h2{font-size:28px}}