:root{--bg-primary: #0a0a0c;--bg-secondary: #121216;--bg-glass: rgba(255, 255, 255, .03);--accent-primary: #ff3366;--accent-secondary: #ff6b3b;--accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--text-primary: #ffffff;--text-secondary: #a0a0ab;--text-muted: #666670;--border-color: rgba(255, 255, 255, .08);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-pill: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--shadow-glow: 0 0 20px rgba(255, 51, 102, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.text-center{text-align:center}.mb-6{margin-bottom:3rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--border-radius-pill);transition:var(--transition-normal);text-transform:uppercase;letter-spacing:1px}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #f363}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff33660d}.btn-sm{padding:.5rem 1.5rem;font-size:.875rem}.btn-lg{padding:1rem 2.5rem;font-size:1rem}.btn-xl{padding:1.25rem 3rem;font-size:1.125rem}.btn-block{width:100%}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.header-container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{font-family:Outfit,sans-serif;font-weight:900;font-size:1.75rem;letter-spacing:-1px}.logo-dot{color:var(--accent-primary)}.nav{display:flex;gap:2rem;align-items:center}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:var(--transition-fast)}.nav-link:hover{color:var(--accent-primary)}.hero{position:relative;padding-top:160px;padding-bottom:100px;min-height:100vh;display:flex;align-items:center}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(255,51,102,.15) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(255,107,59,.1) 0%,transparent 40%);z-index:-1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-title{font-size:4.5rem;margin-bottom:1.5rem;letter-spacing:-2px}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:500px}.hero-actions{display:flex;gap:1rem}.hero-visual{position:relative;height:500px}.abstract-shape{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:var(--accent-gradient);opacity:.8;filter:blur(40px);animation:morph 8s ease-in-out infinite alternate}.shape-1{top:10%;right:10%;width:300px;height:300px}.shape-2{bottom:10%;left:10%;width:250px;height:250px;animation-delay:-2s;background:#ff6b3b}.shape-3{top:40%;right:40%;width:200px;height:200px;animation-delay:-4s}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(0) scale(1)}to{border-radius:70% 30% 30% 70%/70% 70% 30% 30%;transform:rotate(10deg) scale(1.1)}}.customizer-section{padding:6rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.section-title{font-size:3rem;margin-bottom:1rem}.section-description{color:var(--text-secondary);font-size:1.125rem}.customizer-card{max-width:800px;margin:3rem auto 0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:3rem;box-shadow:0 20px 40px #0006}.form-label{display:block;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.radio-label{cursor:pointer;display:block}.radio-label input[type=radio]{display:none}.radio-card{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;border:2px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-glass);transition:var(--transition-normal)}.radio-card .icon{font-size:1.5rem;color:var(--text-muted)}.radio-card .label{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.radio-label.active .radio-card,.radio-label input[type=radio]:checked+.radio-card{border-color:var(--accent-primary);background:#ff33660d}.radio-label.active .icon,.radio-label input[type=radio]:checked+.radio-card .icon,.radio-label.active .label,.radio-label input[type=radio]:checked+.radio-card .label{color:var(--accent-primary)}.grid-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.grid-item{cursor:pointer}.grid-item input[type=radio]{display:none}.grid-card{padding:1.25rem;text-align:center;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-glass);font-weight:500;color:var(--text-secondary);transition:var(--transition-normal)}.grid-item:hover .grid-card{border-color:var(--text-muted)}.grid-item.active .grid-card,.grid-item input[type=radio]:checked+.grid-card{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff;box-shadow:0 4px 15px #f363}.workout-result-section{padding:6rem 0;min-height:50vh}.plan-title{font-size:2.5rem;margin-bottom:.5rem}.plan-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-weight:600;font-size:.875rem}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.exercise-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.5rem;transition:var(--transition-normal);animation:slideUp .5s ease backwards}.exercise-card:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 10px 30px #00000080}.exercise-name{font-size:1.25rem;margin-bottom:1.5rem;color:#fff}.exercise-details{display:flex;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:1rem}.detail{display:flex;flex-direction:column;align-items:center}.detail-label{font-size:.75rem;color:var(--text-muted);font-weight:700;margin-bottom:.25rem}.detail-value{font-size:1.125rem;font-weight:600;font-family:Outfit}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-msg{text-align:center;color:var(--accent-primary);padding:3rem;font-size:1.25rem}.reviews-section{padding:6rem 0;background:var(--bg-primary)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.review-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;display:flex;flex-direction:column;height:100%;transition:var(--transition-normal)}.review-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 30px #ff33661a}.review-stars{color:#ffb400;font-size:1.25rem;margin-bottom:1rem;letter-spacing:2px}.review-text{font-size:1.1rem;font-style:italic;color:var(--text-secondary);margin-bottom:2rem;flex-grow:1;line-height:1.7}.review-author{display:flex;align-items:center;gap:1rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.author-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.author-name{font-size:1.1rem;margin-bottom:.25rem}.author-title{font-size:.85rem;color:var(--text-muted)}.pricing-section{padding:6rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;align-items:center}.pricing-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:3rem 2rem;position:relative;transition:var(--transition-normal);display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000080}.pricing-card.premium{border-color:var(--accent-primary);background:linear-gradient(180deg,rgba(255,51,102,.05) 0%,var(--bg-primary) 100%);transform:scale(1.05);box-shadow:0 20px 50px #ff336626}.pricing-card.premium:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--accent-gradient);color:#fff;padding:.5rem 1.25rem;border-radius:var(--border-radius-pill);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.pricing-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.pricing-tier{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:600}.pricing-price{font-size:3.5rem;font-weight:900;font-family:Outfit;color:#fff;display:flex;justify-content:center;align-items:baseline}.pricing-period{font-size:1rem;color:var(--text-muted);font-weight:500;margin-left:.25rem}.pricing-features{list-style:none;margin-bottom:2rem;flex-grow:1}.pricing-features li{margin-bottom:1rem;display:flex;align-items:center;gap:1rem;color:var(--text-secondary)}.pricing-features li.disabled{color:var(--text-muted);opacity:.5}.pricing-features .check{color:#10b981;font-weight:700}.pricing-features .cross{color:#ef4444;font-weight:700}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-actions{justify-content:center}.hero-title{font-size:3rem}.customizer-card{padding:1.5rem}.nav{display:none}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.pricing-card.premium{transform:none}.pricing-card.premium:hover{transform:translateY(-5px)}}#app{display:flex;flex-direction:column;min-height:100vh}