@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&display=swap";:root{--ink-black:#050505;--turquoise-surf:#00e5ff;--pacific-blue:#07f;--white-pure:#fff;--gray-light:#e0e0e0;--gray-dark:#1a1a1a;--font-display:"Syne", sans-serif;--font-ui:"Poppins", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--ink-black);color:var(--white-pure);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.valen-logo-container{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.valen-vo-icon{background:var(--white-pure);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding-top:2px;line-height:.8;transition:transform .2s;display:flex}.valen-vo-icon span{font-family:var(--font-display);color:var(--ink-black);font-weight:900;display:block}.valen-vo-icon .o{color:var(--turquoise-surf)}.valen-logo-text{font-family:var(--font-display);letter-spacing:1px;color:var(--white-pure);white-space:nowrap;font-size:1.2rem;font-weight:800}.valen-logo-text .accent{color:var(--turquoise-surf)}.valen-logo-container.small{gap:.5rem}.valen-logo-container.small .valen-vo-icon{border-radius:6px;width:28px;height:28px}.valen-logo-container.small .valen-vo-icon span{font-size:12px}.valen-logo-container.small .valen-logo-text{font-size:1rem}.valen-logo-container.medium .valen-vo-icon{border-radius:8px;width:36px;height:36px}.valen-logo-container.medium .valen-vo-icon span{font-size:16px}.valen-logo-container.large{gap:1rem}.valen-logo-container.large .valen-vo-icon{border-radius:12px;width:56px;height:56px}.valen-logo-container.large .valen-vo-icon span{font-size:24px}.valen-logo-container.large .valen-logo-text{font-size:1.8rem}.valen-logo-container:hover .valen-vo-icon{transform:scale(1.05)}.error-boundary-container{color:#fff;z-index:9999;background:#050505;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.error-boundary-card{text-align:center;background:#111;border:1px solid #222;border-radius:16px;width:100%;max-width:480px;padding:2.5rem;box-shadow:0 20px 60px #00000080}.error-boundary-card h1{margin:1.5rem 0 .75rem;font-size:1.75rem;font-weight:600}.error-boundary-card p{color:#888;margin:0 0 1.5rem;line-height:1.6}.error-boundary-details{text-align:left;background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:1.5rem;padding:1rem;overflow-x:auto}.error-boundary-details code{color:#ff4d4d;word-break:break-word;font-size:.85rem}.error-boundary-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.error-boundary-btn{cursor:pointer;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}.error-boundary-btn.primary{color:#000;background:#00e5ff}.error-boundary-btn.secondary{color:#fff;background:0 0;border:1px solid #444}.error-boundary-btn:hover{transform:translateY(-1px)}.error-boundary-btn.primary:hover{background:#33ebff}.error-boundary-btn.secondary:hover{background:#ffffff0d}.skeleton{vertical-align:middle;background:#ffffff0f;display:inline-block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:1.6s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-rounded{border-radius:8px}.skeleton-text{border-radius:4px}.skeleton-circle{border-radius:50%}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.loading-fallback{background:var(--bg-primary,#09090b);width:100vw;height:100vh;color:var(--text-primary,#fafafa);display:flex;overflow:hidden}.loading-fallback-sidebar{background:var(--bg-secondary,#18181b);border-right:1px solid var(--border-color,#27272a);flex-direction:column;width:250px;min-width:250px;padding:0 1rem;display:flex}.loading-fallback-brand{justify-content:center;margin-bottom:1rem;padding:2rem .5rem;display:flex}.loading-fallback-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.loading-fallback-bottom{border-top:1px solid var(--border-color,#27272a);flex-direction:column;gap:.5rem;padding:1rem 0;display:flex}.loading-fallback-main{flex:1;max-width:1200px;padding:2rem;overflow-y:auto}.loading-fallback-title{margin-bottom:2rem}.loading-fallback-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.loading-fallback-card{background:var(--bg-secondary,#18181b);border:1px solid var(--border-color,#27272a);border-radius:8px;padding:1.5rem}.loading-fallback-chart{background:var(--bg-secondary,#18181b);border:1px solid var(--border-color,#27272a);border-radius:12px;padding:1.5rem}.loading-fallback-mb{margin-bottom:.5rem}@media (width<=768px){.loading-fallback-sidebar{display:none}}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;width:250px;height:100vh;display:flex}.sidebar-brand{justify-content:center;padding:2rem 1.5rem;display:flex}.sidebar-brand h2{color:var(--text-primary);letter-spacing:1px;margin:0;font-size:1.5rem}.sidebar-brand .accent{color:var(--accent-primary)}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:0 1rem;display:flex}.nav-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:.85rem 1.2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--accent-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-primary);color:var(--accent-text)}.sidebar-bottom{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.logout-btn{width:100%}.sidebar-error{color:#f99;background-color:#ff4d4d1f;border:1px solid #ff4d4d59;border-radius:6px;margin:.5rem 0;padding:.5rem .75rem;font-size:.8rem;line-height:1.3}.layout-container{--bg-primary:#09090b;--bg-secondary:#18181b;--surface-color:#18181b;--border-color:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--accent-primary:#00e5ff;--accent-hover:#00b8cc;--accent-text:#09090b;--ink-black-rgb:9, 9, 11;--alabaster-grey-rgb:250, 250, 250;--turquoise-surf-rgb:0, 229, 255;--success-color-rgb:46, 204, 113;--activity-swim-rgb:0, 229, 255;background-color:var(--bg-primary);width:100vw;height:100vh;color:var(--text-primary);display:flex;overflow:hidden}.main-content{flex:1;position:relative;overflow-y:auto}.login-container{background-color:var(--ink-black);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#0a0a0a;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;width:100%;max-width:420px;padding:3rem 2.5rem;display:flex;box-shadow:0 20px 40px #0006}.login-logo-wrapper{justify-content:center;margin-bottom:.5rem;display:flex}.login-subtitle{color:#fff6;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:2.5rem;font-size:.85rem;font-weight:500}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.form-group input{width:100%;color:var(--white-pure);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1rem 1.25rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--turquoise-surf);background:#ffffff0d;outline:none}.form-group input::placeholder{color:#fff3}.login-btn{cursor:pointer;background-color:var(--turquoise-surf);width:100%;color:var(--ink-black);text-transform:uppercase;letter-spacing:1px;font-size:.95rem;font-weight:800;font-family:var(--font-display);border:none;border-radius:12px;margin-top:1rem;padding:1rem;transition:all .2s}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00e5ff33}.login-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ff3d00;text-align:center;background:#ff3d001a;border:1px solid #ff3d0033;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;font-weight:600}.oauth-divider{color:#fff6;align-items:center;margin:1.5rem 0;font-size:.85rem;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.oauth-divider span{padding:0 1rem}.oauth-buttons{flex-direction:column;gap:.75rem;display:flex}.oauth-btn{cursor:pointer;width:100%;color:var(--white-pure);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;font-size:.95rem;font-weight:600;transition:all .2s}.oauth-btn:hover:not(:disabled){background:#ffffff14;transform:translateY(-1px)}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.oauth-google:hover:not(:disabled){border-color:#4285f466}.page-loading-fallback{flex:1;max-width:1200px;padding:2rem;overflow-y:auto}.page-loading-title{margin-bottom:2rem}.page-loading-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.page-loading-card{background:var(--bg-secondary,#18181b);border:1px solid var(--border-color,#27272a);border-radius:8px;padding:1.5rem}.page-loading-chart{background:var(--bg-secondary,#18181b);border:1px solid var(--border-color,#27272a);border-radius:12px;padding:1.5rem}.page-loading-mb{margin-bottom:.5rem}html,body{scroll-behavior:smooth;height:100%;margin:0}.valen-app{scroll-behavior:smooth;background-color:var(--ink-black);width:100vw;height:100vh;position:relative;overflow-x:hidden}.valen-header-fixed{z-index:100;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;width:100vw;padding:1.5rem 3%;display:grid;position:fixed;top:0;left:0}.valen-header-fixed>*{pointer-events:auto}.header-left{gap:1.5rem;display:flex}.header-link{color:var(--gray-light);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s}.header-link:hover{color:var(--turquoise-surf)}.header-center .logo{font-family:var(--font-ui);color:var(--white-pure);letter-spacing:2px;font-size:1.8rem;font-weight:800;text-decoration:none}.header-right{justify-content:flex-end;gap:1rem;display:flex}.btn-outline,.btn-primary{text-transform:uppercase;cursor:pointer;border-radius:4px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s}.btn-outline{color:var(--white-pure);background:0 0;border:1px solid #ffffff4d}.btn-outline:hover{border-color:var(--white-pure)}.btn-primary{background:var(--white-pure);color:var(--ink-black);border:none}.btn-primary:hover{background:var(--turquoise-surf)}.snap-section{width:100vw;height:100vh;padding:6rem 5% 2rem;display:flex;position:relative;overflow:hidden}.display-title{text-transform:uppercase;margin-bottom:1.5rem;font-size:5rem;font-weight:800;line-height:1.1}.display-subtitle{color:var(--gray-light);max-width:500px;font-size:1.2rem;line-height:1.6}.accent-text{color:var(--turquoise-surf)}.email-form-dynamic{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;gap:.5rem;padding:.5rem;display:flex}.email-form-dynamic input{color:var(--white-pure);font-family:var(--font-ui);background:0 0;border:none;outline:none;min-width:300px;padding:.8rem 1rem;font-size:1rem}.email-form-dynamic input::placeholder{color:#fff6}.email-form-dynamic button{background:var(--turquoise-surf);color:var(--ink-black);cursor:pointer;border:none;border-radius:4px;padding:0 1.5rem;font-weight:700;transition:transform .2s,background .3s}.email-form-dynamic button:hover{background:var(--white-pure);transform:scale(1.02)}.section-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center}.hero-content{flex-direction:column;align-items:center;display:flex}.form-pos-bottom-center{position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.section-engine{justify-content:space-between;align-items:center}.engine-content{flex-direction:column;flex:1;justify-content:center;margin-left:2rem;display:flex}.engine-visual{height:60vh;font-family:var(--font-display);color:var(--pacific-blue);background:#0077ff0d;border:1px solid #0077ff4d;border-radius:12px;flex:1;justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.engine-visual:after{content:"";background:linear-gradient(45deg,#0000 40%,#0077ff1a 45%,#0000 50%);position:absolute;inset:-50%;transform:rotate(20deg)}.form-pos-bottom-right{position:absolute;bottom:12%;right:5%}.section-coach{flex-direction:row-reverse;justify-content:space-between;align-items:center}.coach-content{flex-direction:column;flex:1;justify-content:center;margin-right:2rem;display:flex}.coach-visual{height:60vh;font-family:var(--font-display);color:var(--turquoise-surf);background:#00e5ff0d;border:1px solid #00e5ff4d;border-radius:12px;flex:1;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.form-pos-bottom-left{position:absolute;bottom:12%;left:5%}.section-join{text-align:center;flex-direction:column;justify-content:center;align-items:center}.section-join .display-title{margin-bottom:.5rem;font-size:6rem}.form-pos-center-large{margin-top:4rem;transform:scale(1.2)}.form-pos-center-large .email-form-dynamic{background:#ffffffe6;border-color:#0000}.form-pos-center-large input{color:var(--ink-black);font-weight:500}.form-pos-center-large input::placeholder{color:#00000080}body,html{overscroll-behavior:none;color:#fff;background:#000;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}@media (width<=900px){.presentation-slide>div{flex:100%!important;width:100%!important}.presentation-slide[style*="display: flex"]{flex-direction:column!important;justify-content:center!important;gap:1.5rem!important;width:90%!important;margin:0 auto!important}h1.display-title{fontsize:3rem!important}h2.display-title{fontsize:2rem!important}.presentation-slide div[style*="height: 300px"],.presentation-slide div[style*="height: 350px"]{margin-bottom:2rem;width:100%!important;height:180px!important;min-height:180px!important}.valen-header-fixed{justify-content:space-between!important;padding:1rem!important}.valen-header-fixed>div:nth-child(2){display:none!important}.cta-waitlist-form{border-radius:20px!important;flex-direction:column!important;padding:.4rem!important}.cta-waitlist-form button{width:100%;margin-top:.5rem;border-radius:12px!important;margin-left:0!important}}