/* * { */
/*     margin: 0; */
/*     padding: 0; */
/*     box-sizing: border-box; */
/* } */
/*  */
/* :root { */
/*     --primary-color: #1a1a2e; */
/*     --secondary-color: #16213e; */
/*     --accent-color: #e94560; */
/*     --text-color: #fff; */
/*     --text-light: #b0b0b0; */
/*     --card-bg: #0f3460; */
/*     --transition: all 0.3s ease; */
/* } */
/*  */
/* body { */
/*     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
/*     background-color: var(--primary-color); */
/*     color: var(--text-color); */
/*     line-height: 1.6; */
/* } */
/*  */
/* NAVBAR */
/* .navbar { */
/*     background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); */
/*     padding: 1rem 0; */
/*     position: sticky; */
/*     top: 0; */
/*     z-index: 1000; */
/*     box-shadow: 0 4px 15px rgba(233, 69, 96, 0.2); */
/*     border-bottom: 3px solid var(--accent-color); */
/* } */
/*  */
/* .navbar-container { */
/*     max-width: 1400px; */
/*     margin: 0 auto; */
/*     display: flex; */
/*     justify-content: space-between; */
/*     align-items: center; */
/*     padding: 0 2rem; */
/*     gap: 2rem; */
/* } */
/*  */
/* .navbar-left { */
/*     flex: 0 0 auto; */
/* } */
/*  */
/* .gym-name { */
/*     font-size: 1.8rem; */
/*     font-weight: bold; */
/*     color: var(--accent-color); */
/*     text-shadow: 0 2px 10px rgba(233, 69, 96, 0.3); */
/*     white-space: nowrap; */
/* } */
/*  */
/* .navbar-center { */
/*     flex: 1; */
/*     display: flex; */
/*     justify-content: center; */
/*     gap: 1rem; */
/* } */
/*  */
/* .nav-btn { */
/*     background: transparent; */
/*     color: var(--text-light); */
/*     border: none; */
/*     padding: 0.75rem 1.5rem; */
/*     font-size: 1rem; */
/*     font-weight: 600; */
/*     cursor: pointer; */
/*     transition: var(--transition); */
/*     position: relative; */
/*     text-transform: uppercase; */
/*     letter-spacing: 0.5px; */
/* } */
/*  */
/* .nav-btn::after { */
/*     content: ''; */
/*     position: absolute; */
/*     bottom: -3px; */
/*     left: 0; */
/*     width: 0; */
/*     height: 3px; */
/*     background-color: var(--accent-color); */
/*     transition: var(--transition); */
/* } */
/*  */
/* .nav-btn:hover, */
/* .nav-btn.active { */
/*     color: var(--accent-color); */
/* } */
/*  */
/* .nav-btn.active::after { */
/*     width: 100%; */
/* } */
/*  */
/* .navbar-right { */
/*     flex: 0 0 auto; */
/* } */
/*  */
/* .profile-img { */
/*     width: 50px; */
/*     height: 50px; */
/*     border-radius: 50%; */
/*     border: 3px solid var(--accent-color); */
/*     cursor: pointer; */
/*     transition: var(--transition); */
/*     object-fit: cover; */
/* } */
/*  */
/* .profile-img:hover { */
/*     transform: scale(1.1); */
/*     box-shadow: 0 0 15px rgba(233, 69, 96, 0.5); */
/* } */
/*  */
/* CONTAINER */
/* .container { */
/*     max-width: 1400px; */
/*     margin: 0 auto; */
/*     padding: 2rem; */
/*     min-height: calc(100vh - 180px); */
/* } */
/*  */
/* TAB CONTENT */
/* .tab-content { */
/*     display: none; */
/*     animation: fadeIn 0.5s ease; */
/* } */
/*  */
/* .tab-content.active { */
/*     display: block; */
/* } */
/*  */
/* @keyframes fadeIn { */
/*     from { */
/*         opacity: 0; */
/*         transform: translateY(10px); */
/*     } */
/*     to { */
/*         opacity: 1; */
/*         transform: translateY(0); */
/*     } */
/* } */
/*  */
/* PRINCIPAL SECTION */
/* .hero-section { */
/*     position: relative; */
/*     margin-bottom: 3rem; */
/*     border-radius: 15px; */
/*     overflow: hidden; */
/*     box-shadow: 0 10px 40px rgba(233, 69, 96, 0.2); */
/* } */
/*  */
/* .hero-img { */
/*     width: 100%; */
/*     height: 400px; */
/*     object-fit: cover; */
/*     display: block; */
/* } */
/*  */
/* .hero-overlay { */
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
/*     right: 0; */
/*     bottom: 0; */
/*     background: linear-gradient(135deg, rgba(26, 26, 46, 0.6) 0%, rgba(233, 69, 96, 0.3) 100%); */
/*     display: flex; */
/*     flex-direction: column; */
/*     justify-content: center; */
/*     align-items: center; */
/*     color: var(--text-color); */
/*     text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); */
/* } */
/*  */
/* .hero-overlay h2 { */
/*     font-size: 3rem; */
/*     margin-bottom: 1rem; */
/*     font-weight: 900; */
/* } */
/*  */
/* .hero-overlay p { */
/*     font-size: 1.5rem; */
/*     letter-spacing: 2px; */
/* } */
/*  */
/* .about-section, */
/* .competitions-section { */
/*     margin: 3rem 0; */
/*     padding: 2rem; */
/*     background: linear-gradient(135deg, var(--card-bg) 0%, var(--secondary-color) 100%); */
/*     border-radius: 15px; */
/*     border-left: 5px solid var(--accent-color); */
/*     box-shadow: 0 5px 20px rgba(233, 69, 96, 0.1); */
/* } */
/*  */
/* .about-section h2, */
/* .competitions-section h2 { */
/*     font-size: 2.2rem; */
/*     margin-bottom: 1.5rem; */
/*     color: var(--accent-color); */
/* } */
/*  */
/* .about-section p { */
/*     font-size: 1.1rem; */
/*     line-height: 1.8; */
/*     color: var(--text-light); */
/* } */
/*  */
/* COMPETITIONS GRID */
/* .competitions-grid { */
/*     display: grid; */
/*     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); */
/*     gap: 2rem; */
/*     margin-top: 2rem; */
/* } */
/*  */
/* .competition-card { */
/*     background: rgba(0, 0, 0, 0.3); */
/*     padding: 2rem; */
/*     border-radius: 10px; */
/*     border: 2px solid var(--accent-color); */
/*     transition: var(--transition); */
/*     cursor: pointer; */
/*     text-decoration: none; */
/*     display: block; */
/*     color: inherit; */
/* } */
/*  */
/* .competition-card:hover { */
/*     transform: translateY(-5px); */
/*     box-shadow: 0 8px 25px rgba(233, 69, 96, 0.3); */
/*     background: rgba(233, 69, 96, 0.1); */
/* } */
/*  */
/* .competition-card h3 { */
/*     color: var(--accent-color); */
/*     margin-bottom: 1rem; */
/*     font-size: 1.3rem; */
/* } */
/*  */
/* .competition-card p { */
/*     color: var(--text-light); */
/*     margin: 0.5rem 0; */
/* } */
/*  */
/* .competition-link-text { */
/*     color: var(--accent-color); */
/*     font-weight: 600; */
/*     margin-top: 1rem !important; */
/*     font-size: 1rem; */
/* } */
/*  */
/* SECTION TITLES */
/* .section-title { */
/*     font-size: 2.5rem; */
/*     text-align: center; */
/*     margin-bottom: 1rem; */
/*     color: var(--accent-color); */
/*     font-weight: 900; */
/* } */
/*  */
/* .section-subtitle { */
/*     text-align: center; */
/*     color: var(--text-light); */
/*     font-size: 1.1rem; */
/*     margin-bottom: 3rem; */
/* } */
/*  */
/* CLASSES GRID */
/* .classes-grid { */
/*     display: grid; */
/*     grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); */
/*     gap: 2rem; */
/*     margin: 2rem 0; */
/* } */
/*  */
/* .class-card { */
/*     background: linear-gradient(135deg, var(--card-bg) 0%, var(--secondary-color) 100%); */
/*     border-radius: 15px; */
/*     border: 2px solid var(--accent-color); */
/*     transition: var(--transition); */
/*     cursor: pointer; */
/*     position: relative; */
/*     overflow: hidden; */
/*     display: flex; */
/*     flex-direction: column; */
/* } */
/*  */
/* .class-image { */
/*     width: 100%; */
/*     height: 200px; */
/*     object-fit: cover; */
/*     display: block; */
/* } */
/*  */
/* .class-card::before { */
/*     content: ''; */
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
/*     right: 0; */
/*     bottom: 0; */
/*     background: linear-gradient(135deg, transparent 0%, rgba(233, 69, 96, 0.1) 100%); */
/*     opacity: 0; */
/*     transition: var(--transition); */
/*     z-index: 0; */
/* } */
/*  */
/* .class-card:hover { */
/*     transform: translateY(-10px); */
/*     box-shadow: 0 15px 40px rgba(233, 69, 96, 0.3); */
/*     border-color: #ff6b7a; */
/* } */
/*  */
/* .class-card:hover::before { */
/*     opacity: 1; */
/* } */
/*  */
/* .class-icon { */
/*     font-size: 3rem; */
/*     margin-bottom: 1rem; */
/* } */
/*  */
/* .class-card h3 { */
/*     font-size: 1.5rem; */
/*     margin-bottom: 1rem; */
/*     color: var(--accent-color); */
/*     padding: 0 2rem; */
/*     padding-top: 1rem; */
/*     position: relative; */
/*     z-index: 1; */
/* } */
/*  */
/* .class-card .class-preview { */
/*     color: var(--text-light); */
/*     line-height: 1.7; */
/*     font-size: 0.95rem; */
/*     padding: 0 2rem; */
/*     position: relative; */
/*     z-index: 1; */
/*     margin-bottom: 1rem; */
/* } */
/*  */
/* .class-details { */
/*     padding: 0 2rem; */
/*     position: relative; */
/*     z-index: 1; */
/*     animation: slideDown 0.3s ease; */
/* } */
/*  */
/* .class-details p { */
/*     color: var(--text-light); */
/*     margin: 0.8rem 0; */
/*     font-size: 0.9rem; */
/*     line-height: 1.6; */
/* } */
/*  */
/* .class-details p strong { */
/*     color: var(--accent-color); */
/* } */
/*  */
/* @keyframes slideDown { */
/*     from { */
/*         opacity: 0; */
/*         max-height: 0; */
/*     } */
/*     to { */
/*         opacity: 1; */
/*         max-height: 500px; */
/*     } */
/* } */
/*  */
/* .learn-more-btn { */
/*     background: linear-gradient(135deg, var(--accent-color) 0%, #ff6b7a 100%); */
/*     color: white; */
/*     border: none; */
/*     padding: 0.75rem 1.5rem; */
/*     border-radius: 25px; */
/*     cursor: pointer; */
/*     font-weight: 600; */
/*     transition: var(--transition); */
/*     position: relative; */
/*     z-index: 1; */
/*     margin: 1rem 2rem 2rem 2rem; */
/*     align-self: flex-start; */
/* } */
/*  */
/* .learn-more-btn:hover { */
/*     transform: scale(1.05); */
/*     box-shadow: 0 5px 20px rgba(233, 69, 96, 0.4); */
/* } */
/*  */
/* CONTACT SECTION */
/* .contact-container { */
/*     margin: 2rem 0; */
/* } */
/*  */
/* .contact-grid { */
/*     display: grid; */
/*     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); */
/*     gap: 2rem; */
/*     margin-bottom: 3rem; */
/* } */
/*  */
/* .contact-card { */
/*     background: linear-gradient(135deg, var(--card-bg) 0%, var(--secondary-color) 100%); */
/*     padding: 2rem; */
/*     border-radius: 15px; */
/*     border: 2px solid var(--accent-color); */
/*     text-align: center; */
/*     transition: var(--transition); */
/* } */
/*  */
/* .contact-card:hover { */
/*     transform: translateY(-10px); */
/*     box-shadow: 0 15px 40px rgba(233, 69, 96, 0.3); */
/* } */
/*  */
/* .contact-icon { */
/*     font-size: 2.5rem; */
/*     margin-bottom: 1rem; */
/* } */
/*  */
/* .contact-icon-img { */
/*     width: 48px; */
/*     height: 48px; */
/*     margin: 0 auto 1rem auto; */
/*     display: block; */
/*     object-fit: contain; */
/* } */
/*  */
/* .contact-card h3 { */
/*     color: var(--accent-color); */
/*     margin-bottom: 1rem; */
/*     font-size: 1.3rem; */
/* } */
/*  */
/* .contact-card p { */
/*     color: var(--text-light); */
/*     margin: 0.5rem 0; */
/* } */
/*  */
/* .contact-link { */
/*     display: inline-block; */
/*     margin-top: 1rem; */
/*     color: var(--accent-color); */
/*     text-decoration: none; */
/*     font-weight: 600; */
/*     padding: 0.5rem 1rem; */
/*     border: 2px solid var(--accent-color); */
/*     border-radius: 20px; */
/*     transition: var(--transition); */
/* } */
/*  */
/* .contact-link:hover { */
/*     background: var(--accent-color); */
/*     color: var(--primary-color); */
/*     transform: scale(1.05); */
/* } */
/*  */
/* SCHEDULE SECTION */
/* .schedule-section { */
/*     background: linear-gradient(135deg, var(--card-bg) 0%, var(--secondary-color) 100%); */
/*     padding: 2rem; */
/*     border-radius: 15px; */
/*     border-left: 5px solid var(--accent-color); */
/* } */
/*  */
/* .schedule-section h3 { */
/*     color: var(--accent-color); */
/*     margin-bottom: 2rem; */
/*     font-size: 1.5rem; */
/* } */
/*  */
/* .schedule-grid { */
/*     display: grid; */
/*     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
/*     gap: 1.5rem; */
/* } */
/*  */
/* .schedule-item { */
/*     background: rgba(0, 0, 0, 0.3); */
/*     padding: 1.5rem; */
/*     border-radius: 10px; */
/*     border: 2px solid var(--accent-color); */
/*     display: flex; */
/*     flex-direction: column; */
/*     justify-content: center; */
/* } */
/*  */
/* .day { */
/*     color: var(--accent-color); */
/*     font-weight: 700; */
/*     font-size: 1.1rem; */
/*     margin-bottom: 0.5rem; */
/* } */
/*  */
/* .time { */
/*     color: var(--text-light); */
/*     font-size: 1rem; */
/* } */
/*  */
/* FOOTER */
/* .footer { */
/*     background: var(--secondary-color); */
/*     padding: 2rem; */
/*     text-align: center; */
/*     color: var(--text-light); */
/*     border-top: 3px solid var(--accent-color); */
/*     margin-top: 4rem; */
/* } */
/*  */
/* RESPONSIVE */
/* @media (max-width: 768px) { */
/*     .navbar-container { */
/*         flex-direction: column; */
/*         gap: 1rem; */
/*         padding: 1rem; */
/*     } */
/*  */
/*     .navbar-center { */
/*         flex-wrap: wrap; */
/*         gap: 0.5rem; */
/*     } */
/*  */
/*     .nav-btn { */
/*         padding: 0.5rem 1rem; */
/*         font-size: 0.85rem; */
/*     } */
/*  */
/*     .gym-name { */
/*         font-size: 1.3rem; */
/*     } */
/*  */
/*     .hero-overlay h2 { */
/*         font-size: 1.8rem; */
/*     } */
/*  */
/*     .hero-overlay p { */
/*         font-size: 1rem; */
/*     } */
/*  */
/*     .section-title { */
/*         font-size: 1.8rem; */
/*     } */
/*  */
/*     .container { */
/*         padding: 1rem; */
/*     } */
/*  */
/*     .classes-grid, */
/*     .competitions-grid, */
/*     .contact-grid { */
/*         grid-template-columns: 1fr; */
/*     } */
/* } */
/*  */
/* @media (max-width: 480px) { */
/*     .profile-img { */
/*         width: 40px; */
/*         height: 40px; */
/*     } */
/*  */
/*     .gym-name { */
/*         font-size: 1rem; */
/*     } */
/*  */
/*     .nav-btn { */
/*         padding: 0.5rem 0.75rem; */
/*         font-size: 0.75rem; */
/*     } */
/*  */
/*     .hero-img { */
/*         height: 250px; */
/*     } */
/*  */
/*     .hero-overlay h2 { */
/*         font-size: 1.5rem; */
/*         margin-bottom: 0.5rem; */
/*     } */
/*  */
/*     .hero-overlay p { */
/*         font-size: 0.9rem; */
/*     } */
/* } */