@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-dark: #5568d3;--primary-light: #7c8ef7;--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--bg-primary: #1e3a5f;--bg-secondary: #2c5282;--bg-tertiary: #3b6fa8;--bg-card: rgba(59, 111, 168, .6);--text-primary: #ffffff;--text-secondary: #b4b4c8;--text-muted: #7a7a92;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(#1e3a5fd9,#1e3a5fe6),url(/assets/bg-calisthenics-Dfu1UiaN.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-hover);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-outline:hover:not(:disabled){border-color:var(--primary-light);background:#667eea1a}.btn-google{background:#fff;color:#1f1f1f;border:1px solid #e0e0e0}.btn-google:hover:not(:disabled){background:#f8f8f8;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-full{width:100%}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.card-subtitle{color:var(--text-secondary);font-size:.875rem}.app-logo{height:60px;width:auto;object-fit:contain;transition:transform var(--transition-base)}.app-logo:hover{transform:scale(1.05)}.btn-icon{margin-right:.25rem}.btn-text{display:inline}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-secondary);font-size:.875rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--error);font-size:.875rem;margin-top:var(--spacing-xs)}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#667eea}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:600px}.section{padding:var(--spacing-2xl) 0}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.mt-auto{margin-top:auto}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#667eea33;color:var(--primary-light)}.badge-success{background:#10b98133;color:var(--success)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-error{background:#ef444433;color:var(--error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideIn{animation:slideIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top-color:var(--primary-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--border-color);margin:var(--spacing-lg) 0}.divider-text{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--text-muted);font-size:.875rem}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border-color)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.dashboard-header .btn-text{display:none}.dashboard-header .btn-icon{margin-right:0}.dashboard-header .btn{padding:.5rem;aspect-ratio:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.auth-card{width:100%;max-width:450px}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.link-primary{color:var(--primary-light);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.link-primary:hover{color:var(--primary-dark)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.alert-error{background:#ef44441a;border:1px solid var(--error);color:var(--error)}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-md)}.progress-fill{height:100%;background:var(--primary-gradient);transition:width var(--transition-slow)}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.grid-4{grid-template-columns:repeat(4,1fr)}.option-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all var(--transition-base)}.option-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.option-card.active{border-color:var(--primary-light);background:#667eea1a}.option-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.option-label{font-weight:500;font-size:.875rem}.checkbox-grid{display:grid;gap:var(--spacing-md)}.dashboard-container{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-main{flex:1;padding:var(--spacing-2xl) 0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.workout-card{margin-bottom:var(--spacing-xl)}.exercise-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.exercise-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-base)}.exercise-item:hover{background:var(--bg-card)}.exercise-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:50%;font-weight:700;font-size:.875rem}.exercise-info{flex:1}.exercise-name{font-size:1rem;font-weight:600;margin-bottom:.25rem}.exercise-meta{margin:0}.workout-completed{width:100%}.success-message{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#10b9811a;border:1px solid var(--success);border-radius:var(--radius-lg)}.success-icon{font-size:2rem}.empty-state{padding:var(--spacing-2xl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.stat-card{text-align:center;padding:var(--spacing-xl)}.stat-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem}.workout-execution-container{min-height:100vh;display:flex;flex-direction:column}.workout-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:100}.workout-title{margin:0;font-size:1.25rem}.workout-progress-badge{background:var(--primary-gradient);padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:700;font-size:.875rem}.workout-main{flex:1;padding:var(--spacing-2xl) 0}.exercise-list-execution{display:flex;flex-direction:column;gap:var(--spacing-md)}.exercise-card{padding:var(--spacing-lg);transition:all var(--transition-base)}.exercise-card.completed{opacity:.7;background:#10b9810d}.checkbox-btn{width:32px;height:32px;min-width:32px;border:2px solid var(--border-color);border-radius:50%;background:transparent;color:#fff;font-size:1.25rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.checkbox-btn:hover{border-color:var(--primary-light)}.checkbox-btn.checked{background:var(--success);border-color:var(--success)}.exercise-details{flex:1}.exercise-sets{display:flex;gap:var(--spacing-sm)}.difficulty-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.difficulty-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.difficulty-btn:hover{border-color:var(--border-hover);transform:translateY(-2px)}.difficulty-btn.active{border-color:var(--primary-light);background:#667eea1a}.difficulty-icon{font-size:2rem}.difficulty-label{font-weight:600;color:var(--text-primary)}.profile-container{min-height:100vh;display:flex;flex-direction:column}.profile-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0}.profile-main{flex:1;padding:var(--spacing-2xl) 0}.profile-avatar-section{padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.profile-avatar-wrapper{position:relative;display:inline-block;margin:0 auto}.profile-avatar{width:100px;height:100px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin:0 auto}.profile-avatar-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-light)}.profile-avatar-upload{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid var(--bg-primary);transition:all var(--transition-base);font-size:1.25rem}.profile-avatar-upload:hover{transform:scale(1.1);box-shadow:var(--shadow-glow)}.spinner-sm{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-value{padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary)}.flex-1{flex:1}.progress-container{min-height:100vh;display:flex;flex-direction:column}.progress-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0}.progress-main{flex:1;padding:var(--spacing-2xl) 0}.stat-card-large{text-align:center;padding:var(--spacing-xl)}.stat-icon-large{font-size:3rem;margin-bottom:var(--spacing-md)}.stat-value-large{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label-large{font-size:.875rem;color:var(--text-secondary)}.workout-history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.workout-history-item{transition:all var(--transition-base)}.workout-history-name{font-size:1.125rem;margin-bottom:.25rem}.workout-notes{padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.mt-md{margin-top:var(--spacing-md)}.mt-sm{margin-top:var(--spacing-sm)}.workout-plan-container{min-height:100vh;display:flex;flex-direction:column}.workout-plan-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0}.workout-plan-main{flex:1;padding:var(--spacing-2xl) 0}.plan-info-section{margin-bottom:var(--spacing-xl)}.plan-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.plan-meta-item{display:flex;align-items:center;gap:var(--spacing-sm)}.plan-meta-label{color:var(--text-secondary);font-size:.875rem}.workouts-grid{display:grid;gap:var(--spacing-lg)}.workout-plan-card{transition:all var(--transition-base)}.workout-plan-card:hover{transform:translateY(-2px)}.workout-plan-header-card{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.workout-plan-title{font-size:1.25rem;font-weight:600;margin:0;display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.workout-day-badge{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);font-size:.875rem;font-weight:700;flex-shrink:0}.workout-plan-exercises{display:flex;flex-direction:column;gap:var(--spacing-md)}.plan-exercise-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-base)}.plan-exercise-item:hover{background:var(--bg-card);transform:translate(4px)}.plan-exercise-number{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:50%;font-weight:700;font-size:.875rem;color:var(--primary-light)}.plan-exercise-info{flex:1}.plan-exercise-name{font-size:1rem;font-weight:600;margin-bottom:.25rem}.plan-exercise-meta{font-size:.875rem;color:var(--text-secondary);margin:0}.plan-exercise-sets{flex-shrink:0}.plan-actions{margin-top:var(--spacing-xl)}@media (max-width: 768px){.grid-4{grid-template-columns:repeat(2,1fr)}.difficulty-options{grid-template-columns:1fr}.stat-value-large,.stat-icon-large{font-size:2.5rem}.workout-plan-title{font-size:1.125rem}.workout-day-badge{width:40px;height:40px;font-size:.75rem}.plan-meta{flex-direction:column;gap:var(--spacing-sm)}.app-logo{height:45px}.btn-sm{padding:.5rem .75rem;font-size:.875rem;min-width:auto}.btn-text{display:none}.btn-icon{display:inline;font-size:1.125rem}.dashboard-header .flex.gap-md,.progress-header .flex.gap-md,.workout-plan-header .flex.gap-md,.profile-header .flex.gap-md{gap:.5rem}}.auth-logo{height:120px;width:auto;object-fit:contain;margin-bottom:var(--spacing-md);transition:transform var(--transition-base)}.auth-logo:hover{transform:scale(1.05)}.feedback-floating-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),var(--shadow-glow);transition:all var(--transition-base);z-index:1000;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-lg),0 0 20px #667eea66}50%{box-shadow:var(--shadow-xl),0 0 30px #667eea99}}.feedback-floating-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-xl),0 0 40px #667eeacc}.feedback-floating-btn:active{transform:translateY(-2px) scale(1.02)}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.feedback-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.feedback-modal-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.feedback-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.feedback-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.feedback-form{padding:var(--spacing-xl)}.feedback-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-sm)}.feedback-type-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);color:var(--text-primary);font-weight:500;font-size:.875rem}.feedback-type-card:hover{background:var(--bg-card);transform:translateY(-2px);box-shadow:var(--shadow-md)}.feedback-type-card.active{background:#667eea1a;box-shadow:var(--shadow-md),0 0 10px #667eea33}.feedback-type-card span{text-align:center}.feedback-success{padding:var(--spacing-2xl);text-align:center;animation:fadeIn .3s ease-out}.feedback-success-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.feedback-success h4{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.feedback-success p{color:var(--text-secondary);margin:0}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.feedback-floating-btn{bottom:1rem;right:1rem;width:56px;height:56px}.feedback-modal{max-height:95vh}.feedback-type-grid{grid-template-columns:1fr}.feedback-modal-header,.feedback-form,.feedback-success{padding:var(--spacing-lg)}}.difficulty-btn-container{display:flex;justify-content:space-between;gap:.5rem}.difficulty-btn{width:64px;height:64px;border-radius:var(--radius-full);font-size:1.25rem;font-weight:700;border:3px solid var(--text-secondary);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;opacity:.7;display:flex;align-items:center;justify-content:center}.difficulty-btn:hover{transform:scale(1.1);border-color:var(--primary-light);opacity:1;box-shadow:0 8px 12px #0003;background:#667eea1a}.difficulty-btn.selected{background:var(--primary-gradient);border-color:#667eea;color:#fff;transform:scale(1.25);box-shadow:0 10px 20px #0000004d,0 0 0 8px #667eea33;opacity:1}.pain-btn-container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.pain-btn{padding:.875rem 1.25rem;border-radius:1.5rem;font-size:1rem;font-weight:600;border:2px solid #4a5568;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.pain-btn:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.pain-btn.pain-none{border-color:#4a5568}.pain-btn.pain-none:hover{border-color:#10b98180;background:#10b9810d}.pain-btn.pain-none.selected{background:#10b98133;border-color:#10b981;color:#10b981;transform:scale(1.05);box-shadow:0 6px 12px #10b9814d}.pain-btn.pain-mild{border-color:#4a5568}.pain-btn.pain-mild:hover{border-color:#f59e0b80;background:#f59e0b0d}.pain-btn.pain-mild.selected{background:#f59e0b33;border-color:#f59e0b;color:#f59e0b;transform:scale(1.05);box-shadow:0 6px 12px #f59e0b4d}.pain-btn.pain-moderate{border-color:#4a5568}.pain-btn.pain-moderate:hover{border-color:#ef444480;background:#ef44440d}.pain-btn.pain-moderate.selected{background:#ef444433;border-color:#ef4444;color:#ef4444;transform:scale(1.05);box-shadow:0 6px 12px #ef44444d}@media (max-width: 768px){.difficulty-btn{width:56px;height:56px;font-size:1.125rem}.difficulty-btn.selected{transform:scale(1.15)}.pain-btn{padding:.75rem 1rem;font-size:.9375rem}}.landing-page{width:100%;overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-images{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out}.hero-image.active{opacity:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e3a5ff2,#2c5282e6,#3b6fa8d9);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:var(--spacing-2xl);animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-logo{height:120px;width:auto;margin-bottom:var(--spacing-xl);filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.2;text-shadow:0 4px 12px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto var(--spacing-2xl);line-height:1.6}.hero-cta{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.cta-button{position:relative;overflow:hidden;font-size:1.125rem;padding:1rem 2.5rem;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #667eea80}50%{box-shadow:0 0 30px #667eeacc}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:2;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.scroll-arrow{width:30px;height:30px;border-left:3px solid var(--text-primary);border-bottom:3px solid var(--text-primary);transform:rotate(-45deg);opacity:.7}.section{padding:5rem 0;position:relative}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-lg);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-intro{font-size:1.125rem;color:var(--text-secondary);max-width:800px;margin:0 auto var(--spacing-2xl);line-height:1.8}.calisthenics-section{background:linear-gradient(180deg,transparent 0%,rgba(44,82,130,.3) 50%,transparent 100%)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.info-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.info-card:hover:before{transform:scaleX(1)}.info-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:var(--shadow-xl)}.info-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.info-description{color:var(--text-secondary);line-height:1.6;margin-bottom:0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.benefit-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);position:relative}.benefit-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary-light);box-shadow:var(--shadow-xl),0 0 30px #667eea33}.benefit-icon{font-size:3.5rem;margin-bottom:var(--spacing-md);display:inline-block;animation:float 3s ease-in-out infinite}.benefit-card:nth-child(2) .benefit-icon{animation-delay:.3s}.benefit-card:nth-child(3) .benefit-icon{animation-delay:.6s}.benefit-card:nth-child(4) .benefit-icon{animation-delay:.9s}.benefit-card:nth-child(5) .benefit-icon{animation-delay:1.2s}.benefit-card:nth-child(6) .benefit-icon{animation-delay:1.5s}.benefit-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.benefit-description{color:var(--text-secondary);line-height:1.6;margin-bottom:0}.for-everyone-section{background:linear-gradient(180deg,transparent 0%,rgba(44,82,130,.3) 50%,transparent 100%)}.levels-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.level-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);transition:all var(--transition-base)}.level-card:hover{transform:translateY(-5px);border-color:var(--primary-light);box-shadow:var(--shadow-xl)}.level-card-highlight{border-color:var(--primary-light);background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:scale(1.05)}.level-card-highlight:hover{transform:scale(1.08) translateY(-5px)}.level-badge{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg)}.badge-beginner{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-intermediate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-advanced{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.level-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.level-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.level-features{list-style:none;padding:0;margin:0}.level-features li{padding:.5rem 0;color:var(--text-secondary);font-size:1rem;line-height:1.6}.level-features li:before{content:"✓";color:var(--success);font-weight:700;margin-right:.5rem}.cta-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:5rem 0;text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.cta-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-2xl) 0;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-logo{height:50px;width:auto;opacity:.8}.footer-text{color:var(--text-muted);font-size:.875rem;margin:0}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-logo{height:80px}.hero-cta{flex-direction:column;gap:var(--spacing-md)}.hero-cta .btn{width:100%}.section-title{font-size:2rem}.section-intro{font-size:1rem}.info-grid,.benefits-grid,.levels-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.level-card-highlight{transform:scale(1)}.level-card-highlight:hover{transform:scale(1.02) translateY(-5px)}.cta-title{font-size:1.75rem}.cta-description{font-size:1rem}}.form-textarea::placeholder{color:#ffffff80!important;opacity:1}.orange-text{background:linear-gradient(135deg,#fb923c,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}