@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";:root{--primary:#00d2ff;--primary-glow:#00d2ff66;--secondary:#3a7bd5;--bg-dark:#0f172a;--bg-darker:#020617;--card-bg:#1e293bb3;--card-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20% 0,#00507859 0%,#0000 60%),radial-gradient(at 80% 100%,#3a7bd533 0%,#0000 55%),url(/bg_hero.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-image .5s;overflow-x:hidden}body.page-login{background-image:radial-gradient(#0064a04d 0%,#0000 65%),url(/bg_login.png)}body.page-input{background-image:radial-gradient(at 30% 10%,#003c6466 0%,#0000 60%),url(/bg_input.png)}body.page-analysis{background-image:radial-gradient(at 10%,#0096c840 0%,#0000 55%),url(/bg_analysis.png)}body.page-result{background-image:radial-gradient(at 50% 100%,#10b9812e 0%,#0000 55%),radial-gradient(at 80% 0,#ffc80014 0%,#0000 45%),url(/bg_result.png)}body.page-guide{background-image:radial-gradient(at 20% 0,#00507859 0%,#0000 60%),radial-gradient(at 80% 100%,#3a7bd533 0%,#0000 55%),url(/bg_hero.png)}body.page-landing{background:#020617}body:before{content:"";opacity:.04;pointer-events:none;z-index:0;background-image:url(/bg_card_texture.png);background-repeat:repeat;background-size:512px 512px;position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem}.glass-panel{-webkit-backdrop-filter:blur(16px)saturate(140%);background:#0c1426e0;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 40px #0000008c,inset 0 1px #ffffff12}.content-scrim{background:#020617d1;min-height:100vh}.glass-button{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.glass-button:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.glass-button:active{transform:translateY(0)}.glass-button.secondary{box-shadow:none;background:#ffffff1a;border:1px solid #fff3}.glass-button.secondary:hover{background:#ffffff26}.container{flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:24px;display:flex}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 15px #00d2ff00}to{box-shadow:0 0 #00d2ff00}}.animate-pulse{animation:2s infinite pulseGlow}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.responsive-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (width>=768px){.responsive-grid{grid-template-columns:1fr 1fr}}.guide-step-card:hover{border-color:#00d2ff33!important}@media (width<=600px){.guide-step-card{grid-template-columns:1fr!important}}.landing-root{flex-direction:column;align-items:center;min-height:100vh;font-family:Outfit,Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.landing-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.landing-orb-1{background:radial-gradient(circle,#00b4ff2e 0%,#0000 70%);width:600px;height:600px;animation:14s ease-in-out infinite orbFloat1;top:-150px;left:-120px}.landing-orb-2{background:radial-gradient(circle,#3a7bd533 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite orbFloat2;bottom:0;right:-100px}.landing-orb-3{background:radial-gradient(circle,#00d2ff1a 0%,#0000 70%);width:300px;height:300px;animation:22s ease-in-out infinite reverse orbFloat1;top:40%;left:55%}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(40px,60px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-50px,-40px)}}.landing-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#00d2ff0a 1px,#0000 1px),linear-gradient(90deg,#00d2ff0a 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 0%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 0%,#0000 100%)}.landing-hero{z-index:2;text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:4rem 2rem 2rem;transition:opacity 1s,transform 1s;display:flex;position:relative;transform:translateY(30px)}.landing-hero--in{opacity:1;transform:translateY(0)}.landing-brand-row{align-items:center;gap:.75rem;margin-bottom:3.5rem;display:flex}.landing-logo-mark{filter:drop-shadow(0 0 12px #00d2ff80);animation:3s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 10px #00d2ff66)}50%{filter:drop-shadow(0 0 22px #00d2ffcc)}}.landing-brand-name{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#fff 0%,#94d8f8 60%,#00d2ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.landing-slogan-wrap{width:100%;max-width:820px;height:180px;margin-bottom:2.5rem;position:relative}.landing-slogan-item{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;transition:opacity .7s,transform .7s;display:flex;position:absolute;inset:0;transform:translateY(20px)}.landing-slogan-item--active{opacity:1;pointer-events:auto;transform:translateY(0)}.landing-slogan-headline{letter-spacing:-.01em;background:linear-gradient(135deg,#fff 0%,#a5d8f5 50%,#00d2ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5.5vw,3.6rem);font-weight:800;line-height:1.1}.landing-slogan-sub{color:#94a3b8e6;letter-spacing:.04em;font-size:clamp(.95rem,2vw,1.15rem);font-weight:300}.landing-dots{gap:.5rem;margin-bottom:3rem;display:flex}.landing-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.landing-dot--active{background:var(--primary);box-shadow:0 0 8px var(--primary-glow);border-radius:4px;width:24px}.landing-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.landing-cta-primary{letter-spacing:.03em;padding:14px 32px;font-family:Outfit,inherit;font-size:1.05rem}.landing-cta-secondary{color:#ffffffb3;cursor:pointer;letter-spacing:.03em;background:0 0;border:1px solid #ffffff2e;border-radius:12px;padding:14px 28px;font-family:Outfit,inherit;font-size:1.05rem;transition:all .3s}.landing-cta-secondary:hover{color:#fff;background:#ffffff0f;border-color:#ffffff52}.landing-scroll-hint{color:#ffffff40;animation:2s ease-in-out infinite bounceDown;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.landing-features{z-index:2;grid-template-columns:1fr;gap:1.25rem;width:100%;max-width:1100px;padding:0 2rem 4rem;display:grid;position:relative}@media (width>=768px){.landing-features{grid-template-columns:repeat(3,1fr)}.landing-slogan-wrap{height:160px}}.landing-feature-card{text-align:center;border:1px solid #00d2ff14;padding:2rem 1.75rem;transition:transform .3s,box-shadow .3s}.landing-feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000080,0 0 30px #00d2ff14}.landing-feature-icon{margin-bottom:1rem;font-size:2.2rem}.landing-feature-title{color:#f1f5f9;letter-spacing:.02em;margin-bottom:.6rem;font-family:Outfit,inherit;font-size:1.1rem;font-weight:700}.landing-feature-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.landing-footer{z-index:2;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.5rem 2rem;display:flex;position:relative}.landing-footer-brand{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#00d2ff,#3a7bd5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:700}.landing-footer-copy{color:#ffffff40;font-size:.8rem}.result-header{text-align:center;margin-bottom:2rem;padding-top:1rem;position:relative}.result-home-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.result-home-btn:hover{opacity:.8}.result-export-btn{background:var(--card-bg);border:1px solid var(--primary);color:var(--primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.result-export-btn:hover{background:var(--primary-glow);transform:translateY(-50%)scale(1.02)}.history-view-banner{border:1px solid var(--primary);background:#00d2ff0f;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.biomechanics-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}@media (width<=768px){.result-header{flex-direction:column;align-items:center;gap:12px;padding-top:.5rem;display:flex}.result-header h1{margin-top:40px;font-size:1.8rem!important}.result-home-btn{top:15px;left:10px;transform:none}.result-export-btn{justify-content:center;width:100%;margin-top:8px;position:static;transform:none}.result-export-btn:hover{transform:scale(1.01)}.history-view-banner{flex-direction:column;align-items:stretch;gap:14px;padding:1rem}.history-view-banner>div{width:100%;justify-content:center!important}.biomechanics-grid{grid-template-columns:1fr;gap:1rem}.container{padding:16px}nav{justify-content:space-between!important;gap:.5rem!important;padding:.5rem .75rem!important}nav>div:first-child{gap:.4rem!important;min-width:auto!important}nav>div:first-child span{letter-spacing:.04em!important;font-size:.8rem!important}nav>div:nth-child(2){gap:.5rem!important}nav>div:nth-child(2) a{white-space:nowrap!important;font-size:.75rem!important}nav>div:last-child{gap:.5rem!important;min-width:auto!important}nav>div:last-child a{gap:4px!important}nav>div:last-child a>div:last-child{flex-direction:column;align-items:flex-start;display:flex}nav>div:last-child a>div:last-child>div:first-child{white-space:nowrap!important;font-size:.72rem!important}nav>div:last-child a>div:last-child>div:last-child{white-space:nowrap!important;font-size:.55rem!important}nav>div:last-child a>div:first-child{width:26px!important;height:26px!important;font-size:.75rem!important}nav>div:last-child select{padding:2px 4px!important;font-size:.7rem!important}nav>div:last-child button{padding:2px!important}}@media (width<=380px){nav>div:first-child span{display:none!important}}