@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.fitness-form{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:480px;margin:0 auto;padding:40px 36px 36px;animation:.6s cubic-bezier(.16,1,.3,1) both formSlideUp;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f}@keyframes formSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.form-header{text-align:center;margin-bottom:32px}.form-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 4px 20px #6366f166}.form-header h2{color:#f1f5f9;letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:600}.form-subtitle{color:#94a3b8;font-size:14px;line-height:1.5}.form-group{margin-bottom:22px;animation:.4s both fieldFadeIn}.form-group:nth-child(2){animation-delay:80ms}.form-group:nth-child(3){animation-delay:.16s}.form-group:nth-child(4){animation-delay:.24s}@keyframes fieldFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-group label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:4px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.label-required{color:#f87171;font-size:14px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:14px}.input-wrapper input{color:#f1f5f9;box-sizing:border-box;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 14px 14px 44px;font-family:inherit;font-size:15px;transition:all .25s}.input-wrapper input::placeholder{color:#475569}.input-wrapper input:focus{background:#6366f10f;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.input-wrapper input:focus~.input-icon,.input-wrapper input:focus+.input-icon,.form-group:focus-within .input-icon{color:#818cf8}.input-suffix{color:#64748b;pointer-events:none;font-size:13px;font-weight:500;position:absolute;right:14px}.check-icon{color:#34d399;animation:.3s cubic-bezier(.34,1.56,.64,1) checkPop;position:absolute;right:14px}@keyframes checkPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.form-group.has-error .input-wrapper input{background:#f871710f;border-color:#f87171}.form-group.has-error .input-icon{color:#f87171}.form-group.is-valid .input-wrapper input{border-color:#34d399}.form-group.is-valid .input-icon{color:#34d399}.error-message{color:#f87171;align-items:center;gap:4px;margin-top:6px;font-size:12.5px;animation:.35s errorShake;display:flex}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:16px;font-family:inherit;font-size:15px;font-weight:600;transition:all .25s;display:flex;position:relative;overflow:hidden}.submit-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .25s;position:absolute;inset:0}.submit-btn:hover:not(:disabled):before{opacity:1}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6366f173}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=540px){.fitness-form{border-radius:16px;padding:28px 20px 24px}.form-header h2{font-size:20px}.input-wrapper input{padding:12px 12px 12px 40px;font-size:14px}}.status-overlay{width:100%;max-width:480px;margin:0 auto;animation:.4s cubic-bezier(.16,1,.3,1) both overlayIn}@keyframes overlayIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.status-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:48px 36px;box-shadow:0 8px 32px #00000040}.status-icon-wrap{color:#818cf8;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex}.pulse-glow{background:#6366f11f;animation:2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 16px #6366f100}}.error-glow{color:#f87171;background:#f871711f}.status-label{color:#f1f5f9;margin:0 0 6px;font-size:18px;font-weight:600}.status-sublabel{color:#94a3b8;margin:0;font-size:14px}.progress-bar{background:#ffffff0f;border-radius:4px;height:4px;margin-top:28px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa,#6366f1) 0 0/200% 100%;border-radius:4px;width:40%;height:100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0;transform:translate(-100%)}to{background-position:-200% 0;transform:translate(350%)}}.retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;margin-top:24px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.is-error .status-label{color:#f87171}.home-page{flex-direction:column;align-items:center;min-height:100svh;padding:40px 32px 32px;display:flex;position:relative;overflow:hidden}.bg-blob{filter:blur(100px);pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.blob-1{background:radial-gradient(circle,#6366f12e,#0000 70%);width:500px;height:500px;top:-120px;right:-100px}.blob-2{background:radial-gradient(circle,#8b5cf624,#0000 70%);width:400px;height:400px;bottom:-80px;left:-80px}.blob-3{background:radial-gradient(circle,#3b82f614,#0000 70%);width:300px;height:300px;top:40%;left:50%;transform:translate(-50%)}.page-header{text-align:center;margin-bottom:36px;animation:.5s both headerFadeIn}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.logo-mark{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex;box-shadow:0 4px 20px #6366f159}.page-header h1{color:#f1f5f9;letter-spacing:-1px;margin:0 0 8px;font-size:36px;font-weight:700}.page-header h1 .accent{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tagline{color:#94a3b8;margin:0;font-size:15px}.page-content{flex:1;grid-template-columns:1fr 420px;align-items:start;gap:32px;width:100%;max-width:1100px;display:grid}.col-videos{flex-direction:column;gap:20px;min-height:300px;display:flex}.empty-state{text-align:center;background:#ffffff08;border:1.5px dashed #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:64px 32px;display:flex}.empty-icon{color:#475569;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.empty-title{color:#64748b;margin:0 0 4px;font-size:16px;font-weight:600}.empty-subtitle{color:#475569;margin:0;font-size:13px}.processing-card{animation:.4s cubic-bezier(.16,1,.3,1) both fadeSlideDown}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.video-card{background:#ffffff0d;border:1px solid #ffffff12;border-radius:16px;transition:border-color .2s;animation:.5s cubic-bezier(.16,1,.3,1) both cardSlideIn;overflow:hidden}.video-card:hover{border-color:#ffffff1f}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.video-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.video-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.video-card-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.video-card-metrics{color:#64748b;font-size:12px}.video-card-time{color:#475569;background:#ffffff0a;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px}.video-card-player{background:#000}.video-card-player video{aspect-ratio:16/9;object-fit:contain;width:100%;display:block}.col-form{position:sticky;top:32px}.page-footer{text-align:center;border-top:1px solid #ffffff0f;width:100%;margin-top:48px;padding-top:24px}.page-footer p{color:#475569;font-size:13px}.page-footer a{color:#818cf8;font-weight:500;text-decoration:none;transition:color .2s}.page-footer a:hover{color:#a5b4fc}@media (width<=900px){.page-content{grid-template-columns:1fr;gap:24px}.col-form{order:-1;position:static}.home-page{padding:28px 16px 24px}.page-header h1{font-size:28px}.tagline{font-size:14px}}:root{--sans:"Inter", system-ui, -apple-system, sans-serif;font-family:var(--sans);color:#94a3b8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1117;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:#0f1117;min-height:100svh;margin:0}#root{max-width:100%;min-height:100svh;margin:0 auto}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html{scroll-behavior:smooth}:focus-visible{outline-offset:2px;outline:2px solid #6366f1}