.app{position:relative;width:100%;min-height:100vh;overflow-x:hidden}.page-content{position:relative;z-index:1}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;padding:1rem 0}.header.scrolled{background:#0000004d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 5px 20px #0003;padding:.8rem 0}.header-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;cursor:pointer;transition:transform .3s ease}.header-logo:hover{transform:scale(1.05)}.header-logo-img{max-height:50px;width:auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.2))}.header.scrolled .header-logo-img{max-height:45px}.header-logo-text{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:1px}.nav{display:flex;align-items:center;gap:2rem;list-style:none}.nav a{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative;padding:.5rem 0}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.nav a:hover:after,.nav a:focus:after{width:100%}.nav a:hover{color:#fff;transform:translateY(-2px)}.header-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:.7rem 1.8rem;border-radius:50px;font-weight:600;box-shadow:0 5px 15px #667eea66;transition:all .3s ease}.header-cta:after{display:none}.header-cta:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99;color:#fff}.mobile-menu-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1.5rem;padding:.5rem .8rem;cursor:pointer;transition:all .3s ease}.mobile-menu-toggle:hover{background:#fff3}@media (max-width: 968px){.mobile-menu-toggle{display:block}.nav{position:fixed;top:70px;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:column;padding:2rem;gap:1.5rem;transform:translate(-100%);transition:transform .3s ease;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d}.nav-open{transform:translate(0)}.header.scrolled .nav{top:60px}}@media (max-width: 768px){.header-container{padding:0 1.5rem}.header-logo-img{max-height:40px}.header.scrolled .header-logo-img{max-height:35px}.bat-concepts-grid{grid-template-columns:1fr;gap:1.5rem}.bat-concepts-section{padding:0 1rem}}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;transition:background .3s ease}.container{position:relative;z-index:1;width:100%;max-width:1200px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;margin:0 auto}.container.loaded{opacity:1;transform:translateY(0)}.services-section .container,.intro-section .container,.newsletter-section .container,.checkday-section .container,.testimonials-section .container,.contact-section .container{opacity:1;transform:none}.hero-section{min-height:auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 4rem;animation:fadeInUp 1s ease .3s both;position:relative;z-index:1}.logo-container{margin-bottom:1.5rem}.main-heading{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:#fffffff2;margin:1.5rem 0 1rem;line-height:1.4;animation:fadeInUp 1s ease .8s both;max-width:900px;margin-left:auto;margin-right:auto}.app-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin:2rem 0;animation:fadeInUp 1s ease 1.2s both}.app-link{display:inline-block;padding:1rem 2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;font-size:1rem}.app-link:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 10px 25px #0003}.app-description{font-size:clamp(1rem,2vw,1.2rem);color:#ffffffd9;line-height:1.6;max-width:700px;margin:2rem auto;animation:fadeInUp 1s ease 1.5s both}.bat-concepts-section{margin-top:4rem;width:100%;max-width:1400px;padding:0 2rem;animation:fadeInUp 1s ease 2s both}.bat-concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.bat-concept-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem 1.5rem;text-align:left;transition:all .3s ease;animation:fadeInUp .6s ease both}.bat-concept-card:nth-child(1){animation-delay:2.1s}.bat-concept-card:nth-child(2){animation-delay:2.2s}.bat-concept-card:nth-child(3){animation-delay:2.3s}.bat-concept-card:nth-child(4){animation-delay:2.4s}.bat-concept-card:nth-child(5){animation-delay:2.5s}.bat-concept-card:nth-child(6){animation-delay:2.6s}.bat-concept-card:nth-child(7){animation-delay:2.7s}.bat-concept-card:nth-child(8){animation-delay:2.8s}.bat-concept-card:hover{transform:translateY(-5px);background:#ffffff1f;border-color:#ffffff40;box-shadow:0 10px 30px #0003}.concept-title{font-size:1.5rem;font-weight:700;color:#fffffff2;margin-bottom:1rem;position:relative;padding-bottom:.5rem}.concept-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.concept-text{font-size:1rem;color:#ffffffd9;line-height:1.7;margin:0}.concept-text strong{color:#fffffff2;font-weight:600}.logo{max-width:200px;width:100%;height:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2));animation:logoFloat 3s ease-in-out infinite;transition:transform .3s ease;display:block;z-index:2;position:relative}.logo:hover{transform:scale(1.05)}.fallback-title{display:flex!important;margin-top:1rem}.logo-container img[style*="display: none"]{display:none!important}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title{font-size:clamp(3rem,8vw,6rem);font-weight:800;background:linear-gradient(135deg,#fff,#f0f0f0,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;margin-bottom:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.1rem}.title-letter{display:inline-block;animation:bounceIn .6s ease both;text-shadow:0 0 30px rgba(255,255,255,.5)}.title-letter:nth-child(1){animation-delay:.1s}.title-letter:nth-child(2){animation-delay:.2s}.title-letter:nth-child(3){animation-delay:.3s}.title-letter:nth-child(4){animation-delay:.4s}.title-letter:nth-child(6){animation-delay:.5s}.title-letter:nth-child(7){animation-delay:.6s}.title-letter:nth-child(8){animation-delay:.7s}.title-letter:nth-child(9){animation-delay:.8s}.title-letter:nth-child(10){animation-delay:.9s}.title-letter:nth-child(11){animation-delay:1s}.title-letter:nth-child(12){animation-delay:1.1s}.title-space{width:.5rem}.subtitle{font-size:clamp(1rem,2.5vw,1.4rem);color:#ffffffd9;font-weight:400;letter-spacing:1px;animation:fadeIn 1s ease .6s both;margin-bottom:1rem}.social-icons-container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;align-items:center;animation:fadeInUp 1s ease 2s both}.social-icon-link{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-decoration:none;transition:transform .3s ease;animation:scaleIn .5s ease both;animation-delay:var(--delay)}.social-icon-link:hover{transform:translateY(-10px) scale(1.1)}.social-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer}.social-icon-wrapper:hover{background:#fff3;border-color:#fff6;box-shadow:0 10px 30px #0000004d}.social-icon-wrapper:hover .icon-glow{opacity:1;transform:scale(1.5)}.social-icon{font-size:2rem;z-index:2;transition:transform .3s ease}.social-icon-wrapper:hover .social-icon{transform:rotate(360deg) scale(1.2)}.icon-glow{position:absolute;width:100%;height:100%;border-radius:50%;opacity:0;filter:blur(20px);transition:all .3s ease;z-index:1}.icon-label{color:#ffffffe6;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;opacity:0;transition:opacity .3s ease}.social-icon-link:hover .icon-label{opacity:1}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:10%;animation-delay:5s}.shape-3{width:150px;height:150px;bottom:20%;left:50%;animation-delay:10s}@keyframes bounceIn{0%{opacity:0;transform:translateY(-50px) scale(.5)}50%{transform:translateY(10px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@media (max-width: 768px){.logo{max-width:300px}.social-icons-container{gap:1.5rem}.social-icon-wrapper{width:60px;height:60px}.social-icon{font-size:1.5rem}.icon-label{font-size:.75rem}.container{gap:3rem;padding:1.5rem}}.services-section{padding:5rem 2rem;position:relative;z-index:1;background:#0000001a;min-height:auto}.section-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;text-align:center;color:#fffffff2;margin-bottom:3rem;animation:fadeInUp 1s ease both}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.service-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;animation:scaleIn .6s ease both;animation-delay:var(--delay);cursor:pointer}.service-card:hover{transform:translateY(-10px) scale(1.05);background:#fff3;border-color:#fff6;box-shadow:0 15px 40px #0000004d}.service-icon{font-size:2.5rem;color:#ffffffe6;margin-bottom:1.2rem;transition:transform .3s ease}.service-card:hover .service-icon{transform:scale(1.2) rotate(5deg)}.service-title{font-size:1.3rem;font-weight:600;color:#fffffff2;margin-bottom:.8rem}.service-description{font-size:1rem;color:#fffc;line-height:1.5}.intro-section{padding:5rem 2rem;position:relative;z-index:1;background:#00000026;min-height:auto}.intro-content{max-width:800px;margin:0 auto;text-align:center}.intro-list{list-style:none;text-align:left;margin:2rem 0;padding:0}.intro-list li{font-size:clamp(1rem,2vw,1.2rem);color:#ffffffe6;padding:1rem 0 1rem 2rem;position:relative;line-height:1.6;animation:fadeInLeft .6s ease both}.intro-list li:nth-child(1){animation-delay:.1s}.intro-list li:nth-child(2){animation-delay:.2s}.intro-list li:nth-child(3){animation-delay:.3s}.intro-list li:nth-child(4){animation-delay:.4s}.intro-list li:nth-child(5){animation-delay:.5s}.intro-list li:nth-child(6){animation-delay:.6s}.intro-list li:nth-child(7){animation-delay:.7s}.intro-list li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700;font-size:1.5rem}.cta-button{display:inline-block;padding:1.2rem 3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-weight:700;font-size:1.2rem;border-radius:50px;margin-top:2rem;transition:all .3s ease;box-shadow:0 10px 30px #667eea66;animation:fadeInUp 1s ease 1s both}.cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #667eea99}.newsletter-section{padding:5rem 2rem;position:relative;z-index:1;background:#0000001a;min-height:auto}.newsletter-form{display:flex;gap:1rem;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}.newsletter-input{flex:1;min-width:250px;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.2);border-radius:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.newsletter-input::placeholder{color:#fff9}.newsletter-input:focus{border-color:#fff6;background:#ffffff26}.newsletter-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.newsletter-success{color:#4ade80;text-align:center;margin-top:1rem;font-weight:500;animation:fadeIn .5s ease}.checkday-section{padding:5rem 2rem;position:relative;z-index:1;background:#00000026;min-height:auto}.checkday-content{max-width:800px;margin:0 auto;display:flex;gap:2rem;align-items:center;text-align:center;flex-direction:column}.checkday-icon{font-size:4rem;color:#ffffffe6;margin-bottom:1rem}.checkday-description{font-size:1.1rem;color:#ffffffd9;line-height:1.7;margin:1rem 0}.checkday-link{display:inline-block;color:#ffffffe6;text-decoration:none;font-weight:600;margin-top:1rem;padding:.5rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:25px;transition:all .3s ease}.checkday-link:hover{background:#ffffff1a;border-color:#ffffff80}.testimonials-section{padding:5rem 2rem;position:relative;z-index:1;background:#0000001a;min-height:auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.testimonial-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem;position:relative;transition:all .3s ease;animation:fadeInUp .8s ease both}.testimonial-card:nth-child(1){animation-delay:.1s}.testimonial-card:nth-child(2){animation-delay:.2s}.testimonial-card:nth-child(3){animation-delay:.3s}.testimonial-card:nth-child(4){animation-delay:.4s}.testimonial-card:hover{transform:translateY(-5px);background:#ffffff1f;border-color:#ffffff40}.quote-icon{font-size:2rem;color:#fff6;margin-bottom:1rem}.testimonial-rating{display:flex;gap:.3rem;margin-bottom:1rem}.star-icon{color:#fbbf24;font-size:1rem}.testimonial-text{font-size:1rem;color:#ffffffe6;line-height:1.6;margin-bottom:1.5rem;font-style:italic}.testimonial-author{font-size:.9rem;color:#ffffffb3;font-weight:600;text-align:right}.contact-section{padding:5rem 2rem;position:relative;z-index:1;background:#00000026;min-height:auto}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1000px;margin:0 auto}.contact-item{display:flex;gap:1.5rem;align-items:flex-start;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;transition:all .3s ease;animation:fadeInUp .8s ease both}.contact-item:nth-child(1){animation-delay:.1s}.contact-item:nth-child(2){animation-delay:.2s}.contact-item:nth-child(3){animation-delay:.3s}.contact-item:hover{transform:translateY(-5px);background:#ffffff26;border-color:#ffffff4d}.contact-icon{font-size:2.5rem;color:#ffffffe6;flex-shrink:0}.contact-item h3{font-size:1.5rem;font-weight:600;color:#fffffff2;margin-bottom:.5rem}.contact-item p{font-size:1.1rem;color:#ffffffd9;line-height:1.6;margin:0}.contact-item a{color:#ffffffe6;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#fff;text-decoration:underline}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.footer{padding:4rem 2rem 2rem;position:relative;z-index:1;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto 2rem}.footer-logo{flex:1;min-width:200px}.footer-logo-img{max-width:120px;height:auto;margin-bottom:.5rem;filter:drop-shadow(0 2px 10px rgba(0,0,0,.2))}.footer-tagline{color:#fffc;font-size:.9rem;font-style:italic;margin:0}.footer-social{display:flex;gap:1rem;flex-wrap:wrap}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;font-size:1.2rem}.footer-social-link:hover{background:#fff3;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);max-width:1200px;margin:0 auto}.footer-bottom p{color:#fff9;font-size:.9rem;margin:0}@media (max-width: 768px){.logo{max-width:150px}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 480px){.logo{max-width:120px}.social-icons-container{gap:1rem}.social-icon-wrapper{width:50px;height:50px}.social-icon{font-size:1.2rem}.app-links{flex-direction:column;align-items:center}.app-link{width:100%;max-width:300px}.services-grid,.contact-info{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;overflow-y:auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}