.main{font-family:Urbanist,sans-serif;border:1px solid #bcbcbc;border-radius:20px;padding:24px;height:auto;min-height:650px;overflow:hidden;margin:40px auto;max-width:1200px;width:calc(100% - 40px)}body.dark{background-color:#222;color:#fff}body.dark .main{border-color:#444;background-color:#333}body.dark .logo-text{color:#fff}body.dark .dumbbell-bar{background-color:#fff}body.dark .chart-container{background-color:#444}body.dark .chart-container h3{color:#eee}body.dark .entries-cntn{background-color:#444}body.dark .workout-card{background-color:#555;border-color:#666}body.dark .type-cntn p,body.dark .duration-cntn p,body.dark .calendar-cntn p{color:#fff}body.dark .text-cntn{background-color:#444}body.dark .text-cntn h2{color:#fff}body.dark .type-filter{color:#fff;border-bottom-color:#fff}.nav-cntn{display:flex;align-items:center;justify-content:space-between;padding:24px;flex-wrap:wrap}.logo-text{font-size:22px;font-weight:700;color:#333;letter-spacing:.5px}.button-cntn{display:flex;align-items:center;gap:16px;justify-content:flex-end;flex-wrap:wrap}.pri-button,.sec-button{font-family:Urbanist,sans-serif;border-radius:100px;font-size:16px;padding:12px 32px;cursor:pointer;border:none;transition:all .3s ease;white-space:nowrap}.pri-button{background-color:#76df02;color:#fff}.pri-button:hover{background-color:#65c002;transform:translateY(-2px);box-shadow:0 4px 8px #76df0233}.sec-button{background-color:#f0f0f0}body.dark .sec-button{background-color:#555;color:#fff}.sec-button:hover{background-color:#e0e0e0}body.dark .sec-button:hover{background-color:#666}.sec-button.active{background-color:#333;color:#fff}body.dark .sec-button.active{background-color:#76df02;color:#fff}.duration-cntn h3{font-size:18px;padding:16px 0;font-weight:600}.chart-container{background-color:#fafafa;border-radius:12px;padding:16px;margin-bottom:20px;height:auto;min-height:250px;animation:fadeIn .5s ease;box-shadow:0 4px 8px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chart-container h3{font-size:16px;font-weight:600;margin-bottom:10px;color:#333}.no-data{display:flex;justify-content:center;align-items:center;height:200px;color:#888;font-style:italic}body.dark .no-data{color:#aaa}.entries-cntn{background-color:#fafafa;border-radius:12px;display:flex;flex-direction:column;gap:24px;height:250px;overflow-y:auto;transition:height .3s ease;-webkit-overflow-scrolling:touch}.chart-container+.entries-cntn{height:250px}.entries-cntn:not(.chart-container+.entries-cntn){height:500px}.text-cntn{position:sticky;top:-1px;margin:0;background-color:inherit;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;z-index:10}.text-cntn h2{font-size:18px;font-weight:600}.filter{display:flex;align-items:center;gap:12px}.type-filter{border:none;width:150px;font-family:Urbanist;font-size:14px;border-bottom:1px solid black;padding:4px 20px 4px 4px;background-color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0 center;background-size:16px}.type-filter option[disabled]{color:#999;font-size:12px;padding:5px 0}body.dark .type-filter option{background-color:#333;color:#fff}body.dark .type-filter option[disabled]{color:#777}.workout-cards{display:flex;flex-wrap:wrap;gap:32px;justify-content:flex-start;margin:0 20px;padding-bottom:20px}.workout-card{width:230px;background-color:#fff;padding:12px;border:1px solid #ededed;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000000d}.workout-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000000d}body.dark .workout-card:hover{box-shadow:0 6px 12px #0003}.type-cntn,.duration-cntn,.calendar-cntn,.delete-btn{display:inline-flex;gap:4px;align-items:center;justify-content:center}.type-cntn p{font-size:16px;font-weight:600}.streak-display{text-align:center;margin-top:.5rem;font-size:1.2rem;font-weight:700;color:#76df02}.streak-display h3{font-weight:700;color:#76df02;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.duration-cntn p,.calendar-cntn p{font-size:14px;font-weight:400}.delete-btn p{font-size:12px;font-weight:300;color:#ff4242}.delete-btn{background-color:transparent;border:none;cursor:pointer}.top,.down{display:flex;justify-content:space-between;align-items:center}.top{padding-bottom:28px}.workout-card li{list-style:none}.user-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.user-info{display:flex;align-items:center;gap:15px;font-size:14px;margin-bottom:5px}.logout-button{background:transparent;border:1px solid #ff4242;color:#ff4242;border-radius:20px;padding:5px 15px;font-size:14px;cursor:pointer;transition:all .3s ease}.logout-button:hover{background-color:#ff42421a}.entries-cntn.expanded{height:500px}.no-workouts{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:20px}body.dark .no-workouts{color:#ddd}.add-first-workout{background-color:#76df02;color:#fff;border:none;border-radius:30px;padding:10px 20px;font-size:14px;cursor:pointer;transition:background-color .3s,transform .2s}.add-first-workout:hover{background-color:#65c002;transform:translateY(-2px)}@media (max-width: 992px){.main{margin:20px auto;height:auto;min-height:650px;max-width:90%}.workout-cards{justify-content:center}}@media (max-width: 768px){.main{margin:10px auto;padding:15px;border-radius:15px;max-width:95%}.nav-cntn{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.user-controls{width:100%;align-items:flex-start}.user-info{width:100%;justify-content:space-between}.button-cntn{width:100%;justify-content:space-between;gap:10px}.workout-card{width:100%;max-width:300px}.entries-cntn,.entries-cntn.expanded,.chart-container+.entries-cntn{height:auto;max-height:400px}.chart-container{min-height:200px}.streak-display{width:100%;text-align:left;margin-top:10px}}@media (max-width: 480px){.main{margin:5px auto;padding:10px;border-radius:10px;width:calc(100% - 10px)}.nav-cntn{padding:10px}.pri-button,.sec-button{padding:10px 20px;font-size:14px;width:calc(50% - 5px);text-align:center;display:flex;justify-content:center}.text-cntn{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 15px}.filter,.type-filter{width:100%}.workout-cards{gap:15px;margin:0 10px}.workout-card{padding:10px}.top{padding-bottom:15px}.user-info{flex-direction:column;align-items:flex-start;gap:10px}.user-info span{font-size:14px}.logout-button{width:100%;text-align:center}.duration-cntn h3{font-size:16px;padding:10px 0}.chart-container{padding:10px;min-height:180px}.chart-container h3{font-size:14px}}@supports (-webkit-touch-callout: none){.entries-cntn{-webkit-overflow-scrolling:touch}.type-filter{background-size:12px}}@media (max-width: 360px){.pri-button,.sec-button{padding:8px 12px;font-size:12px}.workout-card{min-width:100%}}body{font-family:Urbanist,sans-serif;line-height:1.6;color:#333}.land-page{width:100%;overflow-x:hidden}.hero-section{position:relative;height:80vh;min-height:500px;max-height:800px;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;width:100%;background-color:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo{display:flex;align-items:center;gap:10px}.dumbbell-bar{width:30px;height:4px;background-color:#fff;border-radius:2px;position:absolute}.logo-text{font-size:24px;font-weight:700;color:#fff;letter-spacing:.5px}.nav-buttons{display:flex;gap:15px}.login-button,.logout-button,.dashboard-button{padding:10px 20px;background:transparent;border:2px solid white;color:#fff;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.login-button:hover,.dashboard-button:hover{background:#fff3}.logout-button{border-color:#ff6b6b;color:#ff6b6b}.logout-button:hover{background:#ff6b6b1a}.cta-button{padding:10px 25px;background-color:#76df02;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;display:inline-block}.cta-button:hover{background-color:#65c002;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.hero-cta{padding:12px 30px;font-size:18px}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;max-width:800px;margin:0 auto}.hero-content h1{font-size:48px;font-weight:700;margin-bottom:20px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-content p{font-size:18px;margin-bottom:30px;max-width:600px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.section-title{text-align:center;font-size:32px;font-weight:600;margin-bottom:50px;color:#333}.features-section{padding:80px 5%;background-color:#f9f9f9}.feature-card{display:flex;align-items:center;margin-bottom:80px;gap:40px;padding:20px;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000000d;background-color:#fff}.feature-card.reverse{flex-direction:row-reverse}.feature-image{flex:1;display:flex;justify-content:center}.feature-image img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 5px 15px #0000001a;object-fit:cover}.feature-content{flex:1}.feature-content h2{font-size:28px;font-weight:600;margin-bottom:15px;color:#333}.feature-content p{font-size:16px;color:#666;line-height:1.6}.steps-section{padding:80px 5%;text-align:center;background-color:#fff}.steps-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.step-card{flex:1;min-width:250px;max-width:300px;padding:30px;border-radius:10px;background-color:#f9f9f9;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.step-number{width:40px;height:40px;background-color:#76df02;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:600;margin:0 auto 15px}.step-card h3{font-size:20px;font-weight:600;margin-bottom:10px;color:#333}.step-card p{font-size:14px;color:#666}.cta-section{padding:80px 5%;text-align:center;background-color:#f5f5f5;background-image:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.cta-section h2{font-size:32px;font-weight:600;margin-bottom:15px;color:#333}.cta-section p{font-size:16px;color:#666;margin-bottom:30px}.footer{padding:40px 5%;background-color:#333;color:#fff;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.footer-links{display:flex;gap:20px}.footer-links a{color:#ddd;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#76df02}.footer .logo-text{color:#fff}.footer p{font-size:14px;color:#aaa}@media (max-width: 992px){.hero-section{height:70vh}.hero-content h1{font-size:42px}}@media (max-width: 768px){.hero-section{height:60vh}.hero-content h1{font-size:36px}.feature-card,.feature-card.reverse{flex-direction:column;text-align:center}.feature-image{margin-bottom:20px}.steps-container{flex-direction:column;align-items:center}.step-card{margin-bottom:20px;width:100%}}@media (max-width: 576px){.hero-section{height:auto;min-height:500px}.navbar{flex-direction:column;gap:15px;padding:15px 5%}.hero-content{padding-top:30px;padding-bottom:50px}.hero-content h1{font-size:28px}.hero-content p{font-size:16px}.cta-button,.login-button,.logout-button,.dashboard-button{padding:8px 16px;font-size:14px}.hero-cta{padding:10px 20px;font-size:16px}.section-title{font-size:26px;margin-bottom:30px}.feature-content h2{font-size:24px}.feature-content p{font-size:14px}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content,.feature-card,.step-card,.cta-section{animation:fadeIn .8s ease-out forwards}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.4s}.step-card:nth-child(1){animation-delay:.2s}.step-card:nth-child(2){animation-delay:.4s}.step-card:nth-child(3){animation-delay:.6s}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}.login-card{width:100%;max-width:400px;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001f}.login-title{font-size:24px;font-weight:600;color:#333;text-align:center;margin-bottom:8px}.login-subtitle{font-size:14px;color:#666;text-align:center;margin-bottom:30px}.login-button{width:100%;padding:14px;background-color:#76df02;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s;display:flex;justify-content:center;align-items:center;margin-top:10px}.login-button:hover{background-color:#65c002;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button.loading{background-color:#65c002;cursor:not-allowed}.login-footer{margin-top:30px;text-align:center;font-size:14px;color:#666}.login-footer a{color:#76df02;text-decoration:none;font-weight:600;transition:color .3s}.login-footer a:hover{color:#65c002;text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Urbanist,sans-serif;background-color:#f5f5f5}.signup-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}.signup-card{width:100%;max-width:450px;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.signup-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001f}.logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px}.logo-icon{position:relative;width:40px;height:30px;display:flex;align-items:center;justify-content:center}.dumbbell-bar{width:30px;height:4px;background-color:#333;border-radius:2px;position:absolute}.dumbbell-weight{width:12px;height:12px;background-color:#76df02;border-radius:50%;position:absolute}.dumbbell-weight.left{left:0}.dumbbell-weight.right{right:0}.logo-text{font-size:24px;font-weight:700;color:#333;letter-spacing:.5px}.signup-title{font-size:24px;font-weight:600;color:#333;text-align:center;margin-bottom:8px}.signup-subtitle{font-size:14px;color:#666;text-align:center;margin-bottom:30px}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;font-size:14px;font-weight:500;color:#555;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s,box-shadow .3s}.form-group input:focus{outline:none;border-color:#76df02;box-shadow:0 0 0 3px #76df0233}.form-group input.error{border-color:#ff4242;box-shadow:0 0 0 3px #ff42421a}.error-message{color:#ff4242;font-size:12px;margin-top:5px;display:block;font-weight:500}.signup-button{width:100%;padding:14px;background-color:#76df02;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s;display:flex;justify-content:center;align-items:center;margin-top:10px}.signup-button:hover{background-color:#65c002;transform:translateY(-2px)}.signup-button:active{transform:translateY(0)}.signup-button.loading{background-color:#65c002;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.signup-footer{margin-top:30px;text-align:center;font-size:14px;color:#666}.signup-footer a{color:#76df02;text-decoration:none;font-weight:600;transition:color .3s}.signup-footer a:hover{color:#65c002;text-decoration:underline}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.error-banner{background-color:#ffebee;color:#d32f2f;padding:10px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center;border-left:4px solid #d32f2f}@media (max-width: 480px){.signup-card{padding:30px 20px}.signup-title{font-size:22px}.form-group input{padding:10px 14px;font-size:14px}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay.dark{background-color:#000000b3}.overlay-content{background-color:#fff;padding:30px;border-radius:12px;width:90%;max-width:450px;box-shadow:0 5px 15px #0003;position:relative;max-height:90vh;overflow-y:auto}.dark .overlay-content{background-color:#222;color:#fff;box-shadow:0 5px 15px #00000080}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.close-btn:hover{background-color:#f0f0f0}.dark .close-btn{color:#ccc}.dark .close-btn:hover{background-color:#333}.overlay-content h2{margin-bottom:25px;font-size:24px;color:#333;text-align:center}.dark .overlay-content h2{color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.dark .form-group label{color:#ddd}.form-group select,.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;background-color:#fff;color:#333;transition:border-color .3s,box-shadow .3s}.dark .form-group select,.dark .form-group input{background-color:#333;border-color:#444;color:#fff}.form-group select:focus,.form-group input:focus{outline:none;border-color:#76df02;box-shadow:0 0 0 3px #76df0233}.form-group select.disabled,.form-group input.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.dark .form-group select.disabled,.dark .form-group input.disabled{background-color:#444;opacity:.7}.timer-section{margin:25px 0;text-align:center;min-height:80px}.timer-display,.duration-display{background-color:#f9f9f9;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0000000d}.dark .timer-display,.dark .duration-display{background-color:#333;box-shadow:0 2px 5px #0003}.timer-value,.duration-value{font-size:28px;font-weight:700;color:#333;margin:0}.dark .timer-value,.dark .duration-value{color:#fff}.timer-label,.duration-label{font-size:14px;color:#666;margin:5px 0 0}.dark .timer-label,.dark .duration-label{color:#aaa}.form-buttons{display:flex;justify-content:space-between;margin-top:25px;gap:15px}.timer-btn,.save-btn{flex:1;padding:12px 20px;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.timer-btn.start{background-color:#76df02;color:#fff}.timer-btn.start:hover:not(:disabled){background-color:#65c002;transform:translateY(-2px);box-shadow:0 4px 8px #76df0233}.timer-btn.stop{background-color:#ff4242;color:#fff}.timer-btn.stop:hover{background-color:#e03a3a;transform:translateY(-2px);box-shadow:0 4px 8px #ff424233}.save-btn{background-color:#333;color:#fff}.dark .save-btn{background-color:#555}.save-btn:hover:not(:disabled){background-color:#222;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.dark .save-btn:hover:not(:disabled){background-color:#444}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.overlay-content{padding:20px;width:95%}.form-buttons{flex-direction:column}.timer-btn,.save-btn{width:100%}}@media (max-width: 480px){.overlay-content{padding:15px}.overlay-content h2{font-size:20px;margin-bottom:15px}.form-group label{font-size:14px}.form-group select,.form-group input{padding:10px;font-size:14px}.timer-value,.duration-value{font-size:24px}.timer-btn,.save-btn{padding:10px;font-size:14px}}.delete-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-content{background-color:#fff;padding:30px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 5px 15px #0003;text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-content h2{margin-bottom:15px;color:#333}.delete-content p{margin-bottom:10px;color:#555}.delete-content .warning{color:#ff4242;font-weight:500;margin-bottom:20px}.delete-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.cancel-delete,.confirm-delete{padding:10px 20px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-delete{background-color:#f0f0f0;color:#555}.cancel-delete:hover{background-color:#e0e0e0}.confirm-delete{background-color:#ff4242;color:#fff}.confirm-delete:hover{background-color:#e03a3a;transform:translateY(-2px);box-shadow:0 4px 8px #ff424233}