*{margin:0;padding:0}body{height:100vh;background:#fff}.navbar{display:flex;padding:1rem 2rem;background-color:#333;color:#fff}.navbar-container{display:flex;align-items:center;gap:1rem}.navbar-links{display:flex;gap:1.5rem;list-style:none}.navbar-links a{color:#fff;text-decoration:none;transition:color .3s}.navbar-links a:hover{color:#00bcd4}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.bar{height:3px;width:25px;background-color:#fff;transition:transform .3s}@media (max-width: 768px){.hamburger{display:flex}.navbar-links{display:none;flex-direction:column;position:absolute;top:60px;left:20px;background-color:#333;padding:1rem;border-radius:5px}.navbar-links.active{display:flex}.navbar-links a{margin-bottom:1rem}.navbar-links a:last-child{margin-bottom:0}}.login-button-container{position:fixed;top:7px;right:20px}.login-toggle-button{background-color:#87ceeb;color:#fff;border:none;border-radius:50px;padding:10px 20px;font-size:16px;cursor:pointer;box-shadow:0 4px 6px #0003}.login-toggle-button:hover{background-color:#1e90ff}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal{position:relative;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0003;text-align:center;width:400px;max-width:90%}.LoginLogo{margin-bottom:20px;font-size:24px;font-weight:700}.input-field{display:block;width:calc(100% - 20px);padding:10px;margin:10px auto;border:1px solid #ccc;border-radius:4px}.login-button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.login-button:hover{background-color:#0056b3}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.close-button:hover{color:red}.register-link{color:#007bff;cursor:pointer;text-decoration:underline;font-weight:500}.register-link:hover{color:#0056b3}.login-button-container{display:flex;align-items:center;justify-content:flex-end;padding:10px}.user-info{display:flex;align-items:center;gap:10px}.welcome-text{font-size:18px;color:#fff;font-weight:700}.logout-button{background-color:#ff4d4f;color:#fff;padding:8px 16px;font-size:14px;border:none;border-radius:20px;cursor:pointer;transition:background-color .3s ease}.logout-button:hover{background-color:#d9363e}.login-toggle-button{background-color:#4cafef;color:#fff;padding:8px 16px;font-size:14px;border:none;border-radius:20px;cursor:pointer;transition:background-color .3s ease}.login-toggle-button:hover{background-color:#3a9cd9}.about-banner{background-image:url(/assets/gym-banner-BUSOvM4g.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;height:400px;position:relative;display:flex;align-items:center;justify-content:center}.about-section{background-color:#1e1e1e;padding:60px 20px}.tracker-container{max-width:500px;margin:40px auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:32px 24px 24px;font-family:Segoe UI,Arial,sans-serif}.tracker-title{text-align:center;color:#2d3748;margin-bottom:24px;font-size:2rem;font-weight:700}.tracker-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.tracker-form input{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;outline:none;transition:border .2s}.tracker-form input:focus{border:1.5px solid #3182ce}.tracker-form button{background:linear-gradient(90deg,#3182ce,#63b3ed);color:#fff;border:none;border-radius:6px;padding:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.tracker-form button:hover{background:linear-gradient(90deg,#2563eb,#4299e1)}.tracker-list{list-style:none;padding:0}.tracker-list li{background:#f7fafc;border-radius:8px;margin-bottom:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 4px #0000000a}.tracker-list .workout-name{font-weight:600;color:#2b6cb0}.tracker-list .workout-meta{font-size:.95rem;color:#4a5568}.tracker-list .workout-time{font-size:.85rem;color:#718096;margin-top:2px;font-style:italic}.rest-timer{display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#fbd786,#f7797d);border-radius:10px;box-shadow:0 2px 8px #fbd78626;padding:18px 24px;font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:18px;letter-spacing:1px}.rest-timer button{background:#e53e3e;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:1rem;font-weight:600;margin-left:18px;cursor:pointer;transition:background .2s}.rest-timer button:hover{background:#c53030}.chat-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1111118c;z-index:999;display:flex;justify-content:center;align-items:center}.chat-page{position:fixed;top:60px;left:0;right:0;bottom:0;background:#191919;z-index:98}.chat-container{width:100%;height:100%;max-width:1200px;margin:0 auto;padding:1rem 2rem .5rem;display:flex;flex-direction:column}.chat-box{flex:1;display:flex;flex-direction:column;background:#222;border-radius:0;box-shadow:0 8px 32px #00000052;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:1rem 2rem;background:#191919}.chat-message{margin-bottom:1rem;font-size:1rem;line-height:1.6;max-width:80%;padding:1rem;border-radius:12px}.chat-message.user{margin-left:auto;background:#2d3748;color:#fff}.chat-message.bot{margin-right:auto;background:#222;color:#fff;border:1px solid #444}.chat-input-area{display:flex;gap:1rem;padding:1rem 1.5rem;background:#222;border-top:1px solid #333;position:sticky;bottom:0}.chat-input{flex:1;padding:1rem 1.5rem;border:1px solid #444;border-radius:8px;font-size:1rem;background:#191919;color:#fff}.chat-input:focus{outline:none;border-color:#fff}.chat-send-button{padding:1rem 2rem;border:none;border-radius:8px;background:#2d3748;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.chat-send-button:hover{background:#1a202c}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.about-wrapper{width:100%;overflow-x:hidden;font-family:Arial,sans-serif;background-color:#121212;color:#f0f0f0}.about-banner{background-image:url(/assets/gym-banner-BUSOvM4g.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;height:400px;position:relative;display:flex;align-items:center;justify-content:center}.banner-overlay{background-color:#0009;padding:40px 20px;border-radius:10px;text-align:center}.about-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:10px}.about-subtitle{font-size:20px;color:#ccc}.about-section{padding:60px 20px}.about-content{max-width:900px;margin:auto}.about-content h2{color:#ff3c3c;margin-top:30px;font-size:26px}.about-content p,.about-content li{font-size:16px;line-height:1.7;color:#ddd}.about-content ul{list-style-type:disc;padding-left:20px}body{background-color:#1e1e1e}.home-container{font-family:Poppins,sans-serif;color:#222;background-color:#fff;line-height:1.6;margin:0;padding:0}.hero{background:url(/assets/fitness-hero-liob5u6r.jpg) no-repeat center center/cover;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:60px 20px}.hero h1{font-size:3.5rem;margin-bottom:10px}.hero span{color:#ff3c3c}.hero p{font-size:1.5rem;margin-bottom:20px}.cta-button{background-color:#ff3c3c;color:#fff;padding:12px 30px;border:none;border-radius:30px;font-size:1rem;cursor:pointer;transition:.3s ease}.cta-button:hover{background-color:#e93333}.cta-button.dark{background-color:#222;color:#fff}.about,.programs,.cta{padding:80px 20px;text-align:center}.about{background-color:#f9f9f9}.program-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px}.card{background-color:#fff;padding:30px;border-radius:15px;width:280px;box-shadow:0 4px 10px #0000001a;transition:transform .3s}.card:hover{transform:scale(1.05)}.cta{background:#111;color:#fff}.history-container{width:90vw;max-width:900px;margin:40px auto;background-color:#fff;border-radius:16px;box-shadow:0 6px 20px #0000004d;padding:32px 24px 24px;font-family:Segoe UI,Arial,sans-serif}.history-title{text-align:center;color:#1e90ff;margin-bottom:24px;font-size:2rem;font-weight:700}.history-table{width:100%;border-collapse:collapse;background:transparent}.history-table th,.history-table td{padding:12px 8px;text-align:left;font-size:16px;line-height:1.6;border-bottom:1px solid #e0e0e0}.history-table th{background-color:#87ceeb;color:#fff;font-weight:600}.history-table tr:last-child td{border-bottom:none}.history-table td{color:#333}@media (max-width: 700px){.history-container{width:98vw;padding:8px}.history-table th,.history-table td{font-size:14px;padding:8px 4px}}
