@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Archivo:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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}}body{font-family:Montserrat,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden}.landing-page{width:100vw;min-height:100vh;background:#fff}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin:0 auto}.nav-menu{display:flex;gap:32px;margin-left:40px}.nav-item{text-decoration:none;color:#666;font-size:16px;font-weight:500;transition:color .3s ease;white-space:nowrap}.nav-item:hover{color:#a9d38f}.hero-section{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px 0;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:90px 20px 20px;background:url(/images/image8.png) center/cover no-repeat;opacity:.7;border-radius:20px;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;width:100%}.hero-title{font-family:Montserrat,sans-serif;font-size:clamp(36px,8vw,80px);line-height:1.1;font-weight:800;color:var(--white);margin-bottom:24px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-family:Montserrat,sans-serif;font-size:clamp(16px,3vw,24px);font-weight:400;color:var(--cream-white);margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{position:relative;padding:16px 48px;font-family:Montserrat,sans-serif;font-size:clamp(14px,2vw,18px);font-weight:700;color:var(--text-dark);background-color:var(--cream-white);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;text-transform:uppercase;letter-spacing:1px;min-height:50px}.hero-cta:hover{background-color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.brand-message{background-color:var(--cream-white);padding:80px 20px;text-align:left;position:relative}.brand-message-wrapper{position:relative;max-width:800px;margin:0 auto;display:flex;justify-content:center;align-items:center;min-height:400px}.brand-message-container{position:relative;width:90%;max-width:800px;min-height:clamp(250px,30vh,300px);background-color:var(--primary-green);padding:clamp(30px,5vw,60px);border-radius:clamp(30px,8vw,150px);z-index:2;transform:translateY(-10px)}.brand-message-container2{position:absolute;background-color:var(--dark-green);padding:clamp(30px,5vw,60px);height:clamp(250px,30vh,300px);width:90%;max-width:800px;border-radius:clamp(30px,8vw,150px);box-shadow:0 10px 40px #0000004d;top:50%;left:50%;transform:translate(-53%,-30%);z-index:1}.brand-message-container:before{content:"";position:absolute;top:-20px;right:clamp(20px,8vw,100px);width:clamp(50px,8vw,80px);height:clamp(50px,8vw,80px);background-color:var(--primary-green);border-radius:50%;background:url(/images/logo_small.png) center/cover no-repeat;z-index:3}.brand-title{font-family:Montserrat,sans-serif;font-size:clamp(20px,4vw,28px);font-weight:700;color:#415e1f;margin-bottom:16px}.brand-text{font-family:Montserrat,sans-serif;font-size:clamp(14px,2.5vw,16px);font-weight:400;color:#323743;line-height:1.8}.why-choose{background:linear-gradient(180deg,var(--cream-white) 0%,#CFC4A5FF 100%);padding:100px 20px;text-align:center}.section-title{font-family:Montserrat,sans-serif;font-size:clamp(32px,6vw,48px);font-weight:800;color:#fff;margin-bottom:60px;text-align:right;margin-right:20px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.feature-card{background-color:var(--white);padding:40px 20px;text-align:center;box-shadow:0 10px 10px #5e5e5e80;transition:all .3s ease;border-radius:10px;position:relative;overflow:hidden;min-height:300px}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.feature-card.ai-agent:before{content:"";position:absolute;inset:20% 0 0;height:60%;background-image:url(/images/image1.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;z-index:1}.feature-card.voice-feedback:before{content:"";position:absolute;inset:20% 0 0;height:60%;background-image:url(/images/image2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;z-index:1}.feature-card.personalized-plans:before{content:"";position:absolute;inset:20% 0 0;height:60%;background-image:url(/images/image3.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;z-index:1}.feature-content{position:relative;z-index:2}.feature-title{color:#333;font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(16px,3vw,20px);margin-bottom:15px}.feature-description{font-family:Montserrat,sans-serif;color:#555;line-height:1.6;font-size:clamp(12px,2.5vw,14px)}.articles-section{background-color:var(--cream-white);padding:100px 20px;position:relative;z-index:2}.articles-section:after{content:"Hygiea AI";position:absolute;bottom:-50px;right:10px;font-size:clamp(60px,15vw,120px);font-weight:400;color:#c8c8c8b3;font-family:Open Sans;z-index:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.articles-title{font-family:Montserrat;font-size:clamp(32px,6vw,48px);font-weight:800;color:#424856;margin-bottom:40px;text-align:left;max-width:1200px;margin-left:auto;margin-right:auto}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.article-card{background-color:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;z-index:1}.article-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.article-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.article-content{padding:30px 20px}.article-title{font-family:Montserrat,sans-serif;font-size:clamp(16px,3vw,20px);font-weight:700;color:var(--text-dark);margin-bottom:10px;line-height:1.3}.article-description{font-family:Montserrat,sans-serif;font-size:clamp(12px,2.5vw,14px);color:var(--text-gray);line-height:1.6;margin-bottom:20px;font-weight:500}.article-date{font-size:clamp(12px,2vw,14px);font-weight:300;color:#565d6d;text-align:left;display:inline-block;width:70%}.article-link{font-family:Montserrat,sans-serif;font-size:clamp(12px,2vw,14px);font-weight:600;color:var(--dark-green);text-decoration:none;transition:color .3s ease;text-align:right;display:inline-block;width:30%}.article-link:hover{color:var(--primary-green)}.workout-plans{background:var(--primary-green);padding:100px 20px;text-align:center;z-index:2;position:relative}.workout-plans-title{font-family:Montserrat,sans-serif;font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--dark-green);margin-bottom:60px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;justify-items:center}.plan-card{background-color:var(--white);border-radius:20px;padding:30px 20px;text-align:center;box-shadow:0 10px 30px #0003;transition:all .3s ease;position:relative;width:100%;max-width:500px}.plan-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000040}.plan-card.popular:before{content:"Most Popular";position:absolute;top:-15px;left:50%;transform:translate(-50%);background-color:var(--blue-gray);color:var(--white);padding:8px 16px;border-radius:20px;font-size:11px;font-weight:600;font-family:Montserrat,sans-serif;white-space:nowrap}.plan-name{font-family:Montserrat,sans-serif;font-size:clamp(18px,3vw,23px);font-weight:700;color:var(--text-dark);margin-bottom:16px;text-align:left}.plan-description{font-family:Montserrat,sans-serif;font-size:clamp(12px,2.5vw,14px);color:var(--text-gray);margin-bottom:30px;line-height:1.6;text-align:left}.plan-features{list-style:none;margin-bottom:40px;text-align:left}.plan-features li{font-family:Montserrat,sans-serif;font-size:clamp(12px,2.5vw,14px);color:var(--text-gray);margin-bottom:12px;padding-left:20px;position:relative}.plan-features li:before{content:"✓";position:absolute;left:0;color:#198638;font-weight:700}.plan-price{font-family:Montserrat,sans-serif;font-size:clamp(24px,5vw,32px);font-weight:800;color:var(--text-dark);margin-bottom:24px}.plan-price span{font-size:clamp(12px,2.5vw,16px);color:var(--text-gray);font-weight:400}.plan-button{width:100%;padding:16px 24px;font-family:Montserrat,sans-serif;font-size:clamp(14px,2.5vw,16px);font-weight:600;color:var(--text-dark);background-color:#fff;border:1px solid #d1d5db;box-shadow:0 2px 4px #0006;border-radius:10px;cursor:pointer;transition:all .3s ease;min-height:50px}.plan-button:hover{background-color:var(--dark-green);color:#fff;transform:translateY(-2px)}.testimonials{background-color:#fff;padding:100px 20px;text-align:center}.testimonials-title{font-family:Montserrat,sans-serif;font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--text-dark);margin-bottom:70px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.testimonial-card{background-color:#e0d9c4;border-radius:20px;padding:30px 20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.testimonial-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin:0 auto 24px}.testimonial-text{font-family:Open Sans;font-size:clamp(14px,2.5vw,16px);font-style:italic;color:var(--text-dark);line-height:1.6;margin-bottom:24px}.testimonial-author{font-family:Montserrat,sans-serif;font-size:clamp(14px,2.5vw,16px);font-weight:500;color:var(--text-dark);margin-bottom:8px}.testimonial-role{font-family:Montserrat,sans-serif;font-size:clamp(12px,2vw,14px);color:var(--text-light-gray)}.newsletter{background:linear-gradient(135deg,var(--primary-green) 0%,#7c9885);padding:80px 20px;text-align:center;position:relative;overflow:hidden}.newsletter-content{max-width:900px;margin:0 auto;position:relative;z-index:10}.newsletter-title{font-family:Montserrat,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--dark-green);margin-bottom:16px}.newsletter-description{font-family:Montserrat,sans-serif;font-size:clamp(14px,2.5vw,16px);color:var(--dark-green);margin-bottom:40px;line-height:1.6}.newsletter-form{display:flex;gap:0;max-width:900px;margin:0 auto;border-radius:10px;overflow:hidden}.newsletter-input{flex:2;padding:16px 20px;border:none;outline:none;font-family:Montserrat,sans-serif;font-size:clamp(12px,2.5vw,14px);background-color:var(--white);min-height:50px}.newsletter-button{flex:1;padding:16px 20px;background-color:#9095a1;color:var(--cream-white);border:none;cursor:pointer;font-family:Montserrat,sans-serif;font-size:clamp(8px,2vw,10px);font-weight:600;transition:background-color .3s ease;min-height:50px;white-space:nowrap}.newsletter-button:hover{background-color:#032743}.star-decoration,.star-decoration-2{position:absolute;width:100px;height:100px;opacity:.6;z-index:1}.star-decoration{top:20%;left:10%}.star-decoration-2{top:60%;right:10%}.star-line,.star-line-2{position:absolute;width:100px;height:2px;background-color:var(--cream-white);top:50%;left:50%;transform-origin:center}.star-line:nth-child(1),.star-line-2:nth-child(1){transform:translate(-50%,-50%) rotate(0)}.star-line:nth-child(2),.star-line-2:nth-child(2){transform:translate(-50%,-50%) rotate(22.5deg)}.star-line:nth-child(3),.star-line-2:nth-child(3){transform:translate(-50%,-50%) rotate(45deg)}.star-line:nth-child(4),.star-line-2:nth-child(4){transform:translate(-50%,-50%) rotate(67.5deg)}.star-line:nth-child(5),.star-line-2:nth-child(5){transform:translate(-50%,-50%) rotate(90deg)}.star-line:nth-child(6),.star-line-2:nth-child(6){transform:translate(-50%,-50%) rotate(112.5deg)}.star-line:nth-child(7),.star-line-2:nth-child(7){transform:translate(-50%,-50%) rotate(135deg)}.star-line:nth-child(8),.star-line-2:nth-child(8){transform:translate(-50%,-50%) rotate(157.5deg)}.footer{background-color:var(--white);border-top:1px solid #E5E7EB;padding:60px 20px 40px;text-align:center}.footer-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:30px}.footer-logo{width:clamp(200px,40vw,250px);height:auto}.footer-social{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.social-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background-color:#f5f5f5}.social-icon:hover{background-color:var(--dark-green);transform:translateY(-2px)}.social-icon img{width:20px;height:20px;filter:brightness(.7)}.footer-copyright{font-family:Montserrat,sans-serif;font-size:clamp(12px,2vw,14px);color:var(--text-light-gray)}@media (max-width: 1024px){.nav-menu{gap:24px;margin-left:20px}.features-grid,.articles-grid,.plans-grid,.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.landing-page{width:100%;min-height:100vh;background:#fff}.header-container{position:relative}.nav-menu{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:20px;box-shadow:0 4px 15px #0000001a;gap:20px;border-radius:0 0 15px 15px;z-index:1001}.nav-menu.active{display:flex!important}.mobile-menu-toggle{display:flex}.hero-section{padding:100px 15px 60px;min-height:90vh}.hero-section:before{inset:80px 15px 15px;border-radius:15px;background:url(/images/image8.png) center/cover no-repeat!important;opacity:.7!important}.brand-message,.why-choose,.articles-section,.workout-plans,.testimonials,.newsletter{padding:60px 15px}.feature-card{min-height:320px;padding:30px 15px}.feature-card.ai-agent:before,.feature-card.voice-feedback:before,.feature-card.personalized-plans:before{top:15%;height:65%;opacity:.7;background-size:cover;background-position:center}.feature-content{position:relative;z-index:3;background:#ffffff80;padding:15px;border-radius:8px;margin-top:60px}.feature-title{color:#333;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.feature-description{color:#555;text-shadow:1px 1px 2px rgba(255,255,255,.7)}.features-grid,.articles-grid,.testimonials-grid{grid-template-columns:1fr;gap:20px}.plans-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:0 auto;width:100%}.newsletter-form{flex-direction:column;max-width:100%;border-radius:10px}.newsletter-input{border-radius:10px 10px 0 0;flex:none}.newsletter-button{border-radius:0 0 10px 10px;flex:none}.star-decoration,.star-decoration-2{display:none}}@media (max-width: 480px){.header{padding:0 15px}.hero-section{padding:90px 10px 50px}.hero-cta{padding:14px 32px;font-size:14px}.brand-message,.why-choose,.articles-section,.workout-plans,.testimonials,.newsletter{padding:40px 10px}.brand-message-container{padding:25px 20px}.feature-card,.article-card,.plan-card,.testimonial-card{padding:25px 15px}.section-title{text-align:center;margin-right:0}.footer-social{gap:15px}.social-icon{width:35px;height:35px}}@media (max-width: 768px) and (orientation: landscape){.hero-section{min-height:100vh;padding:80px 15px 40px}.hero-title{font-size:clamp(28px,6vw,50px)}.hero-subtitle{font-size:clamp(14px,2.5vw,18px);margin-bottom:30px}}@media (hover: none) and (pointer: coarse){.hero-cta,.plan-button,.newsletter-button,.nav-item{min-height:44px;min-width:44px}.social-icon{min-width:44px;min-height:44px}}@media (min-resolution: 192dpi){.hero-section:before{background-image:url(/images/image8@2x.png)}.feature-card.ai-agent:before{background-image:url(/images/image1.png)}.feature-card.voice-feedback:before{background-image:url(/images/image2.jpg)}.feature-card.personalized-plans:before{background-image:url(/images/image3.jpg)}}@media (prefers-color-scheme: dark){:root{--text-dark: #f5f5f5;--text-gray: #d1d5db;--text-light-gray: #9ca3af}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.hero-cta,.plan-button,.newsletter-button{border:2px solid currentColor}.nav-item:hover,.nav-item.active{text-decoration:underline}}@media print{.header,.footer,.newsletter{display:none}.hero-section:before{display:none}*{background:#fff!important;color:#000!important}}:root{--primary-green: #DCEDC8FF;--cream-white: #F3F0E8FF;--dark-green: #415E1FFF;--blue-gray: #49677D;--white: #FFFFFF;--text-dark: #171A1F;--text-gray: #6B7280;--text-light-gray: #9CA3AF}.camera-page{width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.header{position:fixed;top:0;left:0;right:0;height:80px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:1000;padding:0 20px}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;position:relative;max-width:1200px;margin:0 auto}.logo-container{display:flex;align-items:center;gap:12px;min-width:150px}.logo-container img{height:40px;width:auto}.nav-menu{display:flex;gap:30px;flex:1;justify-content:center}.user-avatar{width:30px;height:30px;border-radius:50px}.language-selector{position:relative}.language-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#000;font-size:14px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.language-dropdown{position:absolute;top:100%;right:0;background:#000000e6;border-radius:10px;padding:8px;margin-top:5px;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border:1px solid rgba(255,255,255,.1)}.language-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.language-option.active{background:#a9d38f4d}.language-option:hover{background:#ffffff1a}.main-content{height:100vh;background:var(--primary-green);display:flex;align-items:center;justify-content:center;padding:90px 10px;position:relative;overflow:hidden;box-sizing:border-box;transition:background-color .3s ease}.main-content.analyzing{background-color:#ffc64a}.camera-container{width:calc(100vw - 30px);height:calc(100vh - 110px);max-width:100%;max-height:100%;left:0;top:0;position:relative;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 30px #0000004d}.camera-wrapper{position:relative;width:100%;height:100%}.custom-webcam{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:scaleX(-1) scale(.95);transform-origin:center;z-index:1}.pose-canvas{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:2;border:4px solid transparent;transition:border-color .5s ease;border-radius:20px}.pose-canvas.camera-issue{border-color:#d32f2f;box-shadow:0 0 20px #ff000080}.pose-canvas.posture-issue{border-color:#ff6b00;box-shadow:0 0 20px #ffa50080}.realtime-panel{position:absolute;top:20px;left:20px;background:#000c;border-radius:15px;padding:15px;color:#fff;z-index:3;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-title{font-size:14px;font-weight:700;margin-bottom:10px;color:#a9d38f}.angle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.angle-value{font-size:18px;font-weight:700}.angle-label{opacity:.8}.average-section{text-align:center;margin-top:10px;border-top:1px solid rgba(255,255,255,.3);padding-top:10px}.average-value{font-size:14px;font-weight:700}.target-value{opacity:.8;font-size:11px}.stats-panel{position:absolute;top:20px;right:20px;background:#000c;border-radius:15px;padding:20px;color:#fff;z-index:3;text-align:center;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exercise-count{font-size:32px;font-weight:700;color:#a9d38f;margin-bottom:5px}.count-label{font-size:12px;opacity:.8;margin-bottom:10px}.session-time{font-size:16px;font-weight:700;color:#91b8bd}.time-label{font-size:11px;opacity:.8}.status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-align:center;margin-bottom:8px}.status-badge.standing{background:#48dbfb}.status-badge.squatting{background:#ff6b6b}.feedback-panel{position:absolute;bottom:80px;right:20px;background:#000c;border-radius:15px;padding:15px;color:#fff;z-index:3;max-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feedback-list{max-height:120px;overflow-y:auto}.feedback-item{font-size:11px;padding:8px;margin-bottom:5px;border-radius:8px}.feedback-item.success{background:#4caf504d;border:1px solid #4caf50}.feedback-item.warning{background:#ff98004d;border:1px solid #ff9800}.feedback-item.info{background:#2196f34d;border:1px solid #2196f3}.camera-controls{display:none}.reset-btn{position:absolute;bottom:20px;left:20px;width:45px;height:45px;background:#fff3;border:2px solid rgba(255,255,255,.6);color:#fff;font-size:16px;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:3}.reset-btn:hover{background:#ffffff4d;border-color:#fffc}.info-btn{position:absolute;top:20px;right:160px;width:45px;height:45px;background:#fff3;border:2px solid rgba(255,255,255,.6);color:#fff;font-size:16px;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:3}.info-btn:hover{background:#ffffff4d;border-color:#fffc}.main-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:80px;height:80px;background:#fff;border:4px solid rgba(255,255,255,.8);box-shadow:0 4px 20px #0006;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .2s ease}.main-btn:hover{border-color:#fff}.main-btn.recording{background:#fff}.record-icon{width:28px;height:28px;border-radius:50%;background:#ff3b30;display:flex;align-items:center;justify-content:center}.stop-icon{width:24px;height:24px;background:#666565;border-radius:3px;display:flex;align-items:center;justify-content:center}.balance-warning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffc107f2;border:2px solid #ffc107;border-radius:15px;padding:15px 20px;color:#856404;z-index:4;text-align:center;font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 2s infinite}.warning-detail{font-size:12px;font-weight:400}.depth-indicator{position:absolute;top:50%;right:30px;transform:translateY(-50%);width:20px;height:200px;background:#00000080;border-radius:10px;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.depth-bar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:14px;border-radius:7px;transition:all .3s ease}.depth-bar.standing{background:#2196f3}.depth-bar.squatting{background:#4caf50}.target-line{position:absolute;left:0;right:0;height:2px;background:#fff;border-radius:1px}.depth-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:10px;color:#fff;white-space:nowrap}.header-right{display:flex;align-items:center;gap:15px;min-width:150px;justify-content:flex-end}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:8px;background:none;border:none;border-radius:4px;transition:background-color .3s ease}.mobile-menu-toggle:hover{background-color:#0000000d}.hamburger-line{width:25px;height:3px;background-color:#666;margin:2px 0;transition:all .3s ease;border-radius:2px}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.camera-container *::-webkit-scrollbar{width:3px}.camera-container *::-webkit-scrollbar-track{background:transparent}.camera-container *::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}@media (max-width: 768px){.main-content{padding:60px 15px 18px!important;background:var(--primary-green)}.main-content.analyzing{background-color:#ffc64a}.camera-container{position:relative;width:100%;height:calc(100vh - 100px);border-radius:15px;top:0;box-shadow:0 8px 25px #0000004d}.custom-webcam,.pose-canvas{-o-object-fit:cover!important;object-fit:cover!important;border-radius:15px}.pose-canvas{border:3px solid transparent;transition:border-color .5s ease}.pose-canvas.camera-issue{border-color:#d32f2f;box-shadow:0 0 20px #ff000080}.pose-canvas.posture-issue{border-color:#ff6b00;box-shadow:0 0 20px #ffa50080}.header{position:fixed;top:0;left:0;right:0;height:50px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:1000;padding:0 15px}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;position:relative}.navigation{margin-left:20px;gap:24px}.nav-link{font-size:14px}.realtime-panel{top:10px!important;left:10px!important;right:auto!important;max-width:42%!important;min-width:auto!important;padding:12px!important;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.mobile-menu-toggle{display:flex;position:relative}.header-right{gap:10px}.status-panel{display:none}.feedback-panel{display:none!important}.camera-controls{bottom:20px!important}.depth-indicator{right:8px!important;height:150px!important;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.target-line{position:absolute;left:0;right:0;height:2px;background:#fff;border-radius:1px}.panel-title{font-size:11px!important;margin-bottom:8px}.angle-value{font-size:14px!important}.angle-label{font-size:9px!important;opacity:.8}.average-section{display:none}.stats-panel{top:10px!important;right:10px!important;max-width:45%!important;min-width:auto!important;padding:12px!important;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.exercise-count{font-size:36px;margin-bottom:5px}.count-label{font-size:10px;margin-bottom:8px}.session-time{font-size:16px}.time-label{font-size:9px;opacity:.7}.reset-btn{width:50px;height:50px;font-size:16px;left:15px;bottom:20px;background:#ffffff40;border:2px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0003}.reset-btn:hover{background:#ffffff59;border-color:#ffffffe6}.info-btn{width:50px;height:50px;font-size:16px;inset:auto 15px 20px auto;background:#ffffff40;border:2px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0003}.info-btn:hover{background:#ffffff59;border-color:#ffffffe6}.main-btn{width:70px;height:70px;background:#fff;border:4px solid rgba(255,255,255,.9);box-shadow:0 6px 20px #0000004d;bottom:15px}.main-btn:hover{border-color:#fff;transform:translate(-50%) scale(1.05)}.main-btn.recording{background:#fff}.main-btn.recording:hover{border-color:#fff}.record-icon{width:26px;height:26px;border-radius:50%;background:#ff3b30}.stop-icon{width:22px;height:22px;background:#6b6b6b;border-radius:3px}.nav-menu{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:20px;box-shadow:0 4px 15px #0000001a;gap:20px;border-radius:0 0 15px 15px;z-index:1001}.nav-menu.active{display:flex!important}.mobile-menu-toggle{display:flex}.balance-warning{padding:12px 16px;font-size:12px;border-radius:12px;background:#ffc107f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.warning-detail{font-size:10px}}@media (max-width: 768px) and (orientation: landscape){.camera-container:before{content:"holding your phone vertically for the best experience";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:20px;border-radius:10px;z-index:1000;text-align:center;font-size:14px;pointer-events:none}.status-panel,.feedback-panel{display:none!important}}@media (max-width: 1024px){.nav-left{gap:20px}.nav-menu{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:20px;box-shadow:0 4px 15px #0000001a;gap:20px;border-radius:0 0 15px 15px;z-index:1001}.nav-menu.active{display:flex!important}.mobile-menu-toggle{display:flex}}@media (prefers-contrast: high){.realtime-panel,.stats-panel,.status-panel,.feedback-panel{background:#000000f2;border:2px solid white}.control-btn{border:3px solid white}}@media (prefers-reduced-motion: reduce){.control-btn,.zoom-btn,.fullscreen-btn,.nav-link,.language-option{transition:none}.balance-warning{animation:none}.depth-bar{transition:none}}.onboarding-container{background-color:transparent;font-family:Inter,sans-serif;min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px 140px;position:relative;margin:0 auto}.logo{width:85px;height:68px;background:#a9d38f;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-top:40px;margin-bottom:40px;position:relative}.logo:before{content:"";width:40px;height:40px;background:#fff;border-radius:50%;position:relative}.logo:after{content:"";position:absolute;width:20px;height:20px;background:#a9d38f;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-container{display:flex;align-items:center;gap:4px;margin-bottom:64px;width:100%;max-width:500px;justify-content:center}.progress-step{position:relative;flex:1;max-width:120px}.progress-line{width:100%;height:4px;background:#f7f7f7;border-radius:2px}.progress-line.active{background:#a9d38f}.progress-text{position:absolute;top:16px;left:0;width:100%;text-align:center;font-family:Inter,sans-serif;font-size:12px;line-height:16px;font-weight:500;color:#8c8d8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-text.active{color:#242524}.main-title{width:100%;max-width:576px;text-align:center;font-family:Archivo,sans-serif;font-size:36px;line-height:40px;font-weight:700;color:#242524;margin-bottom:48px}.goals-container{width:100%;max-width:576px;display:flex;flex-direction:column;gap:16px}.goal-item{background:#fff;border:1px solid #EBEBEA;border-radius:6px;padding:20px 24px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .2s ease;position:relative;outline:none}.goal-item:hover{border-color:#a9d38f;box-shadow:0 0 4px #a9d38f33}.goal-item:focus{border-color:#a9d38f;box-shadow:0 0 0 2px #a9d38f33}.goal-item.selected{background:#a9d38f1a;border:2px solid #A9D38F;box-shadow:0 0 1px #171a1f12,0 0 2px #171a1f1f}.goal-icon{width:16px;height:16px;margin-top:2px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.goal-content{flex:1}.goal-title{font-family:Inter,sans-serif;font-size:16px;line-height:24px;font-weight:600;color:#242524;margin-bottom:4px}.goal-description{font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:400;color:#8c8d8b}.goal-checkbox{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:0;pointer-events:none}.checkbox-custom{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:1px solid #D1D5DB;border-radius:2px;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.goal-item.selected .checkbox-custom{background:#a9d38f;border-color:#a9d38f}.navigation{position:fixed;bottom:40px;left:50%;transform:translate(-50%);width:100%;max-width:536px;margin:0 20px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:#f5f5f5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000001a}.btn-skip{background:transparent;border:none;color:#8c8d8b;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;padding:10px 16px;border-radius:6px;transition:all .2s ease}.btn-skip:hover{background:#8c8d8b1a}.nav-right{display:flex;gap:16px;align-items:center}.btn-back{width:40px;height:40px;background:#fff;font-size:14px;color:#8c8d8b;border:1px solid #EBEBEA;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-back:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.btn-next{background:#a9d38f;border:none;color:#355521;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-next:hover{background:#7dbd55}.btn-next:active{background:#69a942}.btn-next:disabled{opacity:.4;cursor:not-allowed}.icon-trophy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A9D38F' viewBox='0 0 24 24'%3E%3Cpath d='M7 4V2C7 1.45 7.45 1 8 1H16C16.55 1 17 1.45 17 2V4H20C20.55 4 21 4.45 21 5S20.55 6 20 6H19V7C19 10.86 15.86 14 12 14S5 10.86 5 7V6H4C3.45 6 3 5.55 3 5S3.45 4 4 4H7ZM9 3V4H15V3H9ZM17 6H7V7C7 9.76 9.24 12 12 12S17 9.76 17 7V6ZM12 15C13.11 15 14.11 15.35 14.96 15.92L16.5 18H7.5L9.04 15.92C9.89 15.35 10.89 15 12 15ZM6 19H18V21H6V19Z'/%3E%3C/svg%3E")}.icon-heart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A9D38F' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E")}.icon-target{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A9D38F' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23A9D38F' stroke-width='2' fill='none'/%3E%3Ccircle cx='12' cy='12' r='6' stroke='%23A9D38F' stroke-width='2' fill='none'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23A9D38F'/%3E%3C/svg%3E")}.icon-scale{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A9D38F' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L8 7H11V14H13V7H16L12 3ZM7 17H9V19H7V17ZM11 17H13V19H11V17ZM15 17H17V19H15V17Z'/%3E%3C/svg%3E")}.icon-brain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A9D38F' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.69 2 6 4.69 6 8c0 1.1.9 2 2 2s2-.9 2-2c0-1.1.9-2 2-2s2 .9 2 2c0 1.1.9 2 2 2s2-.9 2-2c0-3.31-2.69-6-6-6z'/%3E%3Cpath d='M12 22c3.31 0 6-2.69 6-6 0-1.1-.9-2-2-2s-2 .9-2 2c0 1.1-.9 2-2 2s-2-.9-2-2c0-1.1-.9-2-2-2s-2 .9-2 2c0 3.31 2.69 6 6 6z'/%3E%3C/svg%3E")}.icon-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A9D38F' viewBox='0 0 24 24'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z'/%3E%3C/svg%3E")}.icon-dots{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A9D38F' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='12' cy='19' r='2'/%3E%3C/svg%3E")}@media (max-width: 768px){.onboarding-container{padding:20px 16px 140px}.logo{width:70px;height:56px;margin-top:30px;margin-bottom:32px}.progress-container{flex-wrap:wrap;gap:8px;margin-bottom:48px;justify-content:center;max-width:100%}.progress-step{flex:1;min-width:70px;max-width:90px}.progress-line{width:100%}.progress-text{width:100%;font-size:10px;line-height:14px}.main-title{font-size:28px;line-height:32px;margin-bottom:32px}.navigation{bottom:20px;max-width:calc(100% - 32px);padding:16px}.goal-item{padding:16px 20px}.goal-title{font-size:14px;line-height:20px}.goal-description{font-size:12px;line-height:16px}}@media (max-width: 480px){.main-title{font-size:24px;line-height:28px}.progress-container{margin-bottom:32px}.goals-container{gap:12px}}.login-container{min-height:100vh;width:100vw;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem;width:100%;max-width:28rem}.welcome-subtitle{color:#6b7280;margin:0}.tab-navigation{display:flex;margin-bottom:1.5rem}.tab-button{flex:1;padding:.5rem 1rem;text-align:center;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.tab-button.left{border-radius:.5rem 0 0 .5rem}.tab-button.right{border-radius:0 .5rem .5rem 0}.tab-button.active{background-color:#a9d38f;color:#fff}.tab-button.inactive{background-color:#f3f4f6;color:#6b7280}.tab-button.inactive:hover{background-color:#e5e7eb}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.forgot-password{font-size:.875rem;color:#a9d38f;background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.forgot-password:hover{text-decoration:none}.form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.submit-button{width:100%;background-color:#a9d38f;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.divider{margin:1.5rem 0;display:flex;align-items:center}.divider-line{flex:1;height:1px;background-color:#d1d5db}.divider-text{padding:0 1rem;font-size:.875rem;color:#6b7280}.youtube-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;cursor:pointer;transition:all .2s ease}.youtube-button:hover{background-color:#f9fafb}.youtube-icon{width:20px;height:20px}.youtube-text{color:#374151}.signup-section{margin-top:1.5rem;text-align:center}.signup-text{color:#6b7280}.signup-link{color:#a9d38f;font-weight:500;background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.signup-link:hover{text-decoration:none}.name-container{min-height:100vh;width:100vw;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;padding:1rem}.name-card{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem;width:100%;max-width:28rem;position:relative}.back-button{position:absolute;top:1rem;left:1rem;width:2.5rem;height:2.5rem;border:none;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:20px}.back-button:hover{background-color:#e5e7eb;color:#374151}.back-button:focus{outline:none;box-shadow:0 0 0 2px #a9d38f80}.logo-section{text-align:center;margin-bottom:2rem}.avatar-icon{width:8rem;height:8rem;margin:0 auto 1rem;background-color:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-emoji{font-size:2.5rem;color:#16a34a}.welcome-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.welcome-subtitle{color:#6b7280;margin:0;font-size:.875rem}.error-message{padding:.75rem;background-color:#fef2f2;color:#dc2626;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem;text-align:center;border:1px solid #fecaca}.form-container{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column}.input-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.required{color:#dc2626}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#a9d38f;box-shadow:0 0 0 2px #a9d38f33}.form-input:disabled{background-color:#f9fafb;cursor:not-allowed}.submit-button{width:100%;background-color:#a9d38f;color:#fff;padding:.75rem 1rem;border-radius:.375rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;margin-top:1rem;font-size:1rem}.submit-button:hover{background-color:#98c87d}.submit-button:focus{outline:none;box-shadow:0 0 0 2px #a9d38f80,0 0 0 4px #a9d38f33}.submit-button:disabled{opacity:.5;cursor:not-allowed}.skip-section{margin-top:1.5rem;text-align:center}.skip-text{color:#6b7280;font-size:.875rem}.skip-link{color:#a9d38f;font-weight:500;background:none;border:none;cursor:pointer;text-decoration:underline;padding:0;font-size:.875rem}.skip-link:hover{text-decoration:none}.progress-section{margin-top:2rem}.progress-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.progress-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#d1d5db;transition:background-color .2s ease}.progress-dot.active{background-color:#a9d38f}.progress-text{text-align:center;font-size:.75rem;color:#6b7280;margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8faf8;color:#333}.dashboard{min-height:100vh;max-width:85%;margin:0 auto;padding:0 20px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.nav-left{display:flex;align-items:center;gap:40px}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:24px}.logo-text{font-size:18px;font-weight:700;color:#7c9885}.nav-menu{display:flex;gap:30px}.nav-item{text-decoration:none;color:#6b7280;font-weight:500;padding:8px 0;border-bottom:2px solid transparent;transition:all .2s}.nav-item:hover,.nav-item.active{color:#7c9885;border-bottom-color:#7c9885}.user-avatar{width:40px;height:40px}.avatar-circle{width:100%;height:100%;background:linear-gradient(135deg,#a8c8b0,#7c9885);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.welcome-section{background:linear-gradient(135deg,#a9d38f,#91b8bd);border-radius:16px;padding:40px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#fff}.welcome-content h1{font-size:32px;font-weight:700;margin-bottom:8px}.welcome-content p{font-size:16px;opacity:.9}.start-workout-btn{background:#fff;border:none;border-radius:12px;padding:12px 20px;font-weight:600;color:#7c9885;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s}.start-workout-btn:hover{transform:translateY(-2px)}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9}.stat-icon{font-size:24px;margin-bottom:12px}.stat-number{font-size:28px;font-weight:700;margin-bottom:4px;color:#1f2937}.stat-label{font-size:14px;font-weight:600;color:#6b7280;margin-bottom:4px}.stat-subtitle{font-size:12px;color:#9ca3af}.main-content{display:grid;grid-template-columns:2fr 1fr;gap:0px;margin-bottom:60px}.workouts-section h2{font-size:24px;font-weight:700;margin-bottom:24px;color:#1f2937}.workout-card{margin-bottom:30px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014;width:90%;max-width:100%;height:28%;max-height:80%}.workout-image{height:200px;background-size:cover;background-position:center}.hiit-bg{background:url(/images/HIIT.png);background-repeat:no-repeat;background-size:cover;background-position:center}.yoga-bg{background:url(/images/YOGA.png);background-repeat:no-repeat;background-size:cover;background-position:center}.strength-bg{background:url(/images/STRENGTH.png);background-repeat:no-repeat;background-size:cover;background-position:center}.workout-content{background:#fff;padding:24px;display:flex;flex-direction:column;gap:16px}.workout-info{display:flex;flex-direction:column}.workout-info h3{margin:0 0 2px;font-size:18px;font-weight:700;color:#181818}.workout-info p{margin:0;font-size:14px;color:#666}.start-btn{width:100%;padding:10px 24px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:16px;font-weight:500;color:#181818;cursor:pointer;transition:all .2s ease}.start-btn:hover{background:#f5f5f5;border-color:#ccc}.explore-all-btn{width:90%;max-width:100%;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:20px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;margin-top:20px}.explore-all-btn:hover{border-color:#7c9885;color:#7c9885}.sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-top-row{display:grid;grid-template-columns:1.5fr 1.5fr;gap:30px;margin-bottom:24px}.sidebar-bottom-row{width:100%}.checkin-card,.progress-card,.ai-coach-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9}.checkin-card{width:100%}.checkin-card h3,.progress-card h3,.ai-coach-card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#1f2937}.checkin-card p,.progress-card p,.ai-coach-card p{font-size:14px;color:#6b7280;margin-bottom:20px}.mood-section,.focus-section{margin-bottom:20px}.mood-section h4,.focus-section h4{font-size:14px;font-weight:600;margin-bottom:12px;color:#374151}.mood-options,.focus-options{display:flex;gap:6px}.mood-btn,.focus-btn{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 6px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.mood-btn:hover,.focus-btn:hover,.mood-btn.selected,.focus-btn.selected{background:#7c9885;border-color:#7c9885;color:#fff}.mood-emoji{font-size:18px;margin-bottom:2px}.focus-icon{font-size:14px}.save-checkin-btn,.view-details-btn,.chat-coach-btn{width:100%;background:#7c9885;border:none;border-radius:8px;padding:12px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.save-checkin-btn:hover,.view-details-btn:hover,.chat-coach-btn:hover{background:#6b8571}.progress-card{width:100%}.progress-stats{margin-bottom:20px}.progress-row{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:4px}.progress-values{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#1f2937;margin-bottom:16px}.view-details-btn{background:transparent;border:1px solid #7c9885;color:#7c9885}.view-details-btn:hover{background:#7c9885;color:#fff}.ai-coach-card{text-align:center;width:100%}.coach-icon{font-size:32px;margin-bottom:12px}.ai-coach-card blockquote{font-style:italic;color:#6b7280;margin:16px 0 20px;padding:0 8px}.footer{background:#fff;border-top:1px solid #e5e7eb;padding:40px 0 20px;text-align:center}.footer-brand h3{font-size:24px;font-weight:700;color:#7c9885;margin-bottom:30px}.newsletter h4{font-size:16px;font-weight:600;margin-bottom:16px;color:#1f2937}.newsletter-form{display:flex;max-width:400px;margin:0 auto 30px;gap:8px}.newsletter-form input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:14px}.newsletter-form input:focus{border-color:#7c9885}.newsletter-form button{background:#7c9885;border:none;border-radius:8px;padding:12px 20px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.newsletter-form button:hover{background:#6b8571}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e5e7eb;font-size:14px;color:#6b7280}.footer-links{display:flex;gap:20px}.social-links{display:flex;gap:12px}.social-links a{width:32px;height:32px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s}.social-links a:hover{background:#7c9885}@media (max-width: 768px){.dashboard{padding:0 16px}.header,.nav-left{flex-direction:column;gap:20px}.nav-menu{gap:20px}.welcome-section{flex-direction:column;text-align:center;gap:20px}.stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.main-content{grid-template-columns:1fr;gap:30px}.sidebar-top-row{grid-template-columns:1fr;gap:20px}.mood-options,.focus-options{flex-direction:column}.footer-bottom{flex-direction:column;gap:16px}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}