:root{--primary-color:#0056b3;--secondary-color:#0074fa;--dark-bg:#0f172a;--light-bg:#f8fafc;--text-dark:#1e293b;--text-light:#64748b;--white:#ffffff;--shadow:0 10px 40px rgba(0,0,0,0.1);--shadow-lg:0 20px 60px rgba(0,0,0,0.15);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:"Poppins",sans-serif;line-height:1.7;color:var(--text-dark);overflow-x:hidden;background:var(--white);font-size:0.95rem}body.menu-open{overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}#navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:var(--transition);background:transparent;padding:0}#navbar.scrolled{background:rgba(15,23,42,0.98);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:0}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;padding:0.8rem 0}.logo img{height:45px;width:auto;transition:var(--transition)}.logo img:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:1.8rem;align-items:center}.nav-link{color:var(--white);text-decoration:none;font-weight:500;font-size:0.9rem;position:relative;transition:var(--transition);display:flex;align-items:center;gap:5px;padding:0.4rem 0}.nav-link::after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--primary-color);transition:width 0.3s ease}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-link:hover{color:var(--primary-color)}.user-menu-container{position:relative;margin-left:1rem}.user-trigger{display:flex;align-items:center;gap:0.6rem;padding:0.4rem 0.8rem;background:rgba(255,255,255,0.1);border-radius:20px;cursor:pointer;transition:var(--transition);border:1px solid rgba(255,255,255,0.2);min-width:130px}.user-trigger:hover{background:rgba(255,255,255,0.15);transform:translateY(-1px)}.user-avatar{width:30px;height:30px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar i{font-size:0.9rem;color:var(--white)}.user-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.user-name{color:var(--white);font-weight:600;font-size:0.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;line-height:1.2}.user-role{color:rgba(255,255,255,0.7);font-size:0.7rem;font-weight:400}.dropdown-arrow{color:rgba(255,255,255,0.7);font-size:0.75rem;transition:var(--transition);flex-shrink:0}.user-menu-container.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;background:var(--white);border-radius:10px;box-shadow:var(--shadow-lg);padding:0.4rem 0;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1000;margin-top:0.4rem}.user-menu-container.active .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-menu::before{content:"";position:absolute;top:-6px;right:15px;width:12px;height:12px;background:var(--white);transform:rotate(45deg);border-radius:2px}.dropdown-item{display:flex;align-items:center;gap:0.6rem;padding:0.6rem 1rem;color:var(--text-dark);text-decoration:none;font-size:0.85rem;font-weight:500;transition:var(--transition);border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--light-bg);color:var(--primary-color)}.dropdown-item i{width:14px;text-align:center;font-size:0.85rem;color:var(--text-light);transition:var(--transition)}.dropdown-item:hover i{color:var(--primary-color)}.dropdown-divider{height:1px;background:#e2e8f0;margin:0.4rem 0}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.dropdown-item.logout i{color:#ef4444}.nav-login-btn{display:flex;align-items:center;gap:0.4rem;background:rgba(255,255,255,0.1);color:var(--white);padding:0.4rem 1rem;border-radius:20px;text-decoration:none;font-weight:500;font-size:0.9rem;transition:var(--transition);border:1px solid rgba(255,255,255,0.2)}.nav-login-btn:hover{background:rgba(255,255,255,0.15);transform:translateY(-1px)}.nav-login-btn i{font-size:0.85rem}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-wrapper{position:fixed;top:0;right:-100%;width:300px;height:100%;background:var(--dark-bg);z-index:9999;transition:right 0.3s ease;overflow-y:auto;box-shadow:-5px 0 25px rgba(0,0,0,0.3)}.mobile-menu-wrapper.active{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05)}.mobile-logo img{height:38px;width:auto}.mobile-close{background:none;border:none;color:var(--white);font-size:1.3rem;cursor:pointer;padding:5px;transition:var(--transition);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:5px}.mobile-close:hover{color:var(--primary-color);background:rgba(255,255,255,0.1);transform:rotate(90deg)}.mobile-user-section{padding:18px;border-bottom:1px solid rgba(255,255,255,0.1)}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,0.1);border-radius:8px}.mobile-user-avatar{width:36px;height:36px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-user-avatar i{font-size:1.1rem;color:var(--white)}.mobile-user-details{flex:1;min-width:0}.mobile-user-name{display:block;color:var(--white);font-weight:600;font-size:0.85rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-user-role{display:block;color:rgba(255,255,255,0.7);font-size:0.75rem}.mobile-logout{color:rgba(255,255,255,0.7);font-size:0.75rem;text-decoration:none;transition:var(--transition)}.mobile-logout:hover{color:var(--primary-color)}.mobile-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-color);color:var(--white);padding:10px 18px;border-radius:20px;text-decoration:none;font-weight:600;transition:var(--transition);width:100%;font-size:0.9rem}.mobile-login-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,86,179,0.3)}.mobile-nav{padding:18px 0}.mobile-nav ul{list-style:none}.mobile-nav li{border-bottom:1px solid rgba(255,255,255,0.1)}.mobile-nav li:last-child{border-bottom:none}.mobile-nav-link{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.8);text-decoration:none;padding:12px 18px;font-weight:500;transition:var(--transition);font-size:0.9rem}.mobile-nav-link:hover{color:var(--primary-color);background:rgba(255,255,255,0.05);padding-left:22px}.mobile-nav-link i{width:18px;text-align:center;font-size:1rem}.mobile-contact{padding:18px;border-top:1px solid rgba(255,255,255,0.1);margin-top:18px}.mobile-contact-item{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.7);margin-bottom:10px;font-size:0.85rem}.mobile-contact-item i{color:var(--primary-color);width:14px;font-size:0.85rem}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:6px;gap:3px;width:36px;height:36px;justify-content:center;align-items:center;border-radius:5px;transition:var(--transition)}.hamburger:hover{background:rgba(255,255,255,0.1)}.hamburger span{width:22px;height:2.5px;background:var(--white);transition:var(--transition);border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{height:85vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dark-bg) 0%,#1e293b 100%);overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--msc-home-hero) center/cover;opacity:0.15;z-index:0}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(16,185,129,0.1) 0%,transparent 50%);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 20px}.hero-title{font-family:"Playfair Display",serif;font-size:clamp(2.2rem,7vw,4rem);font-weight:900;color:var(--white);margin-bottom:1.2rem;text-shadow:0 4px 20px rgba(0,0,0,0.3);line-height:1.2}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.6rem);color:var(--primary-color);margin-bottom:0.8rem;font-weight:300;letter-spacing:0.5px}.hero-text{font-size:clamp(0.9rem,1.8vw,1rem);color:rgba(255,255,255,0.8);margin-bottom:2rem;line-height:1.7;max-width:650px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}.btn{padding:0.9rem 2rem;border-radius:45px;text-decoration:none;font-weight:600;font-size:0.95rem;transition:var(--transition);border:none;cursor:pointer;display:inline-block}.btn-primary{background:var(--primary-color);color:var(--white);box-shadow:0 6px 20px rgba(16,185,129,0.3)}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-3px);box-shadow:0 10px 30px rgba(16,185,129,0.4)}.btn-secondary{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:var(--primary-color);transform:translateY(-3px)}.btn-full{width:100%}.scroll-indicator{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:2;animation:bounce 2s infinite}.scroll-indicator a{color:var(--white);font-size:1.8rem;opacity:0.7;transition:var(--transition)}.scroll-indicator a:hover{opacity:1;color:var(--primary-color)}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-8px)}60%{transform:translateX(-50%) translateY(-4px)}}section{padding:5rem 0;position:relative}.section-header{text-align:center;margin-bottom:3.5rem}.section-title{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;color:var(--text-dark);margin-bottom:0.8rem}.title-underline{width:70px;height:3.5px;background:var(--primary-color);margin:0 auto 1.2rem;border-radius:2px}.section-subtitle{font-size:clamp(0.95rem,1.8vw,1.1rem);color:var(--text-light);max-width:650px;margin:0 auto;line-height:1.7}.animate-3d{opacity:0;transform:translateY(40px) rotateX(8deg);transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.animate-3d.visible{opacity:1;transform:translateY(0) rotateX(0)}.about-section{background:var(--white)}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3.5rem;align-items:center}.about-image img{width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow-lg);transition:var(--transition)}.about-image:hover img{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,0.2)}.about-text h3{font-family:"Playfair Display",serif;font-size:clamp(1.4rem,2.8vw,1.8rem);color:var(--text-dark);margin-bottom:1.2rem}.about-text p{color:var(--text-light);margin-bottom:1.2rem;line-height:1.8;font-size:0.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1.2rem;margin-top:2rem}.stat-card{background:var(--light-bg);padding:1.2rem;border-radius:12px;text-align:center;transition:var(--transition);border:2px solid transparent}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow)}.stat-number{font-size:2.2rem;font-weight:800;color:var(--primary-color);margin-bottom:0.4rem;font-family:"Playfair Display",serif}.stat-label{font-size:0.85rem;color:var(--text-light);font-weight:500}.facilities-section{background:var(--light-bg)}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.2rem}.facility-card{background:var(--white);border-radius:18px;padding:2.2rem;transition:var(--transition);position:relative;overflow:hidden;cursor:pointer;perspective:1000px}.facility-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform 0.5s ease}.facility-card:hover::before{transform:scaleX(1)}.facility-card:hover{transform:translateY(-12px) rotateY(4deg);box-shadow:var(--shadow-lg)}.facility-icon{width:90px;height:90px;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.facility-icon img{width:75px;height:75px;object-fit:contain;transition:var(--transition)}.facility-card:hover .facility-icon img{transform:scale(1.08) rotate(4deg)}.facility-card h3{font-size:1.4rem;color:var(--text-dark);margin-bottom:0.8rem;font-weight:700}.facility-card p{color:var(--text-light);margin-bottom:1.2rem;line-height:1.7;font-size:0.95rem}.facility-features{list-style:none}.facility-features li{color:var(--text-light);margin-bottom:0.6rem;display:flex;align-items:center;gap:0.6rem;font-size:0.9rem}.facility-features i{color:var(--primary-color);font-size:0.85rem}.services-section{background:var(--white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2.2rem}.service-item{text-align:center;padding:1.8rem;border-radius:14px;transition:var(--transition);background:var(--light-bg)}.service-item:hover{background:var(--white);box-shadow:var(--shadow);transform:translateY(-8px)}.service-icon{width:75px;height:75px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;transition:var(--transition)}.service-item:hover .service-icon{transform:rotateY(360deg)}.service-icon i{font-size:1.8rem;color:var(--white)}.service-item h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:0.8rem;font-weight:600}.service-item p{color:var(--text-light);line-height:1.6;font-size:0.9rem}.contact-section{background:var(--light-bg)}.contact-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.8rem}.contact-info h3{font-size:1.6rem;color:var(--text-dark);margin-bottom:1.8rem;font-weight:700}.contact-item{display:flex;gap:1.2rem;margin-bottom:1.8rem;align-items:flex-start}.contact-icon{width:55px;height:55px;background:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.contact-item:hover .contact-icon{transform:scale(1.08) rotate(4deg);box-shadow:0 8px 25px rgba(16,185,129,0.3)}.contact-icon i{font-size:1.4rem;color:var(--white)}.contact-details h4{font-size:1rem;color:var(--text-dark);margin-bottom:0.4rem;font-weight:600}.contact-details p{color:var(--text-light);line-height:1.6;font-size:0.95rem}.payment-info{margin-top:1.8rem;padding:1.2rem;background:var(--white);border-radius:12px}.payment-info h4{font-size:1rem;color:var(--text-dark);margin-bottom:0.8rem;font-weight:600}.payment-badges{display:flex;gap:0.8rem}.badge{padding:0.6rem 1.2rem;background:var(--primary-color);color:var(--white);border-radius:8px;font-weight:700;font-size:0.95rem;box-shadow:0 3px 12px rgba(16,185,129,0.3)}.contact-form-wrapper{background:var(--white);padding:2rem;border-radius:15px;box-shadow:var(--shadow)}.form-group{margin-bottom:1.3rem}.form-group label{display:block;color:var(--text-dark);font-weight:600;margin-bottom:0.4rem;font-size:0.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.8rem 0.9rem;border:2px solid #e2e8f0;border-radius:8px;font-family:"Poppins",sans-serif;font-size:0.9rem;transition:var(--transition);background:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(16,185,129,0.1)}.form-group textarea{resize:vertical;min-height:110px}.error-message{color:#ef4444;font-size:0.8rem;margin-top:0.4rem;display:none}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#ef4444}.form-group.error .error-message{display:block}.success-message{background:#d1fae5;border:2px solid var(--primary-color);color:#065f46;padding:0.9rem;border-radius:8px;margin-top:0.9rem;display:none}.success-message.show{display:block;animation:slideIn 0.5s ease}@keyframes slideIn{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--dark-bg);color:rgba(255,255,255,0.8);padding:3.5rem 0 1.8rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2.8rem;margin-bottom:2.8rem}.footer-section h4{color:var(--white);font-size:1.1rem;margin-bottom:1.2rem;font-weight:600}.footer-logo{height:45px;width:auto;margin-bottom:0.9rem}.footer-section p{margin-bottom:1.2rem;line-height:1.7;font-size:0.95rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:0.6rem}.footer-section ul li a{color:rgba(255,255,255,0.7);text-decoration:none;transition:var(--transition);font-size:0.95rem}.footer-section ul li a:hover{color:var(--primary-color);padding-left:4px}.footer-section ul li i{color:var(--primary-color);margin-right:0.4rem;font-size:0.9rem}.social-links{display:flex;gap:0.8rem}.social-links a{width:42px;height:42px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:var(--transition);font-size:1rem}.social-links a:hover{background:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 20px rgba(16,185,129,0.3)}.footer-bottom{text-align:center;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,0.1);font-size:0.9rem}.scroll-top{position:fixed;bottom:1.8rem;right:1.8rem;width:46px;height:46px;background:var(--primary-color);color:var(--white);border:none;border-radius:50%;font-size:1.1rem;cursor:pointer;display:none;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 6px 20px rgba(16,185,129,0.3);z-index:999}.scroll-top.show{display:flex}.scroll-top:hover{background:var(--secondary-color);transform:translateY(-4px);box-shadow:0 10px 30px rgba(16,185,129,0.4)}#toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast-message{animation:slideIn 0.3s ease;background:#10b981;color:white;padding:15px 20px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.toast-message.error{background:#ef4444}.toast-message.hiding{animation:slideOut 0.3s ease forwards}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.form-description{color:var(--text-light);margin-bottom:1.5rem;font-size:0.95rem;line-height:1.6}@media (max-width:992px){.nav-menu{display:none!important}.hamburger{display:flex}.user-menu-container{display:none}.nav-login-btn{display:none}.hero-buttons{flex-direction:column}.about-content{grid-template-columns:1fr}.facilities-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.services-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.contact-wrapper{grid-template-columns:1fr}.hero{height:75vh}}@media (max-width:768px){.mobile-menu-wrapper{width:280px}.mobile-user-info{flex-direction:column;text-align:center;gap:8px}.mobile-user-details{text-align:center}section{padding:4rem 0}.section-header{margin-bottom:3rem}}@media (max-width:640px){section{padding:3.5rem 0}.hero-title{font-size:2rem}.facilities-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr;gap:2rem}.contact-form-wrapper{padding:1.8rem}.mobile-menu-wrapper{width:260px}.hero{height:70vh}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}::selection{background:var(--primary-color);color:var(--white)}.user-menu-container{position:relative}.user-trigger{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:25px;background:rgba(255,255,255,0.1);transition:all 0.3s ease;cursor:pointer;border:none;color:white;min-width:160px}.user-trigger:hover{background:rgba(255,255,255,0.2)}.user-avatar{width:32px;height:32px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.user-avatar i{font-size:14px}.user-info{display:flex;flex-direction:column;align-items:flex-start;flex:1}.user-name{font-size:0.9rem;font-weight:600;color:white;line-height:1.2}.user-role{font-size:0.75rem;color:rgba(255,255,255,0.8);line-height:1.2}.dropdown-arrow{font-size:0.8rem;transition:transform 0.3s ease;color:white}.user-menu-container.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;background:white;min-width:200px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1000;margin-top:10px}.user-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-menu::before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#333;text-decoration:none;transition:all 0.2s ease;border-bottom:1px solid #f1f5f9;font-size:0.9rem}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8fafc;color:#0056b3}.dropdown-item i{width:16px;text-align:center;color:#64748b}.dropdown-item:hover i{color:#0056b3}.dropdown-divider{height:1px;background:#f1f5f9;margin:8px 0}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:10px;margin-bottom:16px}.mobile-user-avatar{width:40px;height:40px;background:#0056b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white}.mobile-user-details{flex:1}.mobile-user-name{display:block;font-weight:600;color:#1e293b;margin-bottom:2px}.mobile-user-role{display:block;font-size:0.8rem;color:#64748b}.mobile-logout{color:#ef4444;text-decoration:none;font-size:0.9rem;font-weight:500}.mobile-logout:hover{color:#dc2626}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.toast-message{animation:slideIn 0.3s ease;background:#10b981;color:white;padding:15px 20px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.toast-message.error{background:#ef4444}.toast-message.hiding{animation:slideOut 0.3s ease forwards}body.msc-theme .legacy-031958d5bb{color:#1c2a3a;margin:0 0 20px 0;font-size:20px;font-weight:600}body.msc-theme .legacy-0369655445{min-width:120px}body.msc-theme .legacy-071974ec5c{color:var(--text-light);font-size:0.85rem}body.msc-theme .legacy-094b368177{width:35px;height:35px;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 0.8rem;font-weight:600;font-size:0.9rem}body.msc-theme .legacy-0ab44b0468{color:var(--secondary);font-size:11px}body.msc-theme .legacy-0be0a2a1ab{font-size:32px;display:block;margin-bottom:10px;color:var(--text-secondary)}body.msc-theme .legacy-0c09c5ad1d{margin-left:auto}body.msc-theme .legacy-0c1a7e49a0{display:flex;align-items:center;gap:10px}body.msc-theme .legacy-0d9f57abc2{font-size:12px;color:#666;margin-top:4px}body.msc-theme .legacy-0e68ec38e7{background:#f8f9fa;border-top:1px solid #dee2e6;padding:25px;text-align:center;font-size:13px;color:#6c757d}body.msc-theme .legacy-0f44144379{padding:30px}body.msc-theme .legacy-101468fc07{font-family:"Playfair Display",serif;margin-bottom:0.8rem;color:var(--text-dark);font-size:1.1rem}body.msc-theme .legacy-10f1a5d9b0{background:#10b981}body.msc-theme .legacy-113ada9f85{font-size:32px;display:block;margin-bottom:10px}body.msc-theme .legacy-1280705c01{background:var(--available)}body.msc-theme .legacy-14d723478f{color:var(--text-dark);font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}body.msc-theme .legacy-14ddb2cd6a{text-align:left;padding-left:1.5rem;font-size:0.9rem}body.msc-theme .legacy-15dfe88d59{font-size:15px;line-height:1.7;color:#333}body.msc-theme .legacy-1692fc2c37{font-size:0.85rem;color:var(--text-light)}body.msc-theme .legacy-16ddf45fe9{color:var(--text-secondary);display:block;margin-top:5px}body.msc-theme .legacy-1702fe9e48{margin-right:8px}body.msc-theme .legacy-194d60185c{color:var(--text-light);font-size:0.9rem}body.msc-theme .legacy-19b7e8149b{text-align:center;padding:3rem}body.msc-theme .legacy-1a2d928eb6{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;padding:1rem;border-radius:8px;margin-bottom:1.5rem;max-width:600px;margin:0 auto 1.5rem}body.msc-theme .legacy-1b1d75452f{overflow-x:auto}body.msc-theme .legacy-1b382d8a3d{font-size:1.5rem;color:var(--text-dark);margin-bottom:1rem;font-weight:700}body.msc-theme .legacy-1c85547bea{color:#3b82f6}body.msc-theme .legacy-1d118ebda7{background:none;border:none;color:white;font-size:1.2rem;cursor:pointer;margin-left:auto;opacity:0.7}body.msc-theme .legacy-1d343e98ec{background:none;border:none;color:inherit;cursor:pointer}body.msc-theme .legacy-1e6b2f0237{background:var(--maintenance)}body.msc-theme .legacy-1efc5aa7dd{text-align:center;margin-top:2rem;padding:1.5rem;background:var(--light-bg);border-radius:12px}body.msc-theme .legacy-1ff7bf3b99{color:var(--text-dark);font-weight:500;font-size:0.9rem}body.msc-theme .legacy-219a788af5{color:#10b981}body.msc-theme .legacy-234b91e0b3{background:white;padding:1rem;border-radius:10px;border:1px solid #e2e8f0}body.msc-theme .legacy-24d7de7c05{font-size:12px;color:var(--text-secondary)}body.msc-theme .legacy-27985e4380{background:#6c757d;color:white;border:none;padding:0.5rem 1rem;border-radius:6px;cursor:pointer}body.msc-theme .legacy-299970e162{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}body.msc-theme .legacy-2a2d0215fe{margin-top:1rem;padding:1rem;background:#f1f5f9;border-radius:8px}body.msc-theme .legacy-2c51e06909{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;display:flex;align-items:center;justify-content:center}body.msc-theme .legacy-2d2b9d4e96{max-width:900px}body.msc-theme .legacy-2fd5662a66{text-align:center;padding:40px}body.msc-theme .legacy-2fe7af3589{background:#3b82f6}body.msc-theme .legacy-321d1ea5c6{margin-top:24px}body.msc-theme .legacy-32ed767856{text-align:center;margin-top:2rem}body.msc-theme .legacy-343619b378{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;margin-top:1.2rem}body.msc-theme .legacy-35a90d4d43{height:200px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#dc3545;flex-direction:column;border:2px dashed #dc3545}body.msc-theme .legacy-364e29f94b{margin:0;font-size:0.95rem}body.msc-theme .legacy-371a46d80e{max-width:600px;margin:0 auto;background:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1)}body.msc-theme .legacy-378e76576a{display:flex;align-items:center;gap:8px}body.msc-theme .legacy-37a63efc05{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:2rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3);z-index:10000;text-align:center;max-width:400px;width:90%}body.msc-theme .legacy-383de99b90{color:var(--text-light);margin-bottom:1.5rem;max-width:600px;margin:0 auto 1.5rem}body.msc-theme .legacy-395ee40075{background:#0056b3;color:white;border:none;padding:0.5rem 1rem;border-radius:6px;cursor:pointer}body.msc-theme .legacy-39afbdbbab{width:20px;height:20px}body.msc-theme .legacy-3b0be99f6d{text-align:center;padding:40px;color:var(--danger)}body.msc-theme .legacy-3ca9bc8832{background:linear-gradient(135deg,#1c2a3a 0%,#2d3e50 100%);color:white;padding:30px 20px;text-align:center;border-radius:8px 8px 0 0}body.msc-theme .legacy-3d177282e1{margin-top:8px;font-weight:600}body.msc-theme .legacy-3d50d9b20b{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}body.msc-theme .legacy-4187cfaca6{color:var(--text-secondary);font-size:12px}body.msc-theme .legacy-41e464b699{margin-top:8px;font-size:12px}body.msc-theme .legacy-42db801dde{margin-top:0.2rem}body.msc-theme .legacy-42e8c74146{display:flex;gap:1rem;justify-content:center}body.msc-theme .legacy-44a4f8fdb1{color:var(--text-light);margin-bottom:1rem;max-width:600px;margin:0 auto 1rem}body.msc-theme .legacy-454f42d731{background:#f8fafc;padding:2rem;border-radius:10px;margin-bottom:2rem}body.msc-theme .legacy-481a559811{margin-top:10px;color:var(--text-secondary)}body.msc-theme .legacy-48467b64e8{margin:0;opacity:0.9;font-size:14px}body.msc-theme .legacy-486b156865{margin-top:15px;padding-top:15px;border-top:1px solid #dee2e6;font-size:12px}body.msc-theme .legacy-4b018ad00d{font-size:11px;color:var(--text-secondary);margin-top:4px}body.msc-theme .legacy-4d7fee3d3b{font-size:18px;margin-bottom:8px;font-weight:700;color:var(--primary)}body.msc-theme .legacy-4e09f4b43e{background:#b87333;color:white;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600}body.msc-theme .legacy-4ea6d59d92{color:var(--text-secondary)}body.msc-theme .legacy-4f8dbc76c7{margin-top:2rem}body.msc-theme .legacy-50bebed1bb{font-size:24px;color:var(--text-secondary);margin-bottom:8px}body.msc-theme .legacy-5313025c2e{margin-top:8px}body.msc-theme .legacy-569e3c5556{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}body.msc-theme .legacy-574058c568{color:var(--primary-color);text-decoration:none;font-size:0.85rem}body.msc-theme .legacy-587d3e4422{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}body.msc-theme .legacy-5a0403f48a{color:#6c757d;text-decoration:none}body.msc-theme .legacy-5d13ae6563{font-size:14px;margin-bottom:8px;font-weight:600}body.msc-theme .legacy-60c9d26a88{font-size:4rem;color:#ef4444;margin-bottom:1.5rem}body.msc-theme .legacy-62a2ce2326{font-family:"Playfair Display",serif;margin-bottom:1.2rem;color:var(--text-dark);font-size:1.3rem;text-align:center}body.msc-theme .legacy-62b16fa512{margin-top:10px;font-size:12px}body.msc-theme .legacy-639fed9fed{text-align:center;grid-column:1/-1;padding:3rem;color:#64748b}body.msc-theme .legacy-63d73ea477{font-family:"Playfair Display",serif;margin-bottom:1.2rem;color:var(--text-dark);font-size:1.3rem}body.msc-theme .legacy-6518fe6282{font-size:12px;color:var(--text-secondary);margin-top:8px}body.msc-theme .legacy-659fd9ccb1{font-size:0.9rem;padding:0.5rem 1rem}body.msc-theme .legacy-661d8f3542{font-weight:600;font-size:0.95rem}body.msc-theme .legacy-66a70d351c{width:50px;height:50px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center}body.msc-theme .legacy-684a915600{background:var(--light-bg);padding:1.5rem;border-radius:12px;margin-bottom:2rem}body.msc-theme .legacy-69032b625f{font-size:48px;margin-bottom:16px;color:var(--text-secondary)}body.msc-theme .legacy-695de9d0bd{margin-bottom:15px}body.msc-theme .legacy-6a2a475774{font-size:14px;color:var(--text-secondary)}body.msc-theme .legacy-6ccf9f90c2{background:var(--booked)}body.msc-theme .legacy-6d41eb87d2{display:flex;align-items:flex-start;gap:0.5rem;cursor:pointer}body.msc-theme .legacy-6d6c6e26ab{font-family:"Playfair Display",serif;margin-bottom:1rem;font-size:1.3rem}body.msc-theme .legacy-6e22c58a7a{display:none}body.msc-theme .legacy-6ee1bb5174{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:white}body.msc-theme .legacy-70dafea838{font-weight:600;color:var(--text-dark);font-size:1.1rem}body.msc-theme .legacy-721896bb80{font-size:11px;color:var(--text-secondary)}body.msc-theme .legacy-731dde3201{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}body.msc-theme .legacy-744fcf7abc{text-align:center;color:#0056b3;margin-bottom:2rem}body.msc-theme .legacy-752a0b8294{text-align:center;padding:3rem 0}body.msc-theme .legacy-7589660b84{color:var(--text-dark);font-size:1rem;margin-bottom:0.3rem}body.msc-theme .legacy-778a81fe29{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow);max-width:600px;margin:0 auto 2rem}body.msc-theme .legacy-792b018ab7{padding:2rem;font-family:"Poppins",sans-serif}body.msc-theme .legacy-7c88951899{font-weight:600;color:var(--primary-color)}body.msc-theme .legacy-7f4835e1f8{margin:0 0 10px 0;font-size:24px;font-weight:600}body.msc-theme .legacy-8244b59bf3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;text-align:left}body.msc-theme .legacy-851104ffbc{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--text-secondary)}body.msc-theme .legacy-89ab85d9d2{padding:3rem 0}body.msc-theme .legacy-8bd94727a4{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0}body.msc-theme .legacy-8d14727966{min-width:200px}body.msc-theme .legacy-8da89a75a7{display:flex;align-items:center;gap:6px}body.msc-theme .legacy-8ddd6f9ae7{background:#fef3c7;border:1px solid #fcd34d;color:#92400e;padding:1rem;border-radius:8px;margin-bottom:1.5rem;max-width:600px;margin:0 auto 1.5rem}body.msc-theme .legacy-8eea1766ba{margin-top:10px;padding:5px 10px;background:#007bff;color:white;border:none;border-radius:4px;cursor:pointer}body.msc-theme .legacy-9047aaf4a9{font-weight:700;color:var(--primary-color)}body.msc-theme .legacy-905e99aca4{margin-bottom:1.5rem;color:#666}body.msc-theme .legacy-91d6973c43{border:0}body.msc-theme .legacy-924053337a{color:#dc3545}body.msc-theme .legacy-936ad12ea3{background:#f8f9fa}body.msc-theme .legacy-9461e211a9{color:#b87333;text-decoration:none;margin:0 8px;font-weight:500}body.msc-theme .legacy-94b6caffd5{font-size:12px}body.msc-theme .legacy-964c47fe02{font-size:3rem;margin-bottom:1rem;opacity:0.5}body.msc-theme .legacy-97492b4940{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}body.msc-theme .legacy-99ded28c39{color:white;font-size:1.2rem}body.msc-theme .legacy-9a3532edd1{display:flex}body.msc-theme .legacy-9a62440aac{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}body.msc-theme .legacy-9d8ebf8235{font-size:10px;margin-top:4px;text-align:center;max-width:90%;word-break:break-all}body.msc-theme .legacy-9e844a0f99{width:16px;height:16px;border-width:2px}body.msc-theme .legacy-9f31d045bd{background:none;border:none;cursor:pointer;color:inherit}body.msc-theme .legacy-9fa1ab126a{color:var(--text-light);margin-bottom:2rem;max-width:600px;margin:0 auto 2rem}body.msc-theme .legacy-a1d4adc6e0{font-size:48px;margin-bottom:16px}body.msc-theme .legacy-a523253fb2{color:var(--secondary)}body.msc-theme .legacy-a54cbfca60{color:var(--primary-color);margin-right:0.5rem}body.msc-theme .legacy-a70df4fb00{text-align:center;color:#1e293b;margin-bottom:3rem}body.msc-theme .legacy-a7168d21e6{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem}body.msc-theme .legacy-a913684865{display:flex;gap:1rem;justify-content:center;margin-top:2rem}body.msc-theme .legacy-a9724cbf7d{margin-top:12px;font-size:14px}body.msc-theme .legacy-a9b4e41025{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}body.msc-theme .legacy-aaa22a38be{color:var(--text-light);max-width:600px;margin:0 auto}body.msc-theme .legacy-ac18384686{color:var(--text-light);font-size:0.9rem;line-height:1.6;background:white;padding:1rem;border-radius:8px;border-left:4px solid var(--primary-color)}body.msc-theme .legacy-ae166fa19c{background:#b87333;color:white;padding:4px 12px;border-radius:20px;font-size:12px;margin-left:8px}body.msc-theme .legacy-af9d89b200{margin-left:8px}body.msc-theme .legacy-b171517de2{color:#0056b3;margin-bottom:1rem}body.msc-theme .legacy-b48b3c39f8{text-decoration:none}body.msc-theme .legacy-b4de0c1b38{background:#ef4444}body.msc-theme .legacy-b6020b4b5b{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}body.msc-theme .legacy-b6999c40c7{background:#b87333;color:white;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;display:inline-block;margin-bottom:12px}body.msc-theme .legacy-b902eeb30e{font-size:48px}body.msc-theme .legacy-be715d79ea{background:var(--light-bg);padding:1.5rem;border-radius:12px}body.msc-theme .legacy-c16b96ec67{color:#1e293b;margin-bottom:1rem}body.msc-theme .legacy-c3a83f3576{width:14px;height:14px}body.msc-theme .legacy-c3c7b01bd8{text-align:right;margin-bottom:1.5rem}body.msc-theme .legacy-c5ce26e48b{text-align:center;padding:2rem;color:#dc2626;background:#fef2f2;border-radius:10px;margin:2rem 0}body.msc-theme .legacy-c5d6ca2909{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:1.2rem;border-radius:10px;margin-bottom:2rem;max-width:600px;margin:0 auto 2rem}body.msc-theme .legacy-c6161cc31b{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:white}body.msc-theme .legacy-ca6521f9cc{color:var(--text-light)}body.msc-theme .legacy-cdd1b94371{color:#ef4444}body.msc-theme .legacy-ce2a0497b4{grid-column:1/-1}body.msc-theme .legacy-d07ba855c8{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}body.msc-theme .legacy-d18af706ea{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;margin:0;padding:0;background-color:#f8f9fa;min-height:100%}body.msc-theme .legacy-d20a34e25a{margin-top:8px;font-size:12px;color:#666}body.msc-theme .legacy-d682df977b{color:var(--primary-color)}body.msc-theme .legacy-d76a046520{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}body.msc-theme .legacy-d9f1998922{margin-bottom:0.5rem;font-size:1rem}body.msc-theme .legacy-da47ef442b{font-weight:600;color:var(--text-dark)}body.msc-theme .legacy-dbb993865f{background:#b87333;color:white;padding:2px 6px;border-radius:10px;font-size:10px;margin-left:5px}body.msc-theme .legacy-dc3ed82641{background:#f59e0b}body.msc-theme .legacy-df419644bd{color:var(--danger);display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px}body.msc-theme .legacy-dfdea59650{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);color:white}body.msc-theme .legacy-e3f05d7757{text-align:center;margin-top:3rem;color:#64748b}body.msc-theme .legacy-e5d4f0f60c{font-size:1.2rem}body.msc-theme .legacy-e7355a9b12{color:var(--text-dark);font-size:1.1rem;margin-bottom:0.5rem}body.msc-theme .legacy-e7d92e74e2{margin:15px 0;font-size:12px;line-height:1.5}body.msc-theme .legacy-ed302fd049{display:flex;align-items:center;gap:1rem;background:white;padding:0.8rem;border-radius:8px;border:1px solid #e2e8f0}body.msc-theme .legacy-f08f579b6a{align-self:flex-end}body.msc-theme .legacy-f0a05cbb92{max-width:100%;max-height:200px;border-radius:8px}body.msc-theme .legacy-f3ddcc9438{margin-top:1rem;padding:0.5rem 1rem;background:#dc2626;color:white;border:none;border-radius:5px;cursor:pointer}body.msc-theme .legacy-f561361eee{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}body.msc-theme .legacy-f8f4fe4670{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}body.msc-theme .legacy-f93d0e33bb{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}body.msc-theme .legacy-fb5ec070f2{text-align:center}body.msc-theme .legacy-fbe19ea4f7{font-weight:600;font-size:1rem;color:var(--primary-color)}body.msc-theme .legacy-fc2a669fb1{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999}body.msc-theme .legacy-fd56a91abe{font-size:40px;color:#666}body.msc-theme .legacy-fe86f13ce3{color:#0056b3;font-weight:700;font-size:1.1rem}:root{--msc-home-hero:url(../optimized/tennis-mobile.f961e3f59e.webp)}@media (min-width:641px){:root{--msc-home-hero:url(../optimized/tennis.c79dd0e284.webp)}}@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../optimized/font-variable.a5d38fe99f.woff2)format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../optimized/font-variable.9fea608a94.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../optimized/font-variable.3911b66d9f.woff2)format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../optimized/font-variable.a30ddcd349.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body.msc-theme{--msc-ink:#1e293b;--msc-deep:#0f172a;--msc-accent:#60a5fa;--msc-paper:#f8fafc;--msc-muted:#64748b;--msc-line:#e2e8f0;--msc-radius:22px;--primary-color:#0056b3;--secondary-color:#0074fa;--dark-bg:#0f172a;--light-bg:#f8fafc;--text-dark:#1e293b;--text-light:#64748b;--primary:#0056b3;--secondary:#0074fa;--bg-gray:#f1f5f9;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--divider:#e2e8f0;--border-radius:16px;--shadow:0 8px 32px rgba(15,23,42,0.045);--shadow-lg:0 20px 60px rgba(15,23,42,0.09);--transition:all 0.25s cubic-bezier(0.22,1,0.36,1);font-family:"DM Sans",system-ui,sans-serif;background:var(--msc-paper);color:var(--msc-ink);-webkit-font-smoothing:antialiased}body.msc-theme *,body.msc-theme *::before,body.msc-theme *::after{box-sizing:border-box}body.msc-theme :is(h1,h2,h3,h4,.stat-number,.stat-value,.price-value){font-family:"Manrope",system-ui,sans-serif;letter-spacing:-0.045em}body.msc-theme ::selection{background:#dbeafe;color:#0f172a}body.msc-theme :focus-visible{outline:3px solid #0074fa;outline-offset:4px}body.msc-theme :is(button,input,select,textarea){font-family:inherit}body.msc-theme .animate-3d{opacity:1;transform:none;animation:none}body.msc-theme button:disabled,body.msc-theme [aria-disabled="true"]{cursor:not-allowed}body.msc-theme :is(.btn,.action-btn,.btn-subscribe,.submit-btn,.btn-submit,.retry-btn){border-radius:12px;font-weight:600;letter-spacing:-0.015em;transition:background 0.2s,box-shadow 0.2s,transform 0.2s}body.msc-theme :is(.btn-primary,.btn-reserve,.btn-subscribe,.submit-btn,.btn-submit){background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:white!important;box-shadow:0 4px 12px #1e293b14}body.msc-theme :is(.btn-primary,.btn-reserve,.btn-subscribe,.submit-btn,.btn-submit):hover:not(:disabled){background:#004494!important;box-shadow:0 7px 18px #1e293b20}body.msc-theme :is(.btn-secondary,.btn-outline,.btn-details){background:#eff6ff;color:var(--msc-ink);border:1px solid #bfdbfe}body.msc-theme :is(.form-control,.form-input,.form-select,.form-textarea,.setting-input,.datepicker-input,.timepicker-input){background:#f8fafc;border:1px solid #cbd5e1;border-radius:11px;color:var(--msc-ink);box-shadow:none;transition:border-color 0.2s,box-shadow 0.2s}body.msc-theme :is(.form-control,.form-input,.form-select,.form-textarea,.setting-input):focus{border-color:#3b82f6;box-shadow:0 0 0 4px #dbeafe40;outline:none}body.msc-theme :is(input,textarea)::placeholder{color:#94a3b8}body.msc-theme :is(.form-label,.setting-label){font-weight:600;color:#334155}body.msc-theme :is(.modal-content,.modal-container){border-radius:22px;border:1px solid var(--msc-line);box-shadow:0 32px 90px #0f172a33}body.msc-theme .modal-overlay{background-color:rgba(15,23,42,0.62)}body.msc-theme :is(.modal-header,.modal-footer){border-color:var(--msc-line)}body.msc-theme .modal-header{background:#f8fafc}body.msc-theme :is(.modal-title,.modal-header h2,.modal-header h3){color:var(--msc-ink)}body.msc-theme :is(.loading-spinner,.spinner){border-top-color:#0074fa}body.msc-theme .msc-skip-link{position:fixed;left:20px;top:-90px;z-index:10000;background:#dbeafe;color:#0f172a;padding:12px 20px;border-radius:12px;font-weight:700;text-decoration:none}body.msc-theme .msc-skip-link:focus{top:16px}body.msc-site .container{max-width:1280px;padding-inline:32px}body.msc-site #navbar{top:16px;left:24px;width:calc(100% - 48px);border-radius:18px;background:rgba(15,23,42,0.97);border:1px solid #ffffff20;box-shadow:0 12px 42px #0f172a18;backdrop-filter:none}body.msc-site #navbar.scrolled{background:#0f172a;backdrop-filter:none}body.msc-site #navbar .nav-wrapper{min-height:72px;padding-block:10px}body.msc-site #navbar .logo img{height:43px}body.msc-site #navbar .logo a{display:flex;gap:10px;align-items:center;text-decoration:none}body.msc-site .msc-brand-name{color:#fff;font:800 12px/1.25"Manrope",sans-serif;letter-spacing:0.045em;white-space:nowrap}body.msc-site .msc-brand-name span{display:block;color:#93c5fd;font-size:9px;letter-spacing:0.15em;font-weight:500;margin-top:3px}body.msc-site #navbar .nav-menu{gap:24px}body.msc-site #navbar .nav-wrapper{gap:24px}body.msc-site #navbar .nav-menu{margin-left:auto;justify-content:flex-end;gap:18px}body.msc-site #navbar .logo img{width:52px;height:52px;object-fit:contain}body.msc-site #navbar .nav-link{font-size:13px;color:#f8fafc;font-weight:500}body.msc-site #navbar .nav-link:hover,body.msc-site #navbar .nav-link.active{color:var(--msc-accent)}body.msc-site #navbar :is(.btn-login,.nav-btn){border-radius:10px;background:#dbeafe;color:#0f172a}body.msc-site :is(.mobile-menu-wrapper,.mobile-menu){background-color:#0f172a}body.msc-site .user-trigger{background:#ffffff10;border:1px solid #ffffff24;border-radius:12px}body.msc-site .user-dropdown{border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 16px 50px #0f172a26}body.msc-site :is(.hero,.page-hero,.success-hero){background-image:linear-gradient(100deg,#0f172aee 0%,#0f172a99 55%,#0f172a33 100%),url(../optimized/tennis-2.1af4f0274f.webp);background-size:cover;background-position:center;min-height:490px;height:auto;padding:160px 32px 90px;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden}body.msc-site .hero-overlay,body.msc-site .page-hero>.hero-overlay{background:none}body.msc-site :is(.hero-content,.page-hero-content,.success-hero-content){position:relative;width:100%;max-width:1216px;margin-inline:auto;text-align:left;padding:0;z-index:1}body.msc-site :is(.hero-title,.page-hero-title,.success-hero-title){max-width:860px;font-size:clamp(2.6rem,5.2vw,5.4rem);line-height:1.07;font-weight:800;color:#fff;text-shadow:none;margin-bottom:20px}body.msc-site .hero-subtitle{color:#dbeafe;font-size:1rem;font-weight:600;letter-spacing:0.01em;margin-bottom:14px}body.msc-site :is(.hero-text,.page-hero-text,.success-hero-text){max-width:620px;margin:0 0 28px;color:#e2e8f0;font-size:1rem;line-height:1.75}body.msc-site .hero-buttons{justify-content:flex-start;gap:12px}body.msc-site :is(.hero,.page-hero,.success-hero) .btn-primary{background:#dbeafe!important;color:#0f172a!important;border-color:#dbeafe!important}body.msc-site :is(.hero,.page-hero,.success-hero) .btn-primary:hover{background:#bfdbfe!important}body.msc-site :is(.hero,.page-hero,.success-hero) .btn-secondary{background:#ffffff09;border:1px solid #ffffff66;color:#fff}body.msc-site[data-page="index"] #home{min-height:730px;padding-top:180px;padding-bottom:140px;background-image:linear-gradient(90deg,#0f172aed 0%,#0f172aaa 45%,#0f172a24 100%),var(--msc-home-hero)}body.msc-site[data-page="index"] .hero-title{max-width:770px;font-size:clamp(3.2rem,6.6vw,6.8rem)}body.msc-site[data-page="index"] .hero-title span{display:block;color:#dbeafe}body.msc-site .msc-eyebrow{display:inline-flex;gap:10px;align-items:center;color:#dbeafe;font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;margin-bottom:24px}body.msc-site .msc-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}body.msc-site .msc-hero-note{position:absolute;bottom:34px;right:40px;color:#e2e8f0;font-size:12px;letter-spacing:0.04em;max-width:290px;background:rgba(15,23,42,0.82);border:1px solid rgba(255,255,255,0.22);border-left:3px solid #60a5fa;border-radius:12px;padding:13px 16px;text-shadow:0 1px 2px rgba(15,23,42,0.35);z-index:1}body.msc-site .msc-hero-note strong{display:block;color:#fff;font-size:18px;margin-bottom:3px}body.msc-site .msc-sport-strip{background:#dbeafe;padding:22px 24px}body.msc-site .msc-sport-strip .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}body.msc-site .msc-sport-strip span{font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase}body.msc-site .msc-sport-strip i{color:#0056b3;font-size:8px}body.msc-site :is(.about-section,.facilities-section,.services-section,.contact-section,.content-section,.values-section,.team-section,.contact-content,.services-content,.gallery-content,.reviews-section,.blog-main-content){padding-block:88px;background-color:#f8fafc}body.msc-site :is(.facilities-section,.values-section,.contact-section){background-color:#f1f5f9}body.msc-site .section-header{margin-bottom:42px}body.msc-site .section-title{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.15;font-weight:800;color:#1e293b}body.msc-site .section-subtitle{color:#475569;font-size:15px;max-width:640px}body.msc-site .title-underline{width:36px;height:4px;border-radius:4px;background:#0074fa;margin-block:20px}body.msc-site .about-text h3{font-size:clamp(1.6rem,2.5vw,2.5rem);line-height:1.25}body.msc-site .about-text p{color:#64748b}body.msc-site .about-image{border-radius:26px;overflow:hidden;box-shadow:none}body.msc-site .about-image img{border-radius:26px;object-fit:cover}body.msc-site :is(.facility-card,.service-card,.service-item,.blog-card,.value-card,.team-card,.review-card,.feature-card,.contact-form-wrapper,.review-form-container,.info-card,.detail-card){border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 6px 25px #1e293b05;transition:border-color 0.25s,box-shadow 0.25s,transform 0.25s}body.msc-site :is(.facility-card,.service-item,.value-card,.team-card){padding:30px}body.msc-site :is(.service-card,.blog-card){overflow:hidden}body.msc-site :is(.facility-card,.service-item,.value-card,.team-card,.blog-card,.service-card):hover{border-color:#bfdbfe;box-shadow:0 18px 45px #1e293b0d;transform:translateY(-4px)}body.msc-site :is(.facility-icon,.value-icon,.service-icon,.contact-icon,.card-icon){background:#eff6ff;color:#0056b3;border-radius:16px;box-shadow:none}body.msc-site :is(.facility-icon,.value-icon,.service-icon,.contact-icon,.card-icon) i{color:#0056b3}body.msc-site .service-item:hover .service-icon{transform:translateY(-3px)}body.msc-site .stat-card .stat-label{color:#475569}body.msc-site .stat-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:18px;box-shadow:none}body.msc-site .stat-number{color:#0056b3;font-size:2.5rem}body.msc-site :is(.service-title,.blog-title-link,.blog-card .blog-title){color:#1e293b}body.msc-site :is(.category-btn,.filter-btn,.page-btn){border-radius:10px}body.msc-site :is(.category-btn.active,.filter-btn.active,.page-btn.active){background:#1e293b;color:#fff;border-color:#1e293b}body.msc-site :is(.service-hero,.blog-detail-hero){background-color:#0f172a;border-radius:0 0 32px 32px}body.msc-site :is(.service-hero-content,.blog-detail-hero .hero-content){padding-top:120px}body.msc-site .breadcrumb{background:#f1f5f9;color:#64748b}body.msc-site .breadcrumb a{color:#0056b3}body.msc-site :is(.newsletter-section,.cta-section){background:#0f172a}body.msc-site .newsletter-container{border-radius:24px}body.msc-site .newsletter-widget .newsletter-form-container{width:100%;padding:24px;background:#fff;border:1px solid #dbeafe;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,0.06)}body.msc-site .newsletter-widget .newsletter-header{margin-bottom:18px}body.msc-site .newsletter-widget .newsletter-title{margin:0 0 8px;color:#0f172a;font:800 20px/1.2"Manrope",sans-serif;letter-spacing:-0.035em}body.msc-site .newsletter-widget .newsletter-description{margin:0;color:#64748b;font-size:13px;line-height:1.6}body.msc-site .newsletter-widget .newsletter-form,body.msc-site .newsletter-widget .form-group,body.msc-site .newsletter-widget .form-actions{width:100%;margin:0}body.msc-site .newsletter-widget .newsletter-form{display:grid;gap:13px}body.msc-site .newsletter-widget .form-input{width:100%;min-height:46px;padding:11px 13px;background:#f8fafc}body.msc-site .newsletter-widget .msc-consent-check{margin:0;font-size:12px}body.msc-site .newsletter-widget .btn-subscribe{width:100%;min-height:44px;padding:10px 14px;border-radius:10px}body.msc-site .newsletter-widget .privacy-notice,body.msc-site .newsletter-widget .form-footer{display:none}body.msc-site .scroll-top{background:#1e293b;border:1px solid #ffffff40;border-radius:14px;box-shadow:0 8px 24px #1e293b26}body.msc-auth{background:#f1f5f9;color:#1e293b}body.msc-auth .auth-container{padding:32px;max-width:1360px;margin:auto}body.msc-auth .auth-header{color:#1e293b;padding:12px 0 24px;margin-bottom:12px}body.msc-auth .auth-logo img{filter:none;height:56px}body.msc-auth .auth-header h1{font-size:clamp(1.8rem,3vw,2.8rem);color:#1e293b;font-family:"Manrope",sans-serif;letter-spacing:-0.05em}body.msc-auth .auth-header p{color:#64748b;font-size:14px}body.msc-auth .auth-main-grid{max-width:1120px;gap:24px;align-items:stretch}body.msc-auth .auth-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:26px;box-shadow:0 18px 50px #1e293b06;padding:38px}body.msc-auth .auth-form-section :is(h2,h3){color:#1e293b}body.msc-auth .auth-features-section{background:linear-gradient(150deg,#0f172af5,#0f172aca),url(../optimized/tennis-2.1af4f0274f.webp)center/cover;border-radius:26px;padding:36px;color:#fff;display:flex;align-items:center}body.msc-auth .feature-card{background:#ffffff08;border:1px solid #ffffff18;border-radius:18px;box-shadow:none;padding:23px}body.msc-auth .feature-card h3{color:#fff;font-size:17px}body.msc-auth .feature-card p{color:#cbd5e1;font-size:13px}body.msc-auth .feature-icon{background:#dbeafe;color:#1e293b;border-radius:14px;width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;font-size:22px}body.msc-auth .feature-icon i{color:#1e293b}body.msc-auth .msc-home-link{display:inline-flex;align-items:center;gap:9px;color:#1e293b;font-size:13px;font-weight:600;text-decoration:none;border:1px solid #cbd5e1;background:#fff;border-radius:11px;padding:11px 16px;align-self:flex-start}body.msc-auth .auth-form-section a{color:#0056b3}body.msc-auth :is(.form-input,.form-control,input:not([type="checkbox"]):not([type="radio"])){border-radius:11px;border-color:#cbd5e1}body.msc-auth{background:radial-gradient(circle at 8% 8%,#dbeafe 0,transparent 28rem),radial-gradient(circle at 92% 88%,#e0f2fe 0,transparent 26rem),#f8fafc;font-family:"DM Sans",system-ui,sans-serif}body.msc-auth .auth-container{padding:28px 32px 48px}body.msc-auth .auth-header{max-width:1120px;width:100%;margin:0 auto 18px;padding:4px 0 12px}body.msc-auth .auth-logo{margin-bottom:14px}body.msc-auth .auth-logo img{height:52px}body.msc-auth .auth-header h1{max-width:650px;margin:0 auto 8px;font-size:clamp(1.85rem,3.2vw,2.65rem);font-weight:800;line-height:1.12}body.msc-auth .auth-header p{font-size:15px}body.msc-auth .auth-main-grid{grid-template-columns:minmax(0,1.04fr) minmax(340px,0.96fr);max-width:1120px;gap:28px}body.msc-auth .auth-form-section{padding:40px;border-radius:24px;box-shadow:0 22px 55px #0f172a0d}body.msc-auth .form-title{font-family:"Manrope",sans-serif;font-size:1.9rem;font-weight:800;letter-spacing:-0.045em;margin-bottom:7px}body.msc-auth .form-subtitle{margin-bottom:28px;font-size:14px}body.msc-auth .auth-form .form-group{margin-bottom:18px}body.msc-auth .auth-form label{margin-bottom:7px;font-size:13px;font-weight:700}body.msc-auth .input-with-icon input{min-height:50px;padding-left:46px;border-width:1px;border-radius:12px;font-size:14px}body.msc-auth .input-with-icon i{left:16px;color:#64748b}body.msc-auth .input-with-icon:focus-within i{color:#0056b3}body.msc-auth .input-with-icon input:focus{border-color:#0074fa;box-shadow:0 0 0 4px #0074fa18}body.msc-auth .modern-toggle-password{right:14px;padding:7px}body.msc-auth .btn{min-height:50px;border-radius:12px;font-size:14px}body.msc-auth .btn-primary{box-shadow:0 10px 18px #0074fa26}body.msc-auth .form-divider{margin:24px 0}body.msc-auth .auth-links{margin-top:0}body.msc-auth .auth-features-section{padding:32px;overflow:hidden;box-shadow:0 22px 55px #0f172a14}body.msc-auth .features-grid{width:100%;gap:12px}body.msc-auth .feature-card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:15px;padding:18px;border-radius:16px}body.msc-auth .feature-icon{grid-row:span 2;margin:0;width:46px;height:46px;font-size:19px}body.msc-auth .feature-card h3{align-self:end;margin:0 0 4px;font-size:15px}body.msc-auth .feature-card p{align-self:start;font-size:12px;line-height:1.55}body.msc-auth .terms-notice{margin:22px 0;padding:2px 0;text-align:left}body.msc-auth .msc-consent-check{margin:12px 0;gap:11px;font-size:12px;line-height:1.55}body.msc-auth .msc-consent-check input{margin-top:1px}body.msc-auth .msc-privacy-note{margin:16px 0 0;padding:13px 14px;border-radius:12px;background:#f8fafc;color:#64748b}body.msc-auth .password-requirements small{display:block;margin-top:7px;line-height:1.55}body.msc-auth .msc-home-link{position:absolute;top:28px;left:max(32px,calc((100% - 1120px)/2));padding:9px 13px;border-radius:10px;background:#ffffffcc;backdrop-filter:blur(10px)}body.msc-verification .verification-card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;box-shadow:0 20px 60px #1e293b08}body.msc-verification .verification-title{font-family:"Manrope",sans-serif;letter-spacing:-0.045em}body.msc-verification .logo-text{color:#1e293b}body.msc-verification .logo img{filter:none}body.msc-verification .contact-link{color:#0056b3}body.msc-member :is(.dashboard-content,.profile-content){padding-top:130px;background:#f8fafc}body.msc-member :is(.dashboard-title,.profile-title){font-size:clamp(2rem,3.2vw,3rem);color:#1e293b}body.msc-member :is(.dashboard-subtitle,.profile-subtitle){color:#64748b}body.msc-member :is(.dashboard-card,.profile-card,.stats-card,.activity-card,.membership-card,.recent-section,.actions-section,.form-container,.reservation-summary,.success-container){border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 8px 30px #1e293b05}body.msc-member :is(.card-header,.form-header){background:#f8fafc;border-color:#e2e8f0}body.msc-member .welcome-section{background:#1e293b;color:#fff;border-radius:22px;padding:30px}body.msc-member .welcome-section .dashboard-title{color:#fff}body.msc-member .welcome-section :is(.dashboard-subtitle,.dashboard-meta){color:#cbd5e1}body.msc-member .section-title{font-size:1.5rem}body.msc-member .calendar-container{border:1px solid #e2e8f0;border-radius:18px;overflow-x:auto}body.msc-member .calendar-header{background:#1e293b;color:#fff}body.msc-member .time-slot.selected{background:#0056b3!important;color:#fff!important;box-shadow:0 0 0 2px #dbeafe}body.msc-member .selected-slot-info{background:#eff6ff;border-color:#bfdbfe;border-radius:14px}body.msc-member .price-calculation{background:#eff6ff;border-radius:14px}body.msc-member .payment-option.selected{border-color:#0056b3;background:#eff6ff}body.msc-member .table-container{border-radius:16px;border:1px solid #e2e8f0}body.msc-admin{--secondary:#0074fa;--warning:#0074fa;font-size:13px;line-height:1.55}body.msc-admin :is(.legacy-4e09f4b43e,.legacy-ae166fa19c,.legacy-b6999c40c7,.legacy-dbb993865f,.btn-secondary,.btn-warning){background:#0074fa!important;border-color:#0074fa!important;color:#fff!important}body.msc-admin :is(.page-title i,.card-title i,.section-title i,.legacy-9461e211a9,.reservations-header i,.users-header i){color:#0074fa!important}body.msc-admin :is(.header,.top-header) .logo,body.msc-admin .header-container .logo{background-image:none}body.msc-admin :is(.notifications-header,.dropdown-header){background:#0f172a!important}body.msc-admin :is(.user-avatar,.dropdown-avatar){background:#eaf2ff!important;color:#0074fa!important}body.msc-admin .logo-main{background:none!important;-webkit-text-fill-color:currentColor!important;color:#0056b3!important}body.msc-admin .dropdown-item:hover{border-left-color:#0074fa!important}body.msc-admin .dropdown-item:hover i{color:#0074fa!important}body.msc-admin .header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:none}body.msc-admin .header-container{padding-inline:24px}body.msc-admin :is(.logo-main,.logo-sub,.user-name,.dropdown-name){color:#1e293b}body.msc-admin :is(.nav-icon-btn,.toggle-sidebar-btn){background:#f1f5f9;color:#1e293b;border-radius:10px}body.msc-admin :is(.user-avatar,.dropdown-avatar){background:#eff6ff;color:#0056b3;border-radius:12px}body.msc-admin :is(.user-dropdown,.notifications-dropdown){border-radius:18px;border-color:#e2e8f0;box-shadow:0 20px 60px #1e293b20}body.msc-admin .sidebar{background:#0f172a;border-right:0;box-shadow:none;scrollbar-color:#64748b transparent}body.msc-admin .sidebar-nav{padding:22px 10px}body.msc-admin .sidebar .nav-section-title{color:#94a3b8;font-size:9px;letter-spacing:0.13em;padding-inline:12px}body.msc-admin .sidebar .nav-link{margin:3px 0;padding:12px 10px;border-left:0;border-radius:10px;color:#cbd5e1;font-size:12px}body.msc-admin .sidebar .nav-link:hover{background:#ffffff0b;color:#fff}body.msc-admin .sidebar .nav-link.active{background:#dbeafe;color:#1e293b;font-weight:700}body.msc-admin .sidebar .nav-link.active i{color:#1e293b}body.msc-admin .sidebar :is(.nav-badge,.status-indicator.online){background:#dbeafe;color:#1e293b}body.msc-admin .sidebar-footer{border-color:#ffffff15}body.msc-admin :is(.server-status,.sidebar-version){color:#94a3b8}body.msc-admin .main-content{background:#f1f5f9;padding:30px}body.msc-admin .page-header{margin-bottom:28px;gap:18px}body.msc-admin .dashboard-container>.page-header{position:relative;padding-top:22px}body.msc-admin .dashboard-container>.page-header::before{content:"MARRAKECH / ESPACE ADMIN";position:absolute;top:0;left:0;font-size:9px;font-weight:700;letter-spacing:0.15em;color:#64748b}body.msc-admin .page-title{color:#1e293b;font-size:clamp(1.55rem,2vw,2rem);font-weight:800;letter-spacing:-0.045em}body.msc-admin .page-subtitle{color:#64748b;font-size:13px;margin-top:6px}body.msc-admin .current-date{border:1px solid #e2e8f0;border-radius:9px;padding:8px 12px;background:#fff;color:#64748b}body.msc-admin .stats-grid{gap:16px;margin-bottom:24px}body.msc-admin .stat-card{background:#fff;padding:23px;border:1px solid #e2e8f0;border-left:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 20px #1e293b03}body.msc-admin .stat-card:first-child{background:#eff6ff;border-color:#dbeafe}body.msc-admin .stat-value{color:#1e293b;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:8px}body.msc-admin .stat-label{color:#64748b;font-size:12px;font-weight:500}body.msc-admin .stat-icon{background:#eff6ff;color:#0056b3;border-radius:13px}body.msc-admin :is(.section,.filters-section,.table-section,.service-card,.blog-card,.gallery-item,.gallery-card,.settings-section,.newsletter-section){background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 6px 26px #1e293b03}body.msc-admin .section{padding:24px;margin-bottom:24px}body.msc-admin .section-header{border-color:#e2e8f0;margin-bottom:20px;gap:14px}body.msc-admin .section-title{font-size:17px;color:#1e293b;font-weight:700}body.msc-admin :is(.table-responsive,.table-container){border-radius:12px}body.msc-admin table{border-collapse:collapse;width:100%}body.msc-admin :is(table th,.modern-table th){background:#f8fafc;color:#64748b;border-color:#e2e8f0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.055em;padding:13px 16px}body.msc-admin :is(table td,.modern-table td){border-color:#f1f5f9;padding:16px;font-size:12px;color:#334155}body.msc-admin table tbody tr:hover{background:#f8fafc}body.msc-admin :is(.filter-btn,.tab-btn,.btn-quick-filter,.pagination-btn,.page-number){border-radius:9px;border-color:#e2e8f0}body.msc-admin :is(.filter-btn.active,.tab-btn.active,.btn-quick-filter.active,.page-number.active){background:#1e293b;color:#fff;border-color:#1e293b}body.msc-admin .quick-actions{gap:12px;margin-top:18px}body.msc-admin .quick-actions .btn{padding:12px 18px}body.msc-admin .upload-area{background:#f8fafc;border:2px dashed #bfdbfe;border-radius:18px}body.msc-admin .upload-icon{color:#0056b3}body.msc-admin :is(.tabs-nav,.tab-header){border-color:#e2e8f0}body.msc-admin .tabs-nav{background:#fff;padding:6px;border:1px solid #e2e8f0;border-radius:13px;gap:4px}body.msc-admin :is(.filter-input,.filter-select){background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b}body.msc-admin :is(.compose-left,.preview-pane,.recipient-option){border-color:#e2e8f0;border-radius:14px}body.msc-admin .service-card{overflow:hidden}body.msc-admin .btn{border-radius:9px}body.msc-admin .btn-danger,body.msc-theme .btn-danger{background:#b34443;border-color:#b34443;color:#fff}body.msc-admin .btn-success,body.msc-theme .btn-success{background:#0074fa;border-color:#0074fa;color:#fff}@media (min-width:1201px){body.msc-admin .dashboard-container{max-width:1500px;margin:auto}}@media (max-width:1200px){body.msc-admin .main-content,body.msc-admin .main-content.collapsed{left:0;padding:24px}body.msc-site #navbar .nav-menu{gap:14px}body.msc-site #navbar .nav-link{font-size:12px}}@media (max-width:992px){body.msc-site .container{padding-inline:24px}body.msc-site #navbar{left:16px;width:calc(100% - 32px);top:12px}body.msc-site #navbar .nav-wrapper{min-height:64px}body.msc-site #footer-container footer>.relative:last-child>.grid{grid-template-columns:1fr 1fr}body.msc-auth .auth-main-grid{grid-template-columns:1fr;max-width:640px}body.msc-auth .auth-features-section{padding:26px}}@media (max-width:640px){body.msc-site .container{padding-inline:20px}body.msc-site :is(.hero,.page-hero,.success-hero){min-height:420px;padding:140px 24px 60px}body.msc-site[data-page="index"] #home{display:block;min-height:0;padding:128px 24px 26px}body.msc-site[data-page="index"] .hero-title{font-size:clamp(3rem,12vw,4.4rem)}body.msc-site[data-page="index"] .msc-hero-note{position:static;width:100%;max-width:none;margin-top:22px;padding:14px 16px}body.msc-site[data-page="index"] .scroll-indicator{display:none}body.msc-site .msc-sport-strip{padding:18px 4px}body.msc-site .msc-sport-strip .container{justify-content:center;gap:12px 18px}body.msc-site .msc-sport-strip span{font-size:9px}body.msc-site .msc-sport-strip i{display:none}body.msc-site :is(.about-section,.facilities-section,.services-section,.contact-section,.content-section,.values-section,.team-section,.contact-content,.services-content,.gallery-content,.reviews-section,.blog-main-content){padding-block:56px}body.msc-site :is(.facility-card,.service-item,.value-card,.team-card){padding:24px}body.msc-site #footer-container footer{padding:48px 24px 24px}body.msc-site #footer-container footer>.relative:last-child>.grid{grid-template-columns:1fr;gap:32px}body.msc-site #footer-container footer .mt-12>div{flex-direction:column;gap:12px}body.msc-auth .auth-container{padding:20px 16px}body.msc-auth .auth-form-section{padding:28px 22px}body.msc-auth .auth-features-section{display:none}body.msc-auth .auth-header{margin-bottom:16px;padding:48px 10px 0}body.msc-auth .auth-header h1{font-size:1.9rem}body.msc-auth .auth-header p{font-size:13px;line-height:1.55}body.msc-auth .auth-logo img{height:46px}body.msc-auth .form-title{font-size:1.6rem}body.msc-auth .msc-home-link{top:16px;left:16px;font-size:12px}body.msc-auth .terms-notice{margin:20px 0}body.msc-admin .main-content{padding:18px 14px}body.msc-admin .page-header{align-items:flex-start;flex-wrap:wrap}body.msc-admin .section{padding:18px}body.msc-admin .stat-card{padding:18px}body.msc-admin :is(table td,table th){padding:12px}body.msc-admin .stats-grid{gap:10px}body.msc-member .welcome-section{padding:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body.msc-theme *,body.msc-theme *::before,body.msc-theme *::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}body.msc-theme [data-tilt]{transform:none!important}}body.msc-site #navbar{max-width:1440px;left:50%;transform:translateX(-50%);width:calc(100% - 40px)}body.msc-site #navbar>.container{max-width:none;padding-inline:24px}body.msc-site :is(.hero,.page-hero,.success-hero) .btn-primary{background:#0074fa!important;border-color:#0074fa!important;color:#fff!important}body.msc-site :is(.hero,.page-hero,.success-hero) .btn-primary:hover{background:#0056b3!important}body.msc-site[data-page="index"] .hero-title span{color:#93c5fd}body.msc-site .msc-eyebrow,body.msc-site .hero-subtitle{color:#bfdbfe}body.msc-site .msc-sport-strip{background:#eff6ff;border-bottom:1px solid #dbeafe}body.msc-admin .sidebar .nav-link.active{background:#0074fa;color:#fff}body.msc-admin .sidebar .nav-link.active i{color:#fff}body.msc-admin .stat-value{color:#0056b3}body.msc-auth .feature-icon{background:#dbeafe;color:#0056b3}body.msc-auth .feature-icon i{color:#0056b3}.msc-back-to-top[hidden]{display:none!important}.msc-back-to-top{position:fixed;right:24px;bottom:24px;z-index:950;display:flex;align-items:center;gap:9px;border:1px solid #ffffff40;border-radius:14px;background:#0056b3;color:#fff;padding:12px 16px;font:600 12px"DM Sans",sans-serif;cursor:pointer;box-shadow:0 6px 24px #0f172a22}.msc-back-to-top>span:first-child{font-size:22px;line-height:1}body.msc-site[data-page="blog_details"] .content-grid{grid-template-columns:minmax(0,1fr) 310px;gap:32px}body.msc-site[data-page="blog_details"] .article-content{min-width:0;border:1px solid #e2e8f0;border-radius:22px;padding:32px;box-shadow:none}body.msc-site[data-page="blog_details"] .article-body{overflow-wrap:anywhere}body.msc-site[data-page="blog_details"] .article-body :is(h1,h2,h3){line-height:1.35;letter-spacing:-0.035em}body.msc-site[data-page="blog_details"] .article-body h2{font-size:clamp(1.45rem,2vw,1.9rem)}body.msc-site[data-page="blog_details"] .article-body h3{font-size:1.3rem}body.msc-site[data-page="blog_details"] .article-body img{max-width:100%;height:auto}body.msc-site[data-page="blog_details"] .gallery-image{aspect-ratio:3/2;object-fit:cover}body.msc-site[data-page="blog_details"] .section-title{font-size:1.7rem}@media (max-width:1200px){body.msc-site #navbar .nav-menu{gap:12px}body.msc-site .msc-brand-name{font-size:10px}}@media (max-width:992px){body.msc-site #navbar{left:16px;transform:none;width:calc(100% - 32px)}body.msc-site[data-page="blog_details"] .content-grid{grid-template-columns:minmax(0,1fr)}body.msc-site #navbar .logo img{width:42px;height:42px}}@media (max-width:640px){body.msc-site #navbar>.container{padding-inline:16px}body.msc-site[data-page="blog_details"] .article-content{padding:22px}.msc-back-to-top{right:16px;bottom:18px}}@media (max-width:640px){body.msc-site[data-page="index"] #home{background-image:linear-gradient(90deg,#0f172aed 0%,#0f172aaa 45%,#0f172a24 100%),var(--msc-home-hero)}}body.msc-site #navbar .hamburger,body.msc-site .mobile-close{min-width:44px;min-height:44px}body.msc-theme .msc-footer{padding:64px 32px 24px;background:#0f172a;color:#fff}body.msc-theme .msc-footer-inner{max-width:1216px;margin:auto;width:100%}body.msc-theme .msc-footer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.7fr) minmax(0,1fr) minmax(0,1.2fr);gap:48px}body.msc-theme .msc-footer-grid>*{min-width:0;width:auto;height:auto;display:block}body.msc-theme .msc-footer h4{font:700 15px"Manrope",sans-serif;color:#fff;margin:0 0 22px;letter-spacing:-0.02em}body.msc-theme .msc-footer ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px}body.msc-theme .msc-footer li{line-height:1.65;font-size:13px;display:block}body.msc-theme .msc-footer :is(a,button){color:#cbd5e1;text-decoration:none;font:inherit}body.msc-theme .msc-footer :is(a,button):hover{color:#dbeafe}body.msc-theme .msc-footer button{background:none;border:0;padding:0;text-align:left;cursor:pointer;line-height:1.65}body.msc-theme .msc-footer-brand img{width:auto;height:58px;max-width:160px;object-fit:contain;margin-bottom:20px}body.msc-theme .msc-footer p{color:#cbd5e1;font-size:13px;line-height:1.85;margin:0 0 18px}body.msc-theme .msc-footer-visit{display:inline-flex;gap:12px;font-size:13px;font-weight:600}body.msc-theme .msc-footer-contact li{display:flex;gap:11px;align-items:flex-start}body.msc-theme .msc-footer-contact i{color:#dbeafe;width:16px;margin-top:5px;flex:0 0 16px}body.msc-theme .msc-footer-contact a{overflow-wrap:anywhere}body.msc-theme .msc-footer-bottom{border-top:1px solid #ffffff20;margin-top:46px;padding-top:24px;display:flex;justify-content:space-between;gap:20px}body.msc-theme .msc-footer-bottom p{margin:0;font-size:12px}.msc-consent[hidden],.msc-consent-details[hidden],.msc-map-placeholder[hidden]{display:none!important}iframe[data-consent-category][hidden]{display:none!important}.msc-consent{position:fixed;bottom:20px;left:20px;right:20px;z-index:10050;max-width:780px;margin:auto;background:#fff;color:#1e293b;border:1px solid #cbd5e1;border-radius:22px;padding:26px;box-shadow:0 20px 90px #0f172a33;max-height:calc(100dvh - 40px);overflow-y:auto;font:14px/1.6"DM Sans",system-ui,sans-serif}.msc-consent h2{font:800 21px"Manrope",sans-serif;letter-spacing:-0.04em;margin:0 0 9px;color:#1e293b}.msc-consent p{margin:0 0 16px;color:#64748b;font-size:13px}.msc-consent a{color:#0056b3;text-decoration:underline;text-underline-offset:3px}.msc-consent-actions{display:flex;flex-wrap:wrap;gap:10px}.msc-consent-actions button{flex:1 1 150px;padding:12px 16px;border-radius:10px;background:#eff6ff;color:#1e293b;border:1px solid #bfdbfe;font:600 13px"DM Sans",sans-serif;cursor:pointer}.msc-consent-actions :is([data-consent-accept],[data-consent-reject]){background:#0056b3;color:#fff;border-color:#0056b3}.msc-consent-actions button:hover{box-shadow:inset 0 0 0 2px #60a5fa}.msc-consent-details{padding-block:12px 20px}.msc-consent-option{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid #e2e8f0}.msc-consent-option input{margin-top:5px;width:18px;height:18px;accent-color:#0056b3;flex:0 0 18px}.msc-consent-option label{cursor:pointer}.msc-consent-option strong{display:block;color:#1e293b}.msc-consent-option small{display:block;font-size:12px;color:#64748b}.msc-consent-reopen{position:fixed;bottom:16px;left:16px;z-index:10040;padding:9px 13px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#1e293b;font:600 12px"DM Sans",sans-serif;box-shadow:0 5px 20px #1e293b12;cursor:pointer}.msc-consent-notice{min-height:20px;margin:12px 0 0!important;font-size:12px}.msc-map-placeholder{min-height:320px;border:1px solid #cbd5e1;border-radius:18px;display:grid;place-items:center;padding:32px;background:#eff6ff;text-align:center}.msc-map-placeholder p{max-width:460px;color:#475569;line-height:1.7;margin:12px auto 20px}.msc-map-placeholder h3{font-size:22px;color:#1e293b}.msc-map-placeholder button{padding:12px 18px;background:#1e293b;color:#fff;border:0;border-radius:10px;font:600 14px inherit;cursor:pointer}.msc-legal-main{max-width:960px;margin:auto;padding:140px 28px 72px}.msc-legal-nav{position:fixed;top:16px;left:24px;right:24px;background:#0f172a;border-radius:18px;padding:12px 24px;display:flex;gap:24px;align-items:center;z-index:1000}.msc-legal-nav a{color:#fff;text-decoration:none;font-size:13px}.msc-legal-nav a:last-child{margin-left:auto}.msc-legal-main .form-group{display:grid;gap:8px;margin:20px 0}.msc-legal-main :is(.form-input,.form-select,.form-textarea){width:100%;padding:12px;font-size:14px}.msc-legal-main .btn{padding:12px 18px;text-decoration:none;cursor:pointer}.msc-legal-main h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:16px;line-height:1.15}.msc-legal-main h2{font-size:23px;margin:36px 0 14px}.msc-legal-main h3{font-size:18px;margin:22px 0 10px}.msc-legal-main p,.msc-legal-main li{color:#475569;line-height:1.8;font-size:15px;margin-bottom:12px}.msc-legal-main ul{padding-left:22px}.msc-legal-main a{color:#0056b3;text-decoration:underline}.msc-legal-main table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.msc-legal-main :is(td,th){text-align:left;padding:15px;border:1px solid #e2e8f0;vertical-align:top}.msc-legal-main th{background:#eff6ff}.msc-legal-callout{border:1px solid #bfdbfe;background:#eff6ff;border-radius:16px;padding:20px;margin-block:24px}.msc-privacy-note{font-size:12px!important;line-height:1.7;color:#64748b;margin:18px 0}.msc-consent-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#475569;line-height:1.6;margin:14px 0}.msc-consent-check input{width:18px!important;height:18px!important;margin-top:2px;flex:0 0 18px;accent-color:#0056b3}.msc-consent-check a{text-decoration:underline}.msc-consent-check label{color:inherit}body.msc-site .newsletter-form-horizontal{flex-wrap:wrap}body.msc-site .newsletter-form-horizontal>.msc-consent-check{flex:1 0 100%}@media (max-width:992px){body.msc-theme .msc-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}}@media (max-width:640px){body.msc-theme .msc-footer{padding:44px 24px 80px}body.msc-theme .msc-footer-grid{grid-template-columns:minmax(0,1fr);gap:30px}body.msc-theme .msc-footer-bottom{flex-direction:column;gap:12px}.msc-consent{bottom:10px;left:10px;right:10px;padding:20px;max-height:calc(100dvh - 20px)}.msc-consent-actions button{flex-basis:100%}.msc-consent-reopen{display:none}.msc-legal-main{padding:120px 22px 56px}}