.resources-hero{justify-content:center;align-items:center;min-height:50vh;display:flex;position:relative;overflow:hidden}.hero-bg-img{object-fit:cover;z-index:0;will-change:transform;width:100%;height:120%;position:absolute;top:0;left:0}.resources-hero .hero-overlay{z-index:1;background:linear-gradient(135deg,#0a0a0ae6 0%,#1a1a1ad9 50%,#ff6b354d 100%);position:absolute;inset:0}.resources-hero .hero-content-wrapper{z-index:2;text-align:center;padding:2rem;position:relative}.resources-title{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:900}.resources-subtitle{color:var(--text-primary);font-size:1.4rem;font-weight:400}.resources-container{background-color:var(--bg-dark-primary);padding:80px 5%}.section-header{text-align:center;margin-bottom:4rem}.section-title{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:900}.section-description{color:var(--text-primary);max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.7}.workout-programs-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto 6rem;display:grid}.program-card{background:linear-gradient(135deg, var(--bg-dark-card) 0%, var(--bg-dark-elevated) 100%);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.program-card:hover{box-shadow:var(--shadow-lg), 0 0 40px color-mix(in srgb, var(--primary-solid), transparent 70%);border-color:color-mix(in srgb, var(--primary-solid), transparent 60%);transform:translateY(-10px)}.program-card-bg{opacity:.08;transition:all var(--transition-slow);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.program-card.beginner .program-card-bg{background-image:-webkit-image-set(url(./program-beginner-fE1pQ8aO.webp) 1x);background-image:image-set("./program-beginner-fE1pQ8aO.webp" 1x)}.program-card.intermediate .program-card-bg{background-image:-webkit-image-set(url(./program-intermediate-DZOgDCeT.webp) 1x);background-image:image-set("./program-intermediate-DZOgDCeT.webp" 1x)}.program-card.advanced .program-card-bg{background-image:-webkit-image-set(url(./weights-C1WWqwcS.webp) 1x);background-image:image-set("./weights-C1WWqwcS.webp" 1x)}.program-card.toning .program-card-bg{background-image:-webkit-image-set(url(./gym-training-Dgo4_77H.webp) 1x);background-image:image-set("./gym-training-Dgo4_77H.webp" 1x)}.program-card:hover .program-card-bg{opacity:.15;transform:scale(1.1)}.program-card-content{z-index:1;flex-direction:column;flex-grow:1;padding:2.5rem;display:flex;position:relative}.program-header{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.program-level{text-transform:uppercase;letter-spacing:.5px;border-radius:25px;padding:.5rem 1.2rem;font-size:1.5rem;font-weight:700}.beginner-badge,.intermediate-badge,.advanced-badge,.toning-badge{color:#fff}.program-icon{color:var(--text-primary);justify-content:center;align-items:center;font-size:2.5rem;display:flex}.program-icon svg{filter:drop-shadow(0 2px 4px #0000004d)}.program-name{color:var(--text-primary);margin-bottom:1rem;font-size:1.8rem;font-weight:700}.program-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.program-details{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:.8rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.detail-item{color:var(--text-secondary);align-items:center;gap:.8rem;font-size:1rem;display:flex}.detail-icon{color:var(--text-primary);flex-shrink:0}.detail-text{font-weight:600}.program-highlights{margin-bottom:auto;padding-bottom:2rem;list-style:none}.program-highlights li{color:var(--text-secondary);border-bottom:1px solid #ffffff0d;padding:.6rem 0;font-size:.95rem;line-height:1.6}.program-highlights li:last-child{border-bottom:none}.download-program-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-normal);box-shadow:var(--shadow-md);letter-spacing:.5px;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:1rem 2rem;font-size:1rem;font-weight:700;display:flex}.download-program-btn svg{flex-shrink:0}.download-program-btn:hover{box-shadow:var(--shadow-glow), var(--shadow-lg);transform:translateY(-2px)}.best-practices-header{margin-top:4rem}.best-practices-section{max-width:1200px;box-shadow:var(--shadow-lg);border-radius:20px;margin:0 auto;position:relative;overflow:hidden}.best-practices-bg{opacity:.1;z-index:0;background-image:-webkit-image-set(url(./workout-bg-DQiWn1o7.webp) 1x);background-image:image-set("./workout-bg-DQiWn1o7.webp" 1x);background-position:50%;background-size:cover;position:absolute;inset:0}.best-practices-content{z-index:1;background:linear-gradient(135deg,#1a1a1af2 0%,#1e1e1ef2 100%);border:1px solid #ffffff1a;padding:3rem;position:relative}.best-practices-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;list-style:none;display:grid}.practice-item{transition:all var(--transition-normal);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.practice-icon{color:var(--text-primary);flex-shrink:0}.practice-icon svg{filter:drop-shadow(0 2px 4px #0000004d)}.practice-content{color:var(--text-secondary);font-size:1rem;line-height:1.7}.practice-content strong{color:var(--text-primary);margin-bottom:.3rem;display:block}.bmi-section{margin-bottom:6rem;padding:0 1rem}.bmi-card-container{max-width:600px;margin:0 auto}.bmi-card-content{background:linear-gradient(135deg, var(--bg-dark-card) 0%, var(--bg-dark-elevated) 100%);box-shadow:var(--shadow-lg);border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}.bmi-card-content:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b350d 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.bmi-form{z-index:2;position:relative}.form-row{gap:1.5rem;margin-bottom:1.5rem;display:flex}.input-wrapper{flex-direction:column;flex:1;gap:.5rem;display:flex}.input-wrapper label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.input-wrapper input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:1rem;font-family:inherit;font-size:1.1rem;transition:all .3s}.input-wrapper input:focus{border-color:var(--primary-solid);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-solid), transparent 90%);background:#0000004d;outline:none}.calculate-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-md);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.8rem;margin-bottom:2rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.calculate-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.bmi-result{text-align:center;background:#0003;border:1px solid #ffffff0d;border-radius:15px;padding:2rem;transition:all .5s}.bmi-result.locked{opacity:.6;filter:grayscale();pointer-events:none}.bmi-result.active{opacity:1;filter:grayscale(0);background:#ffffff08;border-color:#ffffff1a}.bmi-score-display{margin-bottom:1.5rem}.bmi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;display:block}.bmi-value{color:#fff;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;line-height:1}.bmi-gauge{background:#333;border-radius:10px;width:100%;height:12px;margin:0 auto 1.5rem;position:relative;overflow:hidden}.gauge-bar{opacity:.3;background:linear-gradient(90deg,#3b82f6 0% 18.5%,#22c55e 18.5% 50%,#eab308 50% 75%,#ef4444 75% 100%);border-radius:10px;transition:opacity .3s;position:absolute;inset:0}.bmi-result.active .gauge-bar{opacity:1}.gauge-marker{z-index:2;background:#fff;border-radius:2px;width:4px;transition:left 1s cubic-bezier(.22,1,.36,1);position:absolute;top:-2px;bottom:-2px;left:0%;transform:translate(-50%);box-shadow:0 0 10px #fffc}.bmi-message{color:var(--text-primary);min-height:1.6em;font-size:1.1rem;font-weight:600}.status-underweight{color:#60a5fa}.status-normal{color:#4ade80}.status-overweight{color:#facc15}.status-obese{color:#f87171}@media (width<=768px){.resources-title{font-size:2.5rem}.resources-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.section-description{font-size:1rem}.resources-hero{background-attachment:scroll;min-height:40vh}.workout-programs-grid{grid-template-columns:1fr}.program-name{font-size:1.4rem}.best-practices-list{grid-template-columns:1fr}.best-practices-content{padding:2rem}.form-row{flex-direction:column;gap:1rem}}.input-control-group{background:#0003;border:1px solid #ffffff1a;border-radius:10px;align-items:center;padding:.25rem;transition:all .3s;display:flex}.input-control-group:focus-within{border-color:var(--primary-solid);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-solid), transparent 90%);background:#0000004d}.input-control-group input{text-align:center;color:#fff;appearance:textfield;background:0 0;border:none;flex-grow:1;width:60px;padding:.8rem 0;font-size:1.2rem;font-weight:700}.input-control-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-control-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-control-group input:focus{box-shadow:none;outline:none}.qty-btn{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.qty-btn:hover{color:#fff;background:#ffffff26;transform:scale(1.05)}.qty-btn:active{transform:scale(.95)}.input-wrapper{padding-bottom:20px;position:relative}.input-control-group.has-error{background-color:#ef44440d;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.validation-message{color:#ef4444;text-align:left;opacity:0;pointer-events:none;width:100%;margin-top:5px;font-size:.85rem;font-weight:500;transition:all .3s;position:absolute;bottom:-5px;left:0;transform:translateY(-5px)}.validation-message.is-visible{opacity:1;transform:translateY(0)}html.light-mode .modal-content{color:var(--text-primary);background-color:#fff;border:1px solid #0000001a;box-shadow:0 4px 20px #00000026}html.light-mode .modal-warning-text{color:var(--text-secondary)}html.light-mode .modal-tag{color:var(--text-primary);background:#0000000d}html.light-mode .modal-list li{color:var(--text-secondary);background:#00000008}html.light-mode .modal-dev-note{background-color:#f9fafb;border:1px solid #0000001a}html.light-mode .dev-note-title{color:var(--text-primary)}html.light-mode .dev-note-text{color:var(--text-secondary)}html.light-mode .best-practices-content{background:#fff;border:1px solid #0000001a}html.light-mode .practice-item{background:#f9fafb;border:1px solid #0000000d}html.light-mode .program-card{background:linear-gradient(135deg,#fff,#f9fafb);border-color:#0000001a}html.light-mode .program-card:hover{box-shadow:0 10px 30px #0000001a}html.light-mode .program-name{color:var(--text-primary)}html.light-mode .program-description{color:var(--text-secondary)}html.light-mode .program-details{background:#00000008;border-color:#0000000d}html.light-mode .detail-item{color:var(--text-secondary)}html.light-mode .detail-icon{color:var(--text-primary)}html.light-mode .program-highlights li{color:var(--text-secondary);border-bottom-color:#0000000d}html.light-mode .practice-item{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #0000001a;box-shadow:0 2px 8px #0000000d}html.light-mode .practice-content{color:var(--text-secondary)}html.light-mode .practice-content strong{color:var(--text-primary)}html.light-mode .practice-icon{filter:brightness(.2)}html.light-mode .bmi-card-content{background:linear-gradient(135deg,#fff,#f9fafb);border-color:#0000001a}html.light-mode .input-wrapper label{color:var(--text-secondary)}html.light-mode .input-control-group,html.light-mode .input-wrapper input{color:var(--text-primary);background:#0000000d;border:1px solid #00000014}html.light-mode .qty-btn{color:var(--text-primary);background:#0000001a}html.light-mode .qty-btn:hover{background:#0003}html.light-mode .bmi-result{background:#00000008;border-color:#0000000d}html.light-mode .bmi-message{color:var(--text-primary)}html.light-mode .bmi-gauge{background:#e5e7eb}html.light-mode .gauge-marker{background:#1a1a1a;box-shadow:0 0 5px #00000080}
