body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{min-height:100vh;position:relative;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root>div:first-child,.landing-page-container{isolation:isolate;transform:translateZ(0)}.header{background:linear-gradient(135deg,#64c4e1,#d2a1e3);min-height:100vh;overflow:hidden;position:relative}.navbar{align-items:center;background:#0000;box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a}.navbar-scrolled .brand-name,.navbar-scrolled .nav-link{color:#333}.navbar-scrolled .nav-link:hover{color:#64c4e1}.navbar-scrolled .nav-link:after{background:#64c4e1}.nav-brand{align-items:center;display:flex;gap:.75rem}.logo{border-radius:8px;height:40px;width:40px}.brand-name{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;transition:color .3s ease}.nav-links{display:flex;gap:2rem}.nav-link{color:#ffffffe6;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#fff;transform:translateY(-1px)}.nav-link:after{background:#fff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;width:0}.nav-link:hover:after{width:100%}.hero-section{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:8rem 2rem 4rem}.hero-content{position:relative;z-index:5}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;text-align:left}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#feca57);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#fffc;font-size:1.25rem;line-height:1.6;margin-bottom:4rem;max-width:90%;text-align:left}.cta-section{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.cta-primary{background:linear-gradient(45deg,#ff6b6b,#feca57);border:none;border-radius:50px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.cta-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cta-primary:hover:before{left:100%}.cta-primary:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.guarantee{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin:0}.guarantee:before{color:#4ade80;content:"✓";font-weight:700}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.treadmill-image{filter:drop-shadow(0 20px 40px rgba(100,196,225,.2)) drop-shadow(0 15px 30px rgba(0,0,0,.15)) drop-shadow(0 5px 15px rgba(0,0,0,.1));height:auto;max-width:100%;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.treadmill-image:hover{filter:drop-shadow(0 30px 60px rgba(100,196,225,.25)) drop-shadow(0 20px 40px rgba(0,0,0,.2)) drop-shadow(0 10px 20px rgba(0,0,0,.15));transform:translateY(-6px) scale(1.02)}.floating-icon{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;display:flex;font-size:2rem;height:60px;justify-content:center;position:absolute;width:60px;z-index:5}.icon-1{animation-delay:0s;right:10%;top:20%}.icon-2{animation-delay:1s;left:5%;top:60%}.icon-3{animation-delay:2s;bottom:20%;right:20%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:968px){.hero-section{gap:2rem;grid-template-columns:1fr;padding:6rem 1rem 2rem;text-align:left}.hero-title{font-size:2.5rem;text-align:left}.hero-subtitle{margin-bottom:3rem;text-align:left}.nav-links{display:none}.treadmill-image{filter:drop-shadow(0 15px 30px rgba(100,196,225,.15)) drop-shadow(0 10px 20px rgba(0,0,0,.1)) drop-shadow(0 3px 10px rgba(0,0,0,.08))}.treadmill-image:hover{filter:drop-shadow(0 20px 40px rgba(100,196,225,.2)) drop-shadow(0 15px 30px rgba(0,0,0,.15)) drop-shadow(0 5px 15px rgba(0,0,0,.1));transform:translateY(-4px) scale(1.01)}}@media (max-width:640px){.hero-title{font-size:2rem;text-align:left}.hero-subtitle{font-size:1.1rem;margin-bottom:2.5rem;max-width:100%;text-align:left}.navbar{padding:1rem}.floating-icon{font-size:1.5rem;height:45px;width:45px}.hero-section{padding-top:5rem}.treadmill-image{filter:drop-shadow(0 10px 20px rgba(100,196,225,.12)) drop-shadow(0 8px 15px rgba(0,0,0,.08)) drop-shadow(0 2px 8px rgba(0,0,0,.06))}.treadmill-image:hover{filter:drop-shadow(0 15px 30px rgba(100,196,225,.18)) drop-shadow(0 12px 20px rgba(0,0,0,.12)) drop-shadow(0 4px 12px rgba(0,0,0,.08));transform:translateY(-3px)}.nav-brand{align-items:center;display:flex;gap:.75rem;transition:transform .2s ease}.nav-brand:hover{transform:translateY(-1px)}.nav-brand:active{transform:translateY(0)}}.about-section{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:6rem 0;position:relative}.about-container{margin:0 auto;max-width:1200px;padding:0 2rem}.about-header{margin-bottom:5rem;text-align:center}.about-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64c4e1,#d2a1e3);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem}.about-main-subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.about-content{display:flex;flex-direction:column;gap:4rem}.about-card{background:#fff;border:1px solid #64c4e11a;border-radius:20px;box-shadow:0 10px 40px #00000014;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-card:hover{box-shadow:0 20px 60px #64c4e126;transform:translateY(-8px)}.about-card-content{align-items:center;display:grid;min-height:400px}.about-card-content,.about-card-reverse .about-card-content{grid-template-columns:1fr 1fr}.about-card-reverse .about-text-content{order:2}.about-card-reverse .about-image-content{order:1}.about-text-content{padding:3rem;text-align:left}.about-card-title{color:#1e293b;display:inline-block;font-size:2rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-align:left;width:auto}.about-card-title:after{background:linear-gradient(45deg,#64c4e1,#d2a1e3);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:100%}.about-card-description{color:#475569;font-size:1.1rem;line-height:1.7;margin:0}.about-image-content{align-items:center;display:flex;justify-content:center;padding:2rem}.about-image-wrapper{aspect-ratio:1;background:linear-gradient(135deg,#64c4e1,#d2a1e3);border-radius:16px;max-width:350px;overflow:hidden;padding:4px;position:relative;width:100%}.about-card-image{border-radius:12px;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.about-card:hover .about-card-image{transform:scale(1.05)}@media (max-width:1024px){.about-card-content,.about-card-reverse .about-card-content{grid-template-columns:1fr;min-height:auto}.about-card-reverse .about-image-content,.about-card-reverse .about-text-content{order:0}}@media (max-width:968px){.about-section{padding:4rem 0}.about-container{padding:0 1rem}.about-main-title{font-size:2.5rem}.about-main-subtitle{font-size:1.1rem}.about-header{margin-bottom:3rem}.about-content{gap:3rem}.about-text-content{padding:3rem;text-align:left}.about-card-title{font-size:1.75rem}.about-card-description{color:#475569;font-size:1.1rem;line-height:1.7;margin:0;text-align:left}.about-image-content{padding:1rem 2rem 2rem}.about-image-wrapper{max-width:280px}}@media (max-width:640px){.about-main-title{font-size:2rem}.about-card-title{font-size:1.5rem}.about-text-content{padding:1.5rem}.about-image-content{padding:1rem 1.5rem 1.5rem}.about-image-wrapper{max-width:250px}}.footer{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;margin-top:6rem;padding:4rem 0;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#64c4e180,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1.5fr 1fr}.footer-logo-section{max-width:400px;text-align:left}.footer-brand{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.footer-logo{border-radius:12px;height:50px;width:50px}.footer-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64c4e1,#d2a1e3);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.footer-tagline{color:#fffc;font-size:1rem;line-height:1.6;margin:0 0 1.5rem;text-align:left}.footer-copyright-moved{margin-top:1rem}.footer-copyright-moved p{color:#ffffffb3;font-size:.9rem;margin:0;text-align:left}.footer-contact-section{display:flex;flex-direction:column;gap:1.5rem}.footer-section-title{color:#fff;display:inline-block;font-size:1.25rem;font-weight:600;margin:0 0 1rem;position:relative;text-align:center;width:100%}.footer-section-title:after{background:linear-gradient(45deg,#64c4e1,#d2a1e3);border-radius:1px;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:110px}.footer-contact-items{display:flex;flex-direction:column;gap:1rem}.footer-contact-item{align-items:center;display:flex;gap:.75rem}.footer-icon{color:#64c4e1;font-size:1.1rem;width:16px}.footer-contact-link{color:#ffffffe6;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-contact-link:hover{color:#64c4e1}.footer-links-list,.footer-links-section{align-items:center;display:flex;flex-direction:column}.footer-links-list{gap:.75rem;list-style:none;margin:0;padding:0}.footer-link{color:#fffc;font-size:.95rem;padding:.25rem 0;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#64c4e1;padding-left:8px}.footer-link:before{background:#64c4e1;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:width .3s ease;width:0}.footer-link:hover:before{width:4px}@media (max-width:968px){.footer{margin-top:4rem;padding:3rem 0}.footer-container{padding:0 1rem}.footer-content{gap:2.5rem;grid-template-columns:1fr;text-align:left}.footer-logo-section{max-width:none;text-align:left}.footer-contact-section{text-align:left}.footer-links-section{text-align:center}.footer-links-list{align-items:center}}@media (max-width:640px){.footer{padding:2rem 0}.footer-brand{align-items:flex-start;flex-direction:column;gap:.75rem}.footer-brand-name{font-size:1.5rem}.footer-content{gap:2rem}.footer-copyright-moved p{font-size:.85rem}}.character-selection-container{align-items:center;background:#0000;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:1rem 2rem 2rem;position:relative;width:100%}.character-selection-header{margin-bottom:1rem;margin-top:1rem;text-align:center}.character-selection-header h2{color:#fff;font-size:3rem;font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:0 4px 12px #0003}.character-spotlight-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;justify-content:center;max-width:1000px;overflow:visible;position:relative;width:95%}.character-spotlight-container canvas{display:block}.character-name-display{left:50%;pointer-events:none;position:absolute;top:2rem;transform:translateX(-50%);z-index:10}.character-name-display h3{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:.05em;margin:0;text-shadow:0 2px 8px #0006}.character-personality{left:50%;pointer-events:none;position:absolute;text-align:center;top:6rem;transform:translateX(-50%);z-index:10}.character-personality p{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;border:1px solid #ffffff1a;border-radius:20px;color:#fffffff2;font-size:1.2rem;font-style:italic;margin:0;padding:.5rem 1.5rem;text-shadow:0 2px 8px #0009}.spotlight-controls{align-items:center;display:flex;justify-content:space-between;left:0;padding:0 1rem;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff6;border-radius:50%;box-shadow:0 6px 20px #00000059;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:70px;justify-content:center;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}.nav-button.nav-left{transform:translateX(-40px)}.nav-button.nav-right{transform:translateX(40px)}.nav-button:hover{background:#ffffff4d;border-color:#feca57b3;box-shadow:0 8px 28px #feca5780;transform:scale(1.15)}.nav-button.nav-left:hover{transform:scale(1.15) translateX(-40px)}.nav-button.nav-right:hover{transform:scale(1.15) translateX(40px)}.nav-button:active{transform:scale(.95)}.nav-button.nav-left:active{transform:scale(.95) translateX(-40px)}.nav-button.nav-right:active{transform:scale(.95) translateX(40px)}.nav-button:disabled{cursor:not-allowed;opacity:.5}.character-progress{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.progress-dot{background:#ffffff4d;border:2px solid #0000;border-radius:50%;cursor:pointer;height:16px;transition:all .3s ease;width:16px}.progress-dot:hover{background:#ffffff80;border-color:#fff6;transform:scale(1.2)}.progress-dot.active{background:#feca57;border-color:#feca5799;box-shadow:0 0 20px #feca57cc;transform:scale(1.4)}.character-selection-instructions{color:#fffc;font-size:1rem;margin-top:2rem;text-align:center;text-shadow:0 1px 3px #0000004d}.selection-hint{bottom:2rem;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:15}.selection-hint.visible{opacity:1;transform:translateX(-50%) translateY(-10px)}.selection-hint p{animation:pulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#feca57f2,#ff6b6bf2);border:2px solid #ffffff4d;border-radius:30px;box-shadow:0 6px 20px #feca5780;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.03em;margin:0;padding:.8rem 1.8rem}@keyframes pulse{0%,to{box-shadow:0 6px 20px #feca5780;transform:scale(1)}50%{box-shadow:0 8px 28px #feca57b3;transform:scale(1.05)}}.character-selection-container-fixed{align-items:center;background:#0000;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;padding:1rem 2rem 2rem;pointer-events:none;position:fixed;top:0;width:100%;z-index:5}.character-selection-container-fixed>*{pointer-events:auto}@media (max-width:768px){.character-selection-container{padding:.5rem 1rem 1rem}.character-selection-header h2{font-size:2rem}.character-spotlight-container{width:98%}.character-name-display h3{font-size:1.8rem}.character-personality p{font-size:1rem;padding:.4rem 1.2rem}.spotlight-controls{padding:0 .5rem}.nav-button{font-size:1.5rem;height:60px;width:60px}.nav-button.nav-left{transform:translateX(-30px)}.nav-button.nav-right{transform:translateX(30px)}.nav-button.nav-left:hover{transform:scale(1.1) translateX(-30px)}.nav-button.nav-right:hover{transform:scale(1.1) translateX(30px)}}@media (max-width:480px){.character-name-display h3,.character-selection-header h2{font-size:1.5rem}.character-personality p{font-size:.9rem;padding:.4rem 1rem}.nav-button{font-size:1.3rem;height:50px;width:50px}.nav-button.nav-left{transform:translateX(-20px)}.nav-button.nav-right{transform:translateX(20px)}.nav-button.nav-left:hover{transform:scale(1.1) translateX(-20px)}.nav-button.nav-right:hover{transform:scale(1.1) translateX(20px)}}@media print{.character-selection-container{min-height:auto}.character-selection-instructions,.nav-button,.selection-hint{display:none}}.minimal-navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-sizing:border-box;display:flex;justify-content:flex-start;left:0;padding:1rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.minimal-navbar-scrolled{background:#fffffff2;box-shadow:0 2px 20px #0000001a}.minimal-nav-brand{align-items:center;display:flex;gap:.75rem;transition:transform .2s ease}.minimal-nav-brand:hover{transform:translateY(-1px)}.minimal-nav-brand:active{transform:translateY(0)}.minimal-logo{border-radius:8px;height:40px;width:40px}.minimal-brand-name{color:#000;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;transition:color .3s ease}.minimal-navbar-scrolled .minimal-brand-name{color:#333}@media (max-width:640px){.minimal-navbar{padding:1rem}.minimal-brand-name{font-size:1.25rem}}.exercise-page{height:100vh;overflow:hidden;position:relative;width:100%}.exercise-page .scroll-container{height:100vh;left:0;overflow-x:hidden;overflow-y:scroll;position:absolute;scroll-behavior:smooth;top:0;width:100%;z-index:10}.exercise-page .scroll-container::-webkit-scrollbar{display:none}.exercise-page .scroll-container{-ms-overflow-style:none;scrollbar-width:none}.exercise-page .room-scene-wrapper{background:linear-gradient(135deg,#64c4e1,#d2a1e3);height:100vh;min-height:100vh;position:relative;width:100%}.exercise-page .exercise-scene-wrapper{background:linear-gradient(180deg,#0f172a,#1e293b);height:100vh;min-height:100vh;position:relative;width:100%}.exercise-page .fixed-character-canvas{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:50}.exercise-page .lock-indicator{animation:slideDown .3s ease-out;left:50%;position:fixed;top:120px;transform:translateX(-50%);z-index:100}.exercise-page .lock-message{align-items:center;background:#ff4444f2;border-radius:24px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.exercise-page .debug-panel{background:#000c;border-radius:8px;color:lime;font-family:monospace;font-size:12px;padding:1rem;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.exercise-page .debug-panel>div{margin:4px 0}.exercise-page .character-name-display,.exercise-page .character-personality,.exercise-page .character-selection-dots,.exercise-page .character-spotlight-nav,.exercise-page .exercise-scene-wrapper canvas,.exercise-page .fixed-character-canvas canvas,.exercise-page .room-scene-wrapper canvas{pointer-events:none!important}.exercise-page button{pointer-events:auto!important}
/*# sourceMappingURL=main.8feffd22.css.map*/