.navbar-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0fcc;border-bottom:1px solid #2a2a2a;position:sticky;top:0}.navbar-header .navbar-container{justify-content:space-between;align-items:center;max-width:80rem;height:4rem;margin:0 auto;padding:0 1.25rem;display:flex}.navbar-logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.navbar-logo .logo-icon{background:var(--primary);border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.navbar-logo .logo-icon img{width:100%;height:auto;color:var(--text)}.navbar-logo .logo-text{color:var(--text);font-size:1.125rem;font-weight:700}.desktop-nav{display:none}@media (width>=768px){.desktop-nav{align-items:center;gap:2rem;display:flex}}.desktop-nav .nav-link{color:#d1d5db;font-size:.875rem;text-decoration:none;transition:color .2s}.desktop-nav .nav-link:hover{color:var(--text)}.desktop-cta{display:none}@media (width>=640px){.desktop-cta{background:var(--primary);color:var(--text);border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.desktop-cta:hover{opacity:.9}.desktop-cta svg{width:1rem;height:1rem}}.mobile-menu-btn{cursor:pointer;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}@media (width>=768px){.mobile-menu-btn{display:none}}.mobile-menu-btn svg{width:1.25rem;height:1.25rem}.mobile-nav{border-top:1px solid #2a2a2a;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}@media (width>=768px){.mobile-nav{display:none}}.mobile-nav .mobile-nav-link{color:#d1d5db;padding:.5rem 0;font-size:.875rem;text-decoration:none;transition:color .2s}.mobile-nav .mobile-nav-link:hover{color:var(--text)}.navbar-right{align-items:center;gap:.75rem;display:flex}.hero-section{background-color:#0000;background-image:linear-gradient(#0f0f0fa6,#0f0f0fb3,#050505),url(/assets/gymcityhero-Xekm6M6r.jpg);background-position:0 0,0 0;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative;overflow:hidden}.hero-section .hero-backdrop{position:absolute;inset:0}.hero-section .hero-backdrop img{object-fit:cover;width:100%;height:100%}.hero-section .hero-backdrop .overlay{background:linear-gradient(#0f0f0fd9,#0f0f0fcc,#0f0f0f);position:absolute;inset:0}.hero-section .hero-content{text-align:center;max-width:80rem;margin:0 auto;padding:5rem 1.25rem 3rem;position:relative}.hero-section .hero-content .badge{color:var(--primary);background:#ff5c001a;border:1px solid #ff5c004d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;display:inline-flex}.hero-section .hero-content .badge svg{width:.75rem;height:.75rem}.hero-section .hero-content h1{color:#fff;max-width:56rem;margin:0 auto;font-size:2.25rem;font-weight:700;line-height:1.2}@media (width>=768px){.hero-section .hero-content h1{font-size:3.75rem}}.hero-section .hero-content h1 .highlight{color:var(--primary)}.hero-section .hero-content .description{color:var(--text-light);max-width:42rem;margin-top:1.25rem;margin-left:auto;margin-right:auto;font-size:1rem}@media (width>=768px){.hero-section .hero-content .description{font-size:1.125rem}}.hero-section .hero-content .cta-buttons{flex-direction:column;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}@media (width>=640px){.hero-section .hero-content .cta-buttons{flex-direction:row}}.hero-section .hero-content .cta-buttons .btn-primary{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s;display:inline-flex}.hero-section .hero-content .cta-buttons .btn-primary:hover{opacity:.9}.hero-section .hero-content .cta-buttons .btn-secondary{color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.hero-section .hero-content .cta-buttons .btn-secondary:hover{background:#ffffff1a}.hero-section .hero-content .features-row{color:var(--text-light);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;font-size:.75rem;display:flex}.hero-section .hero-content .features-row .feature-item{align-items:center;gap:.25rem;display:flex}.hero-section .hero-content .features-row .feature-item .green-icon{color:var(--success);width:1rem;height:1rem}.hero-section .hero-content .features-row .feature-item .orange-icon{color:var(--primary);width:1rem;height:1rem}.hero-section .hero-content .features-row .feature-item .blue-icon{color:#60a5fa;width:1rem;height:1rem}.hero-section .demo-area{max-width:80rem;margin:0 auto;padding:0 1.25rem 5rem;position:relative}.hero-section .demo-area .demo-label{text-align:center;color:var(--text-light);margin-bottom:1rem;font-size:.875rem}.dashboard-demo{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);min-height:300px;color:var(--text-light);text-align:center;justify-content:center;align-items:center;padding:2rem;display:flex}.dashboard-demo p{margin:0}.features-section{max-width:80rem;margin:0 auto;padding:5rem 1.25rem}.features-section .section-header{text-align:center;margin-bottom:3.5rem}.features-section .section-header h2{color:var(--text);margin:0;font-size:1.875rem;font-weight:700}@media (width>=768px){.features-section .section-header h2{font-size:3rem}}.features-section .section-header .subtitle{color:var(--text-light);margin-top:.75rem}.features-section .features-grid{gap:1.25rem;display:grid}@media (width>=768px){.features-section .features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features-section .features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition);overflow:hidden}.feature-card:hover{border-color:#ff5c0066}.feature-card .card-image-wrapper{height:10rem;position:relative;overflow:hidden}.feature-card .card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.feature-card:hover :is(.feature-card .card-image-wrapper img){transform:scale(1.05)}.feature-card .card-image-wrapper .image-gradient{background:linear-gradient(#0000,#1e1e1e66,#1e1e1e);position:absolute;inset:0}.feature-card .card-content{padding:1.25rem}.feature-card .card-content .icon-wrapper{background:#ff5c0026;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;display:flex}.feature-card .card-content .icon-wrapper svg{width:1.25rem;height:1.25rem;color:var(--primary)}.feature-card .card-content h3{color:var(--text);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.feature-card .card-content p{color:var(--text-light);margin:0;font-size:.875rem;line-height:1.5}.dashboard-demo-container{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface);overflow:hidden}.dashboard-demo-container .browser-chrome{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}@media (width<=500px){.dashboard-demo-container .browser-chrome .url-bar{display:none}}.dashboard-demo-container .browser-chrome .window-dots{gap:.375rem;display:flex}.dashboard-demo-container .browser-chrome .window-dots .dot{border-radius:50%;width:.75rem;height:.75rem}.dashboard-demo-container .browser-chrome .window-dots .dot.red{background:#ff5f56}.dashboard-demo-container .browser-chrome .window-dots .dot.yellow{background:#ffbd2e}.dashboard-demo-container .browser-chrome .window-dots .dot.green{background:#27c93f}.dashboard-demo-container .browser-chrome .url-bar{flex:1;margin:0 1rem}.dashboard-demo-container .browser-chrome .url-bar .url-text{color:#9ca3af;text-align:center;background:#0f0f0f;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem}.dashboard-demo-container .dashboard-layout{background:#0f0f0f;min-height:680px;display:flex}@media (width<=850px){.dashboard-demo-container .dashboard-layout{flex-direction:column;min-height:auto}}.dashboard-sidebar{border-right:1px solid var(--border);flex-direction:column;transition:width .3s;display:flex}@media (width<=850px){.dashboard-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%!important}}.dashboard-sidebar.collapsed{width:4rem}@media (width<=850px){.dashboard-sidebar.collapsed{width:100%!important}.dashboard-sidebar.collapsed .sidebar-header{justify-content:space-between}.dashboard-sidebar.collapsed .logo-area .logo-text{display:inline}}.dashboard-sidebar:not(.collapsed){width:13rem}.dashboard-sidebar .sidebar-header{justify-content:space-between;align-items:center;padding:1rem;display:flex}.dashboard-sidebar .sidebar-header .logo-area{align-items:center;gap:.5rem;display:flex;overflow:hidden}.dashboard-sidebar .sidebar-header .logo-area .logo-icon{background:var(--primary);width:2rem;height:2rem;color:var(--text);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.dashboard-sidebar .sidebar-header .logo-area .logo-text{color:var(--text);white-space:nowrap;font-weight:600}.dashboard-sidebar .sidebar-header .collapse-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0}@media (width<=850px){.dashboard-sidebar .sidebar-header .collapse-btn{display:none}}.dashboard-sidebar .sidebar-header .collapse-btn:hover{color:var(--text)}.dashboard-sidebar .sidebar-header .collapse-btn svg{width:1rem;height:1rem;transition:transform .3s}.dashboard-sidebar .sidebar-header .collapse-btn svg.rotated{transform:rotate(180deg)}.dashboard-sidebar nav{flex-direction:column;flex:1;gap:.25rem;margin-top:.5rem;padding:.5rem;display:flex}@media (width<=850px){.dashboard-sidebar nav{scrollbar-width:thin;flex-direction:row;gap:.5rem;padding:.75rem;overflow-x:auto}.dashboard-sidebar nav::-webkit-scrollbar{height:3px}.dashboard-sidebar nav::-webkit-scrollbar-track{background:var(--surface-2);border-radius:3px}.dashboard-sidebar nav::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}}.dashboard-sidebar nav .nav-item{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}@media (width<=850px){.dashboard-sidebar nav .nav-item{white-space:nowrap;width:auto}}.dashboard-sidebar nav .nav-item svg{flex-shrink:0;width:1rem;height:1rem}.dashboard-sidebar nav .nav-item:hover{color:var(--text);background:#222}.dashboard-sidebar nav .nav-item.active{color:var(--primary);border-left:2px solid var(--primary);background:#ff5c0026}@media (width<=850px){.dashboard-sidebar nav .nav-item.active{border-left:none;border-bottom:2px solid var(--primary)}}.dashboard-sidebar .sidebar-footer{padding:.75rem}@media (width<=850px){.dashboard-sidebar .sidebar-footer{display:none}}.dashboard-sidebar .sidebar-footer .active-badge{background:#161616;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.dashboard-sidebar .sidebar-footer .active-badge .green-dot{background:var(--success);border-radius:50%;width:.5rem;height:.5rem}.dashboard-sidebar .sidebar-footer .active-badge span{color:#d1d5db;font-size:.75rem}.dashboard-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard-main .dashboard-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}@media (width<=500px){.dashboard-main .dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}}.dashboard-main .dashboard-header .header-title h2{color:#fff;margin:0;font-size:1.125rem;font-weight:600}@media (width<=500px){.dashboard-main .dashboard-header .header-title h2{font-size:1rem}}.dashboard-main .dashboard-header .header-title p{color:#fff;margin:.25rem 0 0;font-size:.75rem}@media (width<=500px){.dashboard-main .dashboard-header .header-title p{font-size:.7rem}}.dashboard-main .dashboard-header .header-actions{align-items:center;gap:.75rem;display:flex}@media (width<=500px){.dashboard-main .dashboard-header .header-actions{justify-content:space-between;width:100%}}.dashboard-main .dashboard-header .header-actions .add-client-btn{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;display:flex}@media (width<=500px){.dashboard-main .dashboard-header .header-actions .add-client-btn{padding:.4rem .6rem;font-size:.75rem}}.dashboard-main .dashboard-header .header-actions .add-client-btn:hover{opacity:.9}.dashboard-main .dashboard-header .header-actions .add-client-btn svg{width:1rem;height:1rem}.dashboard-main .dashboard-header .header-actions .sun-icon{color:#9ca3af;width:1rem;height:1rem}.dashboard-main .dashboard-header .header-actions .user-profile{align-items:center;gap:.5rem;display:flex}.dashboard-main .dashboard-header .header-actions .user-profile .avatar{background:var(--primary);width:2rem;height:2rem;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.dashboard-main .dashboard-header .header-actions .user-profile .user-name{color:var(--text);font-size:.875rem;display:none}@media (width>=768px){.dashboard-main .dashboard-header .header-actions .user-profile .user-name{display:inline}}.dashboard-main .dashboard-content{padding:1rem;overflow:auto}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.kpi-card .kpi-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.kpi-card .kpi-header .kpi-label{color:var(--text-light);font-size:.75rem}.kpi-card .kpi-header .kpi-icon{width:1rem;height:1rem}.kpi-card .kpi-value{color:var(--text);font-size:1.5rem;font-weight:700}@media (width<=500px){.kpi-card .kpi-value{font-size:1.2rem}}.kpi-card .kpi-sub{color:var(--text-light);margin-top:.25rem;font-size:.75rem}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.glass-card .card-title{color:var(--text);margin-bottom:1rem;font-size:.875rem;font-weight:600}.data-table{width:100%;font-size:.875rem;display:block;overflow-x:auto}@media (width<=850px){.data-table{font-size:.75rem}}@media (width<=500px){.data-table{font-size:.7rem}}.data-table thead{text-align:left;color:var(--text-light);border-bottom:1px solid #2a2a2a}.data-table thead th{padding:.5rem 0}@media (width<=500px){.data-table thead th{padding:.35rem 0}}.data-table tbody{color:var(--text)}.data-table tbody tr{border-bottom:1px solid #2a2a2a}.data-table tbody tr td{padding:.75rem 0}@media (width<=500px){.data-table tbody tr td{padding:.5rem 0}}.status-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem}@media (width<=500px){.status-badge{padding:.1rem .35rem;font-size:.65rem}}.status-badge.active{color:#4ade80;background:#22c55e33}.status-badge.expired{color:#fb923c;background:#f9731633}.attendance-item{background:#161616;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}@media (width<=500px){.attendance-item{gap:.5rem;padding:.5rem}}.attendance-item svg{width:1rem;height:1rem;color:var(--success)}.attendance-item span{color:var(--text);font-size:.875rem}@media (width<=500px){.attendance-item span{font-size:.75rem}}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=850px){.inventory-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.inventory-grid{grid-template-columns:1fr}}@media (width>=768px){.inventory-grid{grid-template-columns:repeat(3,1fr)}}.inventory-grid .inventory-item{background:#161616;border-radius:.5rem;padding:.75rem}.inventory-grid .inventory-item .item-name{color:var(--text);font-size:.875rem;font-weight:500}@media (width<=500px){.inventory-grid .inventory-item .item-name{font-size:.8rem}}.inventory-grid .inventory-item .item-stock{margin-top:.25rem;font-size:.75rem}.inventory-grid .inventory-item .item-stock.ok{color:#4ade80}.inventory-grid .inventory-item .item-stock.low{color:#fb923c}.inventory-grid .inventory-item .item-stock.out{color:#f87171}.client-row,.sale-row{background:#161616;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem;display:flex}@media (width<=500px){.client-row,.sale-row{flex-direction:column;align-items:flex-start;gap:.5rem}}:is(.client-row,.sale-row) .client-info .client-name{color:var(--text);font-size:.875rem}@media (width<=500px){:is(.client-row,.sale-row) .client-info .client-name{font-size:.8rem}}:is(.client-row,.sale-row) .client-info .client-plan{color:var(--text-light);font-size:.75rem}.sale-amount{color:#4ade80;font-size:.875rem;font-weight:500}@media (width<=500px){.sale-amount{font-size:.8rem}}.modal-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay .modal-content{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:28rem;padding:1.5rem}@media (width<=500px){.modal-overlay .modal-content{margin:0 .5rem;padding:1rem}}.modal-overlay .modal-content .modal-header{justify-content:space-between;margin-bottom:1rem;display:flex}.modal-overlay .modal-content .modal-header h3{color:var(--text);margin:0;font-weight:600}@media (width<=500px){.modal-overlay .modal-content .modal-header h3{font-size:1rem}}.modal-overlay .modal-content .modal-header .close-btn{cursor:pointer;background:0 0;border:none;padding:0}.modal-overlay .modal-content .modal-header .close-btn svg{color:#9ca3af;width:1rem;height:1rem}.modal-overlay .modal-content .modal-body{flex-direction:column;gap:.75rem;display:flex}.modal-overlay .modal-content .modal-body .form-field label{color:var(--text-light);font-size:.75rem}.modal-overlay .modal-content .modal-body .form-field input,.modal-overlay .modal-content .modal-body .form-field select{width:100%;color:var(--text);background:#161616;border:1px solid #2a2a2a;border-radius:.5rem;margin-top:.25rem;padding:.5rem .75rem;font-size:.875rem}@media (width<=500px){.modal-overlay .modal-content .modal-body .form-field input,.modal-overlay .modal-content .modal-body .form-field select{padding:.4rem .6rem;font-size:.8rem}}.modal-overlay .modal-content .modal-body .submit-btn{background:var(--primary);width:100%;color:var(--text);cursor:pointer;border:none;border-radius:.5rem;margin-top:.5rem;padding:.5rem;font-weight:500}.modal-overlay .modal-content .modal-body .submit-btn:hover{opacity:.9}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=500px){.grid-cols-2{grid-template-columns:1fr}}.grid-cols-1{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=1024px){.lg-grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.lg-grid-cols-4,.lg-grid-cols-3,.lg-grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.lg-grid-cols-4,.lg-grid-cols-3,.lg-grid-cols-2{grid-template-columns:1fr}}.mb-3{margin-bottom:.75rem}.mt-2{margin-top:.5rem}.final-cta-section{position:relative;overflow:hidden}.final-cta-section .background-wrapper{position:absolute;inset:0}.final-cta-section .background-wrapper .bg-image{object-fit:cover;width:100%;height:100%}.final-cta-section .background-wrapper .bg-overlay{background:#000000b3;position:absolute;inset:0}.final-cta-section .cta-content{text-align:center;max-width:56rem;margin:0 auto;padding:6rem 1.25rem;position:relative}.final-cta-section .cta-content h2{color:var(--text);margin:0;font-size:1.875rem;font-weight:700;line-height:1.2}@media (width>=768px){.final-cta-section .cta-content h2{font-size:3rem}}.final-cta-section .cta-content .cta-description{color:#e5e7eb;max-width:36rem;margin-top:1rem;margin-left:auto;margin-right:auto}.final-cta-section .cta-content .cta-button{background:var(--primary);color:var(--text);border-radius:.5rem;align-items:center;gap:.5rem;margin-top:2rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.final-cta-section .cta-content .cta-button:hover{opacity:.9}.final-cta-section .cta-content .cta-button svg{width:1.25rem;height:1.25rem}.popup{z-index:1500;animation:.4s slideUp;position:fixed;bottom:30px;right:30px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.popup-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:4px solid var(--primary);text-align:center;background:#111111f2;border-radius:24px;width:280px;padding:1.5rem}.popup-close{color:#fff;float:right;cursor:pointer;background:0 0;border:none;font-size:1.2rem}h3{margin:.5rem 0}.popup-btn{background:var(--primary);cursor:pointer;border:none;border-radius:40px;margin-top:1rem;padding:.6rem 1.2rem;font-weight:700}.subHero{flex-direction:column;align-items:center;gap:5px;padding:5rem 1.25rem;display:flex}.subHero h3{font-size:3rem}.subHero .sub-main{align-items:center;gap:3rem;width:80rem;padding:20px 0;display:flex}.subHero .sub-main .img{width:50%}.subHero .sub-main .img img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1px solid var(--border)}.subHero .sub-main .img img:hover{border:1px solid var(--primary)}.subHero .sub-main .text{width:50%}.subHero .sub-main .text p{color:var(--text-light);margin-bottom:20px;font-size:1rem;line-height:1.5}.subHero .sub-main .text button{background-color:var(--primary);color:#fff;border:none;border-radius:50px;padding:10px 40px;font-weight:700}@media screen and (width<=750px){.subHero h1{text-align:center}.subHero .sub-main{flex-direction:column;padding:20px}.subHero .sub-main .img,.subHero .sub-main .text{width:100%!important}}.problem-solution-section{max-width:80rem;margin:0 auto;padding:5rem 1.25rem}.problem-solution-section .section-header{text-align:center;margin-bottom:3.5rem}.problem-solution-section .section-header h2{color:var(--text);margin:0;font-size:1.875rem;font-weight:700}@media (width>=768px){.problem-solution-section .section-header h2{font-size:3rem}}.problem-solution-section .section-header .subtitle{color:var(--text-light);max-width:42rem;margin-top:.75rem;margin-left:auto;margin-right:auto}.problem-solution-section .solutions-grid{gap:2rem;display:grid}@media (width>=768px){.problem-solution-section .solutions-grid{grid-template-columns:repeat(2,1fr)}}.old-way-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}.old-way-card .card-image{object-fit:cover;width:100%;height:18rem}.old-way-card .image-overlay{position:absolute;inset:0}.old-way-card .card-content{padding:1.5rem;position:relative}.old-way-card .card-content h3{color:var(--text);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.old-way-card .card-content .pain-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.old-way-card .card-content .pain-list li{color:var(--text);align-items:flex-start;gap:.5rem;display:flex}.old-way-card .card-content .pain-list li svg{color:#f87171;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.old-way-card .card-content .pain-list li span{line-height:1.4}.old-way-card .stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem;padding:0 1.5rem 1.5rem;display:grid}.old-way-card .stats-grid .stat-card{background:#161616;border-radius:.5rem;padding:.75rem}.old-way-card .stats-grid .stat-card .stat-value{font-size:1.5rem;font-weight:700}.old-way-card .stats-grid .stat-card .stat-value.orange{color:var(--primary)}.old-way-card .stats-grid .stat-card .stat-value.green{color:var(--success)}.old-way-card .stats-grid .stat-card .stat-value.blue{color:#60a5fa}.old-way-card .stats-grid .stat-card .stat-label{color:var(--text-light);margin-top:.25rem;font-size:.75rem}.gympilot-way-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.gympilot-way-card .card-image{object-fit:cover;width:100%;height:18rem}.gympilot-way-card .card-content{padding:1.5rem;position:relative}.gympilot-way-card .card-content h3{color:var(--text);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.gympilot-way-card .card-content .solution-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.gympilot-way-card .card-content .solution-list li{color:var(--text);align-items:flex-start;gap:.5rem;display:flex}.gympilot-way-card .card-content .solution-list li svg{width:1.25rem;height:1.25rem;color:var(--success);flex-shrink:0;margin-top:.125rem}.gympilot-way-card .card-content .solution-list li span{line-height:1.4}.gympilot-way-card .stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem;padding:0 1.5rem 1.5rem;display:grid}.gympilot-way-card .stats-grid .stat-card{background:#161616;border-radius:.5rem;padding:.75rem}.gympilot-way-card .stats-grid .stat-card .stat-value{font-size:1.5rem;font-weight:700}.gympilot-way-card .stats-grid .stat-card .stat-value.orange{color:var(--primary)}.gympilot-way-card .stats-grid .stat-card .stat-value.green{color:var(--success)}.gympilot-way-card .stats-grid .stat-card .stat-value.blue{color:#60a5fa}.gympilot-way-card .stats-grid .stat-card .stat-label{color:var(--text-light);margin-top:.25rem;font-size:.75rem}.sms-showcase-section{padding:5rem 1.25rem;position:relative;overflow:hidden}.sms-showcase-section .background-gradient{background:linear-gradient(to bottom right,#ff5c001a,#0000,#0000);position:absolute;inset:0}.sms-showcase-section .showcase-container{align-items:center;gap:3rem;max-width:80rem;margin:0 auto;display:grid;position:relative}@media (width>=768px){.sms-showcase-section .showcase-container{grid-template-columns:repeat(2,1fr)}}.image-column{position:relative}.image-column .main-image{object-fit:cover;border-radius:var(--radius);width:100%;height:24rem}.image-column .floating-card{background:var(--surface);border-radius:var(--radius);width:18rem;box-shadow:var(--shadow);border:1px solid var(--border);padding:1rem;position:absolute;bottom:-1.5rem;right:-.5rem}@media (width>=768px){.image-column .floating-card{right:1.5rem}}.image-column .floating-card .card-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.image-column .floating-card .card-header .avatar{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.image-column .floating-card .card-header .avatar svg{width:1rem;height:1rem;color:var(--text)}.image-column .floating-card .card-header .sender-info .sender-name{color:var(--text);margin:0;font-size:.75rem;font-weight:600}.image-column .floating-card .card-header .sender-info .timestamp{color:var(--text-light);margin:0;font-size:.625rem}.image-column .floating-card .message-text{color:var(--text);margin:0;font-size:.875rem;line-height:1.4}.content-column h2{color:var(--text);margin:0 0 1rem;font-size:1.875rem;font-weight:700}@media (width>=768px){.content-column h2{font-size:3rem}}.content-column .description{color:var(--text-light);margin-bottom:2rem}.content-column .steps-list{flex-direction:column;gap:1rem;display:flex}.content-column .steps-list .step-item{align-items:flex-start;gap:.75rem;display:flex}.content-column .steps-list .step-item .step-icon{background:#ff5c0026;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.content-column .steps-list .step-item .step-icon svg{width:1.25rem;height:1.25rem;color:var(--primary)}.content-column .steps-list .step-item .step-content .step-title{color:var(--text);margin:0 0 .125rem;font-weight:600}.content-column .steps-list .step-item .step-content .step-description{color:var(--text-light);margin:0;font-size:.875rem}.content-column .stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:2rem;display:grid}.content-column .stats-grid .stat-card{background:var(--surface);text-align:center;border:1px solid var(--border);border-radius:.75rem;padding:.75rem}.content-column .stats-grid .stat-card .stat-value{font-size:1.25rem;font-weight:700}.content-column .stats-grid .stat-card .stat-value.orange{color:var(--primary)}.content-column .stats-grid .stat-card .stat-value.green{color:var(--success)}.content-column .stats-grid .stat-card .stat-value.blue{color:#60a5fa}.content-column .stats-grid .stat-card .stat-label{color:var(--text-light);margin-top:.25rem;font-size:.75rem}.testimonials-section{padding:5rem 1.25rem;position:relative;overflow:hidden}.testimonials-section .background-wrapper{position:absolute;inset:0}.testimonials-section .background-wrapper .bg-image{object-fit:cover;width:100%;height:100%}.testimonials-section .background-wrapper .bg-overlay{background:#0f0f0fe6;position:absolute;inset:0}.testimonials-section .testimonials-container{max-width:80rem;margin:0 auto;position:relative}.testimonials-header{text-align:center;margin-bottom:3rem}.testimonials-header h2{color:var(--text);margin:0;font-size:1.875rem;font-weight:700}@media (width>=768px){.testimonials-header h2{font-size:3rem}}.testimonials-header .subtitle{color:var(--text-light);margin-top:.75rem}.testimonials-grid{gap:1.25rem;display:grid}@media (width>=768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition);padding:1.5rem}.testimonial-card:hover{border-color:#ff5c004d;transform:translateY(-4px)}.testimonial-card .stars{align-items:center;gap:.25rem;margin-bottom:.75rem;display:flex}.testimonial-card .stars svg{width:1rem;height:1rem;fill:var(--primary);color:var(--primary)}.testimonial-card .quote{color:#e5e7eb;margin:0 0 1.25rem;font-size:.875rem;line-height:1.6}.testimonial-card .author{align-items:center;gap:.75rem;display:flex}.testimonial-card .author .author-image{object-fit:cover;border:2px solid #ff5c0066;border-radius:50%;width:3.5rem;height:3.5rem}.testimonial-card .author .author-info .author-name{color:var(--text);margin:0 0 .125rem;font-size:.875rem;font-weight:600}.testimonial-card .author .author-info .author-title{color:var(--text-light);margin:0;font-size:.75rem}.pricing-section{max-width:64rem;margin:0 auto;padding:5rem 1.25rem}.pricing-section .pricing-header{text-align:center;margin-bottom:3rem}.pricing-section .pricing-header h2{color:var(--text);margin:0;font-size:1.875rem;font-weight:700}@media (width>=768px){.pricing-section .pricing-header h2{font-size:3rem}}.pricing-section .pricing-header .subtitle{color:var(--text-light);margin-top:.75rem}.pricing-section .pricing-grid{gap:1.25rem;display:grid}@media (width>=768px){.pricing-section .pricing-grid{grid-template-columns:repeat(2,1fr)}}.pricing-section .footer-note{text-align:center;color:var(--text-light);margin-top:1.5rem;font-size:.75rem}.plan-card{background:var(--surface);border-radius:var(--radius);border:1px solid #fff3;padding:2rem}.plan-card .plan-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.plan-card .price-section{align-items:baseline;gap:.25rem;margin-top:.75rem;display:flex}.plan-card .price-section .price{color:var(--text);font-size:2.25rem;font-weight:700}.plan-card .price-section .period{color:var(--text-light)}.plan-card .price-note{color:var(--text-light);margin-top:.25rem;font-size:.875rem}.plan-card .features-list{flex-direction:column;gap:.5rem;margin-top:1.5rem;padding:0;list-style:none;display:flex}.plan-card .features-list li{color:#e5e7eb;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.plan-card .features-list li svg{width:1rem;height:1rem;color:var(--success)}.plan-card .cta-button{width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:.5rem;margin-top:2rem;padding:.75rem;font-weight:600;transition:background .2s}.plan-card .cta-button:hover{background:#ffffff1a}.yearly-plan-card{border-radius:var(--radius);border:2px solid var(--primary);box-shadow:var(--shadow);background:#1e1e1e;padding:2rem;position:relative}.yearly-plan-card .best-value-badge{background:var(--primary);color:var(--text);white-space:nowrap;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.yearly-plan-card .plan-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.yearly-plan-card .price-section{align-items:baseline;gap:.25rem;margin-top:.75rem;display:flex}.yearly-plan-card .price-section .price{color:var(--text);font-size:2.25rem;font-weight:700}.yearly-plan-card .price-section .period{color:var(--text-light)}.yearly-plan-card .price-note{color:var(--text-light);margin-top:.25rem;font-size:.875rem}.yearly-plan-card .features-list{flex-direction:column;gap:.5rem;margin-top:1.5rem;padding:0;list-style:none;display:flex}.yearly-plan-card .features-list li{color:#e5e7eb;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.yearly-plan-card .features-list li svg{width:1rem;height:1rem;color:var(--primary)}.yearly-plan-card .cta-button{background:var(--primary);width:100%;color:var(--text);cursor:pointer;border:none;border-radius:.5rem;margin-top:2rem;padding:.75rem;font-weight:600;transition:opacity .2s}.yearly-plan-card .cta-button:hover{opacity:.9}.footer{border-top:1px solid #2a2a2a;padding:3rem 1.25rem}.footer .footer-container{align-items:start;gap:2rem;max-width:80rem;margin:0 auto;display:grid}@media (width>=768px){.footer .footer-container{grid-template-columns:repeat(3,1fr)}}.footer .footer-brand .logo{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.footer .footer-brand .logo .logo-icon{background:var(--primary);border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.footer .footer-brand .logo .logo-icon svg{width:1rem;height:1rem;color:var(--text)}.footer .footer-brand .logo .logo-text{color:var(--text);font-size:1.125rem;font-weight:700}.footer .footer-brand .brand-description{color:var(--text-light);margin:0;font-size:.875rem}.footer .footer-links{gap:2rem;font-size:.875rem;display:flex}.footer .footer-links a{color:var(--text-light);text-decoration:none;transition:color .2s}.footer .footer-links a:hover{color:var(--text)}.footer .social-links{gap:.75rem;display:flex}@media (width>=768px){.footer .social-links{justify-content:flex-end}}.footer .social-links .social-link{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .2s;display:flex}.footer .social-links .social-link:hover{background:#ff5c001a;border-color:#ff5c0066}.footer .social-links .social-link svg{color:#d1d5db;width:1rem;height:1rem}.footer .copyright{text-align:center;color:var(--text-light);margin-top:2.5rem;margin-bottom:0;font-size:.75rem}.contact-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:56rem;max-height:90vh;box-shadow:var(--shadow);animation:.4s slideUp;position:relative;overflow-y:auto}.contact-modal::-webkit-scrollbar{width:6px}.contact-modal::-webkit-scrollbar-track{background:var(--surface-2);border-radius:3px}.contact-modal::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.contact-modal .modal-close{border:1px solid var(--border);cursor:pointer;z-index:10;width:2rem;height:2rem;transition:var(--transition);background:#ffffff0d;border-radius:.5rem;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.contact-modal .modal-close:hover{border-color:var(--primary);background:#ff5c0026}.contact-modal .modal-close:hover svg{color:var(--primary)}.contact-modal .modal-close svg{width:1rem;height:1rem;color:var(--text-light);transition:var(--transition)}.contact-modal .modal-content{display:grid}@media (width>=768px){.contact-modal .modal-content{grid-template-columns:1fr 1fr}}.contact-info{border-right:1px solid var(--border);background:linear-gradient(135deg,#ff5c001a,#ff5c0005);padding:2rem}@media (width<=767px){.contact-info{border-right:none;border-bottom:1px solid var(--border)}}.contact-info .info-header{margin-bottom:2rem}.contact-info .info-header .logo{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.contact-info .info-header .logo .logo-icon{background:var(--primary);border-radius:.8rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.contact-info .info-header .logo .logo-icon img{border-radius:.75rem;width:100%}.contact-info .info-header .logo .logo-text{color:var(--text);font-size:1.25rem;font-weight:700}.contact-info .info-header h2{color:var(--text);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.contact-info .info-header p{color:var(--text-light);margin:0;font-size:.875rem;line-height:1.5}.contact-info .contact-details{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.contact-info .contact-details .detail-item{border:1px solid var(--border);transition:var(--transition);background:#ffffff08;border-radius:.75rem;align-items:center;gap:1rem;padding:.75rem;display:flex}.contact-info .contact-details .detail-item:hover{background:#ff5c000d;border-color:#ff5c004d}.contact-info .contact-details .detail-item .detail-icon{background:#ff5c0026;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.contact-info .contact-details .detail-item .detail-icon svg{width:1.25rem;height:1.25rem;color:var(--primary)}.contact-info .contact-details .detail-item .detail-content .detail-label{color:var(--text-light);margin:0 0 .125rem;font-size:.75rem}.contact-info .contact-details .detail-item .detail-content .detail-value{color:var(--text);margin:0;font-size:.875rem;font-weight:500}.contact-info .social-section h4{color:var(--text);margin:0 0 .75rem;font-size:.875rem}.contact-info .social-section .social-icons{gap:.75rem;display:flex}.contact-info .social-section .social-icons .social-link{border:1px solid var(--border);width:2.25rem;height:2.25rem;transition:var(--transition);background:#ffffff0d;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.contact-info .social-section .social-icons .social-link:hover{background:var(--primary);border-color:var(--primary)}.contact-info .social-section .social-icons .social-link:hover svg{color:var(--text)}.contact-info .social-section .social-icons .social-link svg{width:1rem;height:1rem;color:var(--text-light);transition:var(--transition)}.contact-form-wrapper{padding:2rem}.contact-form-wrapper h3{color:var(--text);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.contact-form-wrapper .form-subtitle{color:var(--text-light);margin-bottom:1.5rem;font-size:.875rem}.contact-form-wrapper .contact-form{flex-direction:column;gap:1.25rem;display:flex}.contact-form-wrapper .contact-form .form-row{gap:1rem;display:grid}@media (width>=480px){.contact-form-wrapper .contact-form .form-row{grid-template-columns:1fr 1fr}}.contact-form-wrapper .contact-form .form-group{flex-direction:column;gap:.5rem;display:flex}.contact-form-wrapper .contact-form .form-group label{color:var(--text-light);font-size:.75rem;font-weight:500}.contact-form-wrapper .contact-form .form-group label .required{color:var(--danger);margin-left:.25rem}.contact-form-wrapper .contact-form .form-group input,.contact-form-wrapper .contact-form .form-group select,.contact-form-wrapper .contact-form .form-group textarea{border:1px solid var(--border);color:var(--text);transition:var(--transition);background:#ffffff08;border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem}:is(.contact-form-wrapper .contact-form .form-group input,.contact-form-wrapper .contact-form .form-group select,.contact-form-wrapper .contact-form .form-group textarea):focus{border-color:var(--primary);background:#ff5c000d;outline:none}:is(.contact-form-wrapper .contact-form .form-group input,.contact-form-wrapper .contact-form .form-group select,.contact-form-wrapper .contact-form .form-group textarea)::placeholder{color:#b5b5b580}.contact-form-wrapper .contact-form .form-group textarea{resize:vertical;min-height:6rem}.contact-form-wrapper .contact-form .submit-btn{background:var(--primary);color:var(--text);cursor:pointer;transition:var(--transition);border:none;border-radius:.5rem;margin-top:.5rem;padding:.875rem 1.5rem;font-weight:600}.contact-form-wrapper .contact-form .submit-btn:hover{opacity:.9;transform:translateY(-1px)}.contact-form-wrapper .contact-form .submit-btn:active{transform:translateY(0)}.contact-form-wrapper .success-message{text-align:center;padding:2rem}.contact-form-wrapper .success-message .success-icon{background:#17c96426;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}.contact-form-wrapper .success-message .success-icon svg{width:2rem;height:2rem;color:var(--success)}.contact-form-wrapper .success-message h4{color:var(--text);margin:0 0 .5rem;font-size:1.25rem}.contact-form-wrapper .success-message p{color:var(--text-light);margin:0 0 1.5rem;font-size:.875rem}.contact-form-wrapper .success-message .close-success-btn{background:var(--primary);color:var(--text);cursor:pointer;transition:var(--transition);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600}.contact-form-wrapper .success-message .close-success-btn:hover{opacity:.9}:root{--primary:#ff5c00;--primary-dark:#cc4800;--secondary:#101010;--bg:#050505;--surface:#111;--surface-2:#1a1a1a;--text:#fff;--text-light:#b5b5b5;--success:#17c964;--danger:#ff4d4d;--border:#ffffff14;--shadow:0 20px 60px #00000073;--radius:20px;--transition:all .4s ease}[data-theme=dark]{--primary:#ff5c00;--primary-dark:#d94e00;--secondary:#f5f5f5;--bg:#fff;--surface:#f8f9fb;--surface-2:#eef1f5;--text:#111;--text-light:#5f6673;--success:#12a150;--danger:#e63946;--border:#00000014;--shadow:0 20px 60px #00000014;--radius:20px;--transition:all .4s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}.container{margin:0 auto}section{padding:5rem 0}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);background:#111111b3}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-up{animation:.8s forwards fadeUp}.containers{padding:30px}