@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.navbar{position:fixed;top:0;width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);backdrop-filter:blur(15px);z-index:1000;padding:8px 0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 20px rgba(0,0,0,.1);animation:slideDown .6s ease-out;height:70px;display:flex;align-items:center}.navbar.scrolled{background:rgba(26,26,46,.95);backdrop-filter:blur(20px);padding:6px 0;box-shadow:0 4px 30px rgba(0,0,0,.2);height:60px}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;justify-content:space-between;gap:15px}.nav-brand,.nav-container{display:flex;align-items:center}.nav-brand{gap:8px;text-decoration:none;cursor:pointer;animation:fadeInLeft .8s ease-out;flex-shrink:0;min-width:200px}.nav-brand:hover{transform:scale(1.02);transition:transform .3s ease}.logo-animation{transition:all .4s ease;filter:drop-shadow(0 0 8px rgba(255,215,0,.3));animation:logoGlow 3s ease-in-out infinite}.logo-animation:hover{transform:rotate(1turn) scale(1.1);filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}.brand-text{font-size:18px;font-weight:700;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px;position:relative;line-height:1.2}.brand-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(45deg,gold,#ffed4e);transition:width .4s ease}.nav-brand:hover .brand-text:after{width:100%}.tagline{font-size:10px;color:hsla(0,0%,100%,.7);font-weight:400;margin-top:1px;line-height:1}.nav-menu{display:flex;list-style:none;gap:25px;animation:fadeInUp .8s ease-out .2s both;flex-shrink:1}.nav-item,.nav-item a{position:relative}.nav-item a{color:#fff;text-decoration:none;font-weight:500;font-size:16px;padding:8px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item a:before{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:linear-gradient(45deg,gold,#ffed4e);transition:all .3s ease;transform:translateX(-50%)}.nav-item a:hover{color:gold;transform:translateY(-2px)}.nav-item a:hover:before{width:100%}.nav-item a.active{color:gold}.nav-item a.active:before{width:100%}.call-btn{color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 12px hsla(0,100%,71%,.4);position:relative;overflow:hidden;animation:fadeInRight .8s ease-out .4s both,pulse 2s infinite;display:flex;gap:4px;white-space:nowrap;flex-shrink:0}.call-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.call-btn:hover:before{left:100%}.call-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px hsla(0,100%,71%,.6);background:linear-gradient(45deg,#ff8a8a,#ff6b3b)}.call-btn:active{transform:translateY(-1px) scale(1.02)}.mobile-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px;transition:transform .3s ease}.mobile-toggle:hover{transform:scale(1.1)}.hamburger{width:25px;height:3px;background:gold;margin:3px 0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.mobile-toggle.active .hamburger:first-child{transform:rotate(-45deg) translate(-5px,6px)}.mobile-toggle.active .hamburger:nth-child(2){opacity:0}.mobile-toggle.active .hamburger:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background:linear-gradient(135deg,rgba(26,26,46,.98),rgba(22,33,62,.98));backdrop-filter:blur(20px);padding:0;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px rgba(0,0,0,.3)}.mobile-menu.active{max-height:400px;padding:20px 0}.mobile-menu-item{display:block;padding:15px 30px;color:#fff;text-decoration:none;font-weight:500;font-size:16px;transition:all .3s ease;border-bottom:1px solid hsla(0,0%,100%,.1);transform:translateX(-50px);opacity:0}.mobile-menu.active .mobile-menu-item{transform:translateX(0);opacity:1;transition:all .4s ease}.mobile-menu.active .mobile-menu-item:first-child{transition-delay:.1s}.mobile-menu.active .mobile-menu-item:nth-child(2){transition-delay:.2s}.mobile-menu.active .mobile-menu-item:nth-child(3){transition-delay:.3s}.mobile-menu.active .mobile-menu-item:nth-child(4){transition-delay:.4s}.mobile-menu.active .mobile-menu-item:nth-child(5){transition-delay:.5s}.mobile-menu.active .mobile-menu-item:nth-child(6){transition-delay:.6s}.mobile-menu-item:hover{background:rgba(255,215,0,.1);color:gold;padding-left:40px}.mobile-whatsapp{background:linear-gradient(45deg,#25d366,#128c7e);color:#fff;margin:8px 15px;padding:12px 15px;border-radius:20px;text-align:center;font-weight:700;transition:all .3s ease;font-size:14px;display:block;text-decoration:none}.mobile-whatsapp:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(37,211,102,.4)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}}@media (max-width:768px){.navbar{height:60px;padding:5px 0}.navbar.scrolled{height:55px;padding:4px 0}.nav-container{gap:10px}.nav-brand{animation-delay:0s;gap:6px;min-width:140px}.brand-text{font-size:14px}.call-btn,.nav-menu,.tagline{display:none}.mobile-toggle{display:flex;flex-shrink:0}.logo-animation{width:32px;height:32px}}@media (max-width:480px){.navbar{height:55px;padding:4px 0}.navbar.scrolled{height:50px;padding:3px 0}.nav-container{padding:0 12px;gap:8px}.nav-brand{gap:5px;min-width:120px}.brand-text{font-size:13px}.logo-animation{width:28px;height:28px}.mobile-toggle{padding:3px}.hamburger{width:22px;height:2px}}.hero{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:80px}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><radialGradient id="grad" cx="50%" cy="50%" r="50%"><stop offset="0%" style="stop-color:rgba(255,255,255,0.1);stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(255,255,255,0);stop-opacity:1" /></radialGradient></defs><circle cx="20" cy="20" r="2" fill="white" opacity="0.3"><animate attributeName="opacity" values="0.3;1;0.3" dur="2s" repeatCount="indefinite"/></circle><circle cx="80" cy="30" r="1.5" fill="white" opacity="0.4"><animate attributeName="opacity" values="0.4;1;0.4" dur="3s" repeatCount="indefinite"/></circle><circle cx="60" cy="70" r="1" fill="white" opacity="0.5"><animate attributeName="opacity" values="0.5;1;0.5" dur="1.5s" repeatCount="indefinite"/></circle></svg>') repeat;animation:starfield 20s linear infinite}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;z-index:2;position:relative}.hero-content{color:#fff;animation:slideInLeft 1s ease-out}.hero-content h1{font-size:3.5rem;margin-bottom:20px;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-content .subtitle{font-size:1.5rem;margin-bottom:30px;opacity:.9}.hero-image{display:flex;justify-content:center;animation:slideInRight 1s ease-out}.astrologer-card{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);border-radius:30px;padding:30px;text-align:center;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.1);animation:float 6s ease-in-out infinite}.astrologer-image{width:300px;height:300px;border-radius:50%;margin:0 auto 20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><defs><radialGradient id="zodiac" cx="50%" cy="50%" r="50%"><stop offset="0%" style="stop-color:%23ffd700"/><stop offset="100%" style="stop-color:%23ff6b6b"/></radialGradient></defs><circle cx="200" cy="200" r="190" fill="none" stroke="url(%23zodiac)" stroke-width="20" opacity="0.3"/><circle cx="200" cy="200" r="150" fill="url(%23zodiac)" opacity="0.1"/></svg>') 50%/cover;border:3px solid rgba(255,215,0,.5);animation:pulse 3s ease-in-out infinite;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.astrologer-photo{border-radius:50%;-o-object-fit:cover;object-fit:cover;z-index:2;position:relative}.services-list{color:#fff;text-align:left;margin:20px 0}.services-list ul{list-style:none;padding:0}.services-list li{margin:10px 0;border-left:3px solid gold;padding:8px 0 8px 15px;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.services-list li:first-child{animation-delay:.1s}.services-list li:nth-child(2){animation-delay:.2s}.services-list li:nth-child(3){animation-delay:.3s}.services-list li:nth-child(4){animation-delay:.4s}.services-list li:nth-child(5){animation-delay:.5s}.services-list li:nth-child(6){animation-delay:.6s}.services-list li:nth-child(7){animation-delay:.7s}.contact-info{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:20px;padding:20px;margin-top:20px;text-align:center;border:1px solid hsla(0,0%,100%,.2)}.phone-number{font-size:1.8rem;font-weight:700;color:gold;margin:10px 0}.whatsapp-btn{background:linear-gradient(45deg,#25d366,#128c7e);color:#fff;padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:10px;margin-top:15px;transition:all .3s ease;box-shadow:0 4px 15px rgba(37,211,102,.3)}.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.4)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.trust-badge{display:inline-flex;align-items:center;background:linear-gradient(45deg,gold,#ffed4e);color:#000;padding:8px 16px;border-radius:25px;font-weight:700;font-size:.9rem;margin-bottom:20px;animation:bounce 2s infinite;position:relative;z-index:1000}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;padding:20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:15px;border:1px solid hsla(0,0%,100%,.2)}.stat-item{text-align:center;padding:10px}.stat-number{font-size:2rem;font-weight:700;color:gold;display:block;animation:countUp 2s ease-out}.stat-label{font-size:.9rem;color:hsla(0,0%,100%,.8);margin-top:5px}.call-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:10px;margin-top:15px;transition:all .3s ease;box-shadow:0 4px 15px rgba(37,211,102,.3)}.call-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,100%,71%,.4)}.testimonial-card{background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border-radius:20px;padding:20px;margin-top:20px;border:1px solid hsla(0,0%,100%,.2);animation:slideInUp 1s ease-out;animation-delay:.5s;animation-fill-mode:both}.testimonial-text{color:#fff;font-style:italic;margin-bottom:15px;line-height:1.5}.testimonial-author{color:gold;font-weight:700;font-size:.9rem}.testimonial-rating{color:gold;margin-top:5px}.trust-indicators{display:flex;justify-content:space-around;margin-top:20px;gap:10px}.trust-item{text-align:center;padding:15px;background:hsla(0,0%,100%,.1);border-radius:15px;flex:1;backdrop-filter:blur(5px)}.trust-icon{font-size:1.5rem;margin-bottom:8px;display:block}.trust-text{color:#fff;font-size:.8rem;font-weight:500}.floating-badge{position:absolute;background:#25d366;color:#fff;padding:8px 15px;border-radius:20px;font-size:.8rem;font-weight:700;animation:bounce 2s infinite;box-shadow:0 4px 15px rgba(37,211,102,.3)}.badge-available{top:-10px;right:-10px}.badge-rating{bottom:-10px;left:-10px;background:gold;color:#000}.button-container{display:flex;gap:15px;margin-top:25px;flex-wrap:wrap}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animated-flags{display:none;justify-content:center;align-items:center;gap:20px;margin:30px 0;position:relative;z-index:5}.country-flag{width:40px;height:40px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,215,0,.6);box-shadow:0 4px 15px rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;position:relative;background:#fff}.country-flag:hover{transform:scale(1.2);border-color:gold;box-shadow:0 6px 25px rgba(255,215,0,.4)}.country-flag img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.country-flag:first-child{animation-delay:0s}.country-flag:nth-child(2){animation-delay:.5s}.country-flag:nth-child(3){animation-delay:1s}.country-flag:nth-child(4){animation-delay:1.5s}.country-flag:after{content:attr(data-country);position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.country-flag:hover:after{opacity:1}@keyframes floatFlag{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(2deg)}66%{transform:translateY(-5px) rotate(-2deg)}}@keyframes flagGlow{0%,to{box-shadow:0 4px 15px rgba(0,0,0,.2)}50%{box-shadow:0 4px 25px rgba(255,215,0,.3)}}.country-flag{animation:floatFlag 3s ease-in-out infinite,flagGlow 4s ease-in-out infinite}.mobile-hero-header{display:none;text-align:center;margin-bottom:30px}.mobile-hero-header h1{font-size:2.5rem;margin-bottom:15px;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.mobile-hero-header .subtitle{font-size:1.2rem;margin-bottom:20px;opacity:.9;color:#fff}.mobile-hero-header .trust-badge{margin-bottom:20px}.hero-background{background-image:url(/hero-background.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.logo-overlay{position:absolute;top:20px;left:20px;width:60px;height:60px;opacity:.3;z-index:1}@media (max-width:768px){.hero{padding-top:90px}.hero-container{grid-template-columns:1fr;gap:25px;text-align:center}.mobile-hero-header{display:block;order:1}.hero-content .subtitle,.hero-content .trust-badge,.hero-content h1{display:none}.hero-image{order:2}.hero-content{order:3}.astrologer-image{width:220px;height:220px;margin:0 auto}.astrologer-card{margin:0 20px;padding:25px}.stats-grid{grid-template-columns:1fr;gap:15px}.button-container{flex-direction:column}.call-btn,.whatsapp-btn{margin-right:0;width:100%;justify-content:center}.trust-indicators{flex-direction:column;gap:10px}.animated-flags{display:flex;gap:15px;margin:20px 0}.country-flag{width:35px;height:35px;border-width:2px}}@media (max-width:480px){.hero{padding-top:80px}.mobile-hero-header h1{font-size:2rem}.mobile-hero-header .subtitle{font-size:1rem}.astrologer-image{width:200px;height:200px}.astrologer-card{margin:0 15px;padding:20px}.hero-container{gap:20px}.animated-flags{gap:12px;margin:15px 0}.country-flag{width:32px;height:32px;border-width:2px}.country-flag:after{font-size:9px;bottom:-30px}}.services-section{padding:100px 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.section-title{text-align:center;font-size:3rem;margin-bottom:20px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;font-size:1.2rem;margin-bottom:60px;color:#666}.services-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.service-card{background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid rgba(102,126,234,.1)}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.service-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.service-card h3{font-size:1.5rem;margin-bottom:15px;color:#333}.service-card p{color:#666;line-height:1.6;margin-bottom:20px}.learn-more-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:10px 25px;border-radius:20px;text-decoration:none;font-weight:500;transition:all .3s ease}.learn-more-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.3)}@media (max-width:768px){.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr}}.problems-section{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.problems-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.problems-card{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.problems-card:hover{transform:translateY(-5px);background:hsla(0,0%,100%,.15)}.problems-card h3{font-size:1.3rem;margin-bottom:15px;color:gold}.problems-list{list-style:none;padding:0}.problems-list li{margin:8px 0;padding-left:20px;position:relative}.problems-list li:before{content:"✓";position:absolute;left:0;color:gold;font-weight:700}@media (max-width:768px){.problems-grid{grid-template-columns:1fr}}.footer{background:#1a1a2e;color:#fff;padding:60px 0 30px}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{margin-bottom:20px;color:gold}.footer-section li,.footer-section p{margin-bottom:10px;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:gold}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;color:#fff;text-decoration:none;transition:transform .3s ease}.social-links a:hover{transform:translateY(-3px)}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #333;color:#999}.floating-whatsapp{right:20px;background:linear-gradient(45deg,#25d366,#128c7e);box-shadow:0 4px 15px rgba(37,211,102,.3)}.floating-call,.floating-whatsapp{position:fixed;bottom:20px;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-decoration:none;z-index:1000}.floating-call{left:20px;background:linear-gradient(45deg,#ef4444,#dc2626);box-shadow:0 4px 15px rgba(239,68,68,.3)}.floating-call:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(239,68,68,.4)}.floating-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(37,211,102,.4)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:400px){.floating-whatsapp{right:12px}.floating-call,.floating-whatsapp{bottom:12px;width:54px;height:54px}.floating-call{left:12px}}