:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#000 0%,#1a1a1a 25%,#2d2d2d 50%,#1a1a1a 75%,#000 100%) 0 0/400% 400%;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;animation:20s infinite gradientShift;overflow-x:hidden}.splash-screen{z-index:9999;background:linear-gradient(135deg,#b8860b 0%,#8b6914 50%,#654321 100%);justify-content:center;align-items:center;width:100vw;height:100vh;animation:.5s ease-out splashFadeIn;display:flex;position:fixed;top:0;left:0}.splash-content{text-align:center;max-width:400px;padding:2rem;animation:.8s ease-out splashSlideUp}.gym-logo{margin-bottom:3rem}.logo-icon{margin-bottom:1rem;font-size:4rem;animation:2s ease-in-out infinite logoFloat;display:block}.gym-logo h1{background:linear-gradient(45deg,#fff,#e6f3ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.gym-logo p{opacity:.9;font-size:1.1rem;font-weight:300}.loading-container{margin:2rem 0}.loading-bar{background:#fff3;border-radius:10px;width:100%;height:8px;margin-bottom:1rem;overflow:hidden}.loading-progress{background:linear-gradient(90deg,#fff,#f5f5f5,#fff) 0 0/200% 100%;border-radius:10px;height:100%;transition:width .3s;animation:1.5s ease-in-out infinite shimmer}.loading-text{margin-bottom:2rem;font-size:1.1rem;font-weight:600}.splash-features{flex-direction:column;gap:.8rem;display:flex}.feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#ffffff1a;border-radius:25px;padding:.8rem 1.5rem;font-weight:500;animation:.6s ease-out forwards featureSlideIn;transform:translate(-30px)}.feature-item:first-child{animation-delay:1s}.feature-item:nth-child(2){animation-delay:1.3s}.feature-item:nth-child(3){animation-delay:1.6s}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes featureSlideIn{to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd70099}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes backgroundMove{0%{transform:translate(0)}25%{transform:translate(-10px,-10px)}50%{transform:translate(10px,-5px)}75%{transform:translate(-5px,10px)}to{transform:translate(0)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.app{flex-direction:column;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 80%,#ffd7001a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#0033aa1a 0%,#0000 50%),radial-gradient(circle at 40% 40%,#ffff990d 0%,#0000 50%);width:100%;height:100%;animation:20s ease-in-out infinite backgroundMove;position:fixed;top:0;left:0}.app:after{content:"";pointer-events:none;z-index:-1;opacity:.3;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff1a,#0000),radial-gradient(2px 2px at 40px 70px,#ffd7001a,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff0d,#0000);background-repeat:repeat;background-size:100px 100px;width:100%;height:100%;animation:8s ease-in-out infinite float;position:fixed;top:0;left:0}.app-header{-webkit-backdrop-filter:blur(20px)saturate(180%);text-align:center;z-index:100;background:#000c;border-bottom:1px solid #ffd7004d;border-radius:0 0 20px 20px;margin-bottom:2rem;padding:3rem 3rem 2.5rem;animation:.8s ease-out slideInFromLeft;position:sticky;top:0;box-shadow:0 8px 32px #0006,0 4px 16px #ffd7001a}.app-header:before{content:"";z-index:-1;background:linear-gradient(135deg,#ffd7001a 0%,#0033aa0d 50%,#ffd7001a 100%);border-radius:0 0 20px 20px;position:absolute;inset:0}.app-header:after{content:"";pointer-events:none;z-index:1;opacity:.6;background-image:radial-gradient(2px 2px at 20px 30px,#fff3,#0000),radial-gradient(2px 2px at 40px 70px,#ffd7004d,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff1a,#0000),radial-gradient(1px 1px at 130px 80px,#ff93,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff1a,#0000);background-repeat:repeat;background-size:200px 100px;border-radius:0 0 20px 20px;animation:12s ease-in-out infinite backgroundMove;position:absolute;inset:0}.app-header h1{letter-spacing:-.02em;text-align:center;z-index:2;color:#0000;background:linear-gradient(45deg,#fff,#daa520,gold,#fff) 0 0/300% 300%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #ffd70080)drop-shadow(0 0 40px #ffd7004d);-webkit-background-clip:text;background-clip:text;margin-top:1rem;margin-bottom:2rem;font-size:3.5rem;font-weight:900;animation:4s ease-in-out infinite gradientShift;position:relative}.app-header h1:before{content:"💪 Gym Tracker Pro";background:linear-gradient(45deg,#ffd7004d,#ffff994d);-webkit-text-fill-color:transparent;filter:blur(2px);z-index:-1;-webkit-background-clip:text;background-clip:text;animation:2s ease-in-out infinite pulse;position:absolute;top:0;left:0;right:0}.app-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem;display:flex;position:relative}.nav-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(15px)saturate(180%);background:#ffffff26;border:2px solid #ffffff4d;border-radius:15px;justify-content:center;align-items:center;gap:.6rem;min-width:140px;height:55px;padding:.75rem 1.8rem;font-size:1.05rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0003,0 0 #ffd70066}.nav-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.nav-btn:hover:before{left:100%}.nav-btn:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-3px)scale(1.05);box-shadow:0 10px 25px #0000004d,0 0 0 3px #ffd7004d}.nav-btn.active{color:#fff;background:linear-gradient(135deg,#ffd700e6,#ffa500e6);border-color:#ffd700e6;font-weight:700;animation:2s ease-in-out infinite pulse;box-shadow:0 8px 25px #ffd70066,0 0 0 2px #ffd70099}.app-main{flex:1;width:100%;padding:3rem;animation:.8s ease-out .3s both fadeInUp}.home-screen h2{text-align:center;color:gold;text-shadow:2px 2px 4px #00000080;letter-spacing:-.01em;margin-bottom:3rem;font-size:2.8rem;font-weight:700}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;width:100%;margin-top:2rem;display:grid}.action-card{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);animation:fadeInUp .6s ease-out calc(var(--delay,0)*.1s)both;background:linear-gradient(145deg,#14141ef2,#28283cf2);border:1px solid #ffd7004d;border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 30px #0006,0 4px 15px #ffd7001a}.action-card:before{content:"";opacity:0;background:linear-gradient(45deg,#0000 30%,#ffd7001a 50%,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(-45deg)}.action-card:hover:before{opacity:1;transform:rotate(-45deg)translate(50%,50%)}.action-card:first-child{--delay:1;background:linear-gradient(145deg,#ff64641a,#14141ef2)}.action-card:nth-child(2){--delay:2;background:linear-gradient(145deg,#64ff641a,#14141ef2)}.action-card:nth-child(3){--delay:3;background:linear-gradient(145deg,#6464ff1a,#14141ef2)}.action-card:nth-child(4){--delay:4;background:linear-gradient(145deg,#ffc8641a,#14141ef2)}.action-card:hover{border-color:#ffd700cc;animation:2s ease-in-out infinite glow;transform:translateY(-15px)scale(1.02);box-shadow:0 25px 50px #00000080,0 15px 35px #ffd70066,0 0 0 1px #ffd70080}.card-icon{filter:drop-shadow(0 4px 8px #0000004d);margin-bottom:1.5rem;font-size:4rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:3s ease-in-out infinite float;display:inline-block}.action-card:hover .card-icon{filter:drop-shadow(0 8px 16px #ffd70080);transform:scale(1.2)rotate(10deg)}.action-card:first-child .card-icon{animation-delay:0s}.action-card:nth-child(2) .card-icon{animation-delay:.5s}.action-card:nth-child(3) .card-icon{animation-delay:1s}.action-card:nth-child(4) .card-icon{animation-delay:1.5s}.action-card h4{color:gold;letter-spacing:-.01em;margin-bottom:1rem;font-size:1.8rem;font-weight:700;transition:all .3s}.action-card:hover h4{color:#daa520;transform:translateY(-2px)}.action-card p{color:#fffc;margin-bottom:2rem;font-size:1.1rem;line-height:1.6;transition:all .3s}.action-card:hover p{color:#fffffff2}.action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,gold,orange);border:none;border-radius:15px;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #ffd70066,0 0 #ffd70066}.action-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.action-btn:hover:before{left:100%}.btn-arrow{font-size:1.2rem;font-weight:700;transition:transform .3s}.action-btn:hover .btn-arrow{transform:translate(5px)scale(1.2)}.app-footer{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000f2,#0a0a1af2);border-top:1px solid #ffd7004d;width:100%;margin-top:auto;padding:1.5rem;box-shadow:0 -4px 20px #0000004d}.app-footer p{color:#ffffffb3;margin:0;font-size:1rem;font-weight:500}.hero-section{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#ffd70026,#0033aa26);border:1px solid #ffd7004d;border-radius:25px;margin-bottom:4rem;padding:4rem 0;animation:.8s ease-out scaleIn;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:-1;background:radial-gradient(circle,#ffd7001a 0%,#0000 70%);width:200%;height:200%;animation:15s ease-in-out infinite backgroundMove;position:absolute;top:-50%;left:-50%}.hero-content{z-index:2;position:relative}.hero-content h2{background:linear-gradient(45deg,gold,#daa520,gold) 0 0/200% 200%;-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffd7004d;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:900;animation:3s ease-in-out infinite gradientShift}.hero-content p{color:#ffffffe6;max-width:700px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.4rem;line-height:1.6;animation:.8s ease-out .3s both fadeInUp}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2.5rem;max-width:700px;margin:0 auto;animation:.8s ease-out .6s both fadeInUp;display:grid}.stat-item{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd7001a;border:1px solid #ffd70033;border-radius:20px;padding:1.5rem;transition:all .3s}.stat-item:hover{background:#ffd70033;transform:translateY(-5px)scale(1.05);box-shadow:0 10px 30px #ffd7004d}.stat-number{color:gold;margin-bottom:.5rem;font-size:3rem;font-weight:900;animation:2s ease-in-out infinite pulse;display:block}.stat-label{color:#fffc;font-size:1rem;font-weight:500}.quick-actions-section{margin-bottom:4rem}.quick-actions-section h3{text-align:center;color:gold;margin-bottom:2rem;font-size:2.2rem}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 20px #ffd70066}.action-btn:hover{background:linear-gradient(135deg,#ffe55c,gold);transform:translateY(-2px);box-shadow:0 8px 25px #ffd70080}.installation-section{-webkit-backdrop-filter:blur(25px)saturate(180%);background:linear-gradient(145deg,#14141ef2,#28283cf2,#ffd7000d);border:2px solid #ffd7004d;border-radius:25px;margin-bottom:4rem;padding:4rem;animation:.8s ease-out slideInFromRight;position:relative;overflow:hidden}.installation-section:before{content:"";z-index:-1;background:linear-gradient(45deg,#ffd7000d 0%,#0000 50%,#ffd7000d 100%);position:absolute;inset:0}.install-container h3{text-align:center;background:linear-gradient(45deg,gold,#daa520);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:2.8rem;animation:.6s ease-out fadeInUp}.install-subtitle{text-align:center;color:#ffffffe6;margin-bottom:3.5rem;font-size:1.3rem;animation:.6s ease-out .2s both fadeInUp}.install-steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-bottom:3.5rem;display:grid}.install-step{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:scaleIn .6s ease-out calc(var(--step-delay,0)*.2s)both;background:linear-gradient(135deg,#ffd70026,#0033aa1a);border:1px solid #ffd7004d;border-radius:20px;align-items:flex-start;gap:1.5rem;padding:2.5rem;transition:all .4s;display:flex}.install-step:first-child{--step-delay:1}.install-step:nth-child(2){--step-delay:2}.install-step:nth-child(3){--step-delay:3}.install-step:hover{border-color:#ffd70099;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 40px #ffd7004d}.step-number{color:#fff;background:linear-gradient(135deg,gold,orange);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;font-weight:700;animation:2s ease-in-out infinite pulse;display:flex;box-shadow:0 8px 20px #ffd70066}.step-content h4{color:#daa520;margin-bottom:.8rem;font-size:1.3rem;font-weight:700}.step-content p{color:#ffffffe6;font-size:1.05rem;line-height:1.6}.install-benefits{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffd70014,#0033aa0d);border:1px solid #ffd70033;border-radius:20px;padding:3rem;animation:.8s ease-out .6s both fadeInUp}.install-benefits h4{color:#daa520;text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.install-benefits ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;list-style:none;display:grid}.install-benefits li{color:#ffffffe6;background:#ffd7000d;border:1px solid #ffd7001a;border-radius:15px;padding:1rem;font-size:1.05rem;line-height:1.6;transition:all .3s}.install-benefits li:hover{background:#ffd7001a;transform:translateY(-3px);box-shadow:0 8px 20px #ffd70033}.features-section{margin-bottom:4rem}.features-section h3{text-align:center;color:gold;margin-bottom:2rem;font-size:2.2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);animation:scaleIn .6s ease-out calc(var(--feature-delay,0)*.1s)both;perspective:1000px;background:linear-gradient(145deg,#14141ee6,#28283ce6);border:1px solid #ffd70033;border-radius:20px;padding:2.5rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.feature-card:first-child{--feature-delay:1}.feature-card:nth-child(2){--feature-delay:2}.feature-card:nth-child(3){--feature-delay:3}.feature-card:nth-child(4){--feature-delay:4}.feature-card:nth-child(5){--feature-delay:5}.feature-card:nth-child(6){--feature-delay:6}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffd7001a 0%,#0000 50%,#ffd7001a 100%);border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#ffd70099;transform:translateY(-10px)rotateX(5deg)rotateY(5deg);box-shadow:0 20px 40px #0000004d,0 15px 30px #ffd70033,0 0 0 1px #ffd7004d}.feature-icon{margin-bottom:1.5rem;font-size:3.5rem;transition:all .4s;animation:4s ease-in-out infinite float;display:block}.feature-card:hover .feature-icon{filter:drop-shadow(0 10px 20px #ffd70066);transform:scale(1.2)rotateY(180deg)}.feature-card:first-child .feature-icon{animation-delay:0s}.feature-card:nth-child(2) .feature-icon{animation-delay:.5s}.feature-card:nth-child(3) .feature-icon{animation-delay:1s}.feature-card:nth-child(4) .feature-icon{animation-delay:1.5s}.feature-card:nth-child(5) .feature-icon{animation-delay:2s}.feature-card:nth-child(6) .feature-icon{animation-delay:2.5s}.feature-card h4{color:#daa520;margin-bottom:1rem;font-size:1.3rem;font-weight:700;transition:all .3s}.feature-card:hover h4{color:#9cf;transform:translateY(-2px)}.feature-card p{color:#fffc;font-size:1.05rem;line-height:1.6;transition:all .3s}.feature-card:hover p{color:#fffffff2}.motivation-section{text-align:center;background:linear-gradient(135deg,#ffd7001a,#0033aa1a);border:1px solid #ffd70033;border-radius:20px;margin-bottom:3rem;padding:3rem}.motivation-content h3{color:gold;margin-bottom:2rem;font-size:2rem}.daily-quote{color:#ffffffe6;max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.5rem;font-style:italic;line-height:1.4}.motivation-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:500px;margin:0 auto;display:grid}.motivation-item{text-align:center}.motivation-number{color:gold;margin-bottom:.5rem;font-size:3rem;font-weight:800;display:block}.motivation-label{color:#ffffffb3;font-size:1rem}@media (max-width:1200px){.hero-content h2{font-size:3rem}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.8rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.app-header{border-radius:0 0 15px 15px;padding:2rem 1.5rem 1.5rem}.app-header h1{margin-top:.5rem;margin-bottom:1.2rem;font-size:2.8rem}.nav-btn{border-radius:12px;gap:.4rem;min-width:100px;height:48px;padding:.6rem 1rem;font-size:.9rem}.app-main{padding:1.5rem 1rem}.hero-section{margin-bottom:2.5rem;padding:2.5rem 0}.hero-content h2{margin-bottom:1rem;font-size:2.2rem}.hero-content p{margin-bottom:2rem;font-size:1.1rem}.hero-stats{grid-template-columns:1fr;gap:1.2rem}.stat-item{padding:1.2rem}.stat-number{font-size:2.5rem}.quick-actions{grid-template-columns:1fr;gap:1.5rem}.action-card{border-radius:15px;padding:1.8rem}.card-icon{font-size:3rem}.installation-section{border-radius:20px;padding:2rem 1.5rem}.install-container h3{font-size:2rem}.install-subtitle{font-size:1.1rem}.install-steps{grid-template-columns:1fr;gap:1.3rem}.install-step{text-align:center;flex-direction:column;gap:1rem;padding:1.8rem}.step-number{width:45px;height:45px;margin:0 auto;font-size:1.2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.3rem}.feature-card{padding:1.8rem}.feature-icon{font-size:3rem}.motivation-section{padding:2rem}.motivation-stats{grid-template-columns:1fr;gap:1.2rem}.motivation-number{font-size:2.5rem}}@media (max-width:480px){.app-header{border-radius:0 0 10px 10px;padding:1.5rem 1rem 1rem}.app-header h1{margin-top:.3rem;margin-bottom:1rem;font-size:2.2rem}.nav-btn{border-radius:10px;gap:.3rem;min-width:85px;height:42px;padding:.4rem .8rem;font-size:.8rem}.app-main{padding:1rem .8rem}.hero-section{margin-bottom:2rem;padding:2rem 0}.hero-content h2{margin-bottom:.8rem;font-size:1.8rem}.hero-content p{margin-bottom:1.5rem;font-size:1rem}.hero-stats{gap:1rem}.stat-item{padding:1rem}.stat-number{font-size:2rem}.stat-label{font-size:.9rem}.action-card{padding:1.5rem}.card-icon{font-size:2.5rem}.action-card h4{font-size:1.4rem}.action-card p{font-size:1rem}.action-btn{padding:.9rem 1.8rem;font-size:.95rem}.installation-section{padding:1.5rem 1rem}.install-container h3{font-size:1.6rem}.install-subtitle{font-size:1rem}.install-step{padding:1.3rem}.step-number{width:40px;height:40px;font-size:1.1rem}.step-content h4{font-size:1.1rem}.step-content p{font-size:.95rem}.install-benefits{padding:2rem}.install-benefits h4{font-size:1.2rem}.install-benefits li{padding:.8rem;font-size:.95rem}.feature-card{padding:1.3rem}.feature-icon{font-size:2.5rem}.feature-card h4{font-size:1.1rem}.feature-card p{font-size:.95rem}.motivation-section{padding:1.5rem}.motivation-content h3{font-size:1.6rem}.daily-quote{font-size:1.2rem}.motivation-number{font-size:2.2rem}.motivation-label{font-size:.9rem}.splash-content{max-width:350px;padding:1.5rem}.gym-logo h1{font-size:2rem}.logo-icon{font-size:3rem}.app-footer{padding:1rem}.app-footer p{font-size:.9rem}}@media (max-width:360px){.app-header h1{font-size:1.9rem}.nav-btn{min-width:75px;height:38px;padding:.3rem .6rem;font-size:.75rem}.hero-content h2{font-size:1.6rem}.action-card{padding:1.2rem}.card-icon{font-size:2.2rem}.install-container h3{font-size:1.4rem}.feature-icon{font-size:2.2rem}}