.plans-page{background:#0f0f0f;color:#e5e7eb;min-height:100vh}.plans-hero{padding:5rem 1.5rem 3rem;text-align:center;background:linear-gradient(180deg,rgba(125,196,232,.08),transparent)}.plans-hero-inner{max-width:700px;margin:0 auto}.plans-badge{display:inline-block;font-size:.8125rem;font-weight:500;color:#7DC4E8;background:rgba(125,196,232,.1);border:1px solid rgba(125,196,232,.2);padding:.4rem 1rem;border-radius:9999px;margin-bottom:1.5rem}.plans-hero h1{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:3rem;font-weight:800;color:#f9fafb;letter-spacing:-.03em;line-height:1.1;margin:0 0 1rem}.plans-hero-sub{font-size:1.125rem;color:#9ca3af;line-height:1.7;margin:0}@media (max-width:640px){.plans-hero h1{font-size:2rem}.plans-hero{padding:3rem 1rem 2rem}}.plans-filters{padding:0 1.5rem;position:sticky;top:0;z-index:10;background:rgba(15,15,15,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.plans-filters-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:.5rem;padding:1rem 0;overflow-x:auto}.filter-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#9ca3af;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;border-radius:9999px;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:.375rem}.filter-btn:hover{border-color:rgba(255,255,255,.2);color:#e5e7eb}.filter-btn.active{background:#7DC4E8;border-color:#7DC4E8;color:#0f0f0f}.filter-icon{font-size:.9375rem}.filter-count{margin-left:auto;font-size:.8125rem;color:#6b7280;white-space:nowrap}.plans-grid-section{padding:2rem 1.5rem 4rem}.plans-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}@media (max-width:640px){.plans-grid{grid-template-columns:1fr;gap:1rem}}.plan-card{background:#141414;border:1px solid rgba(255,255,255,.06);border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .2s}.plan-card:hover{border-color:rgba(125,196,232,.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.plan-card-image{position:relative;width:100%;height:180px;overflow:hidden}.plan-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.plan-card:hover .plan-card-image img{transform:scale(1.05)}.plan-level{position:absolute;top:.75rem;right:.75rem;font-size:.6875rem;font-weight:700;color:#fff;padding:.25rem .6rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.05em}.plan-card-body{padding:1.25rem}.plan-card-body h3{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.25rem;font-weight:700;color:#f9fafb;margin:0 0 .5rem;line-height:1.3}.plan-desc{font-size:.875rem;color:#9ca3af;line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.plan-meta{display:flex;flex-wrap:wrap;gap:.75rem}.meta-item{font-size:.8125rem;color:#6b7280}.phase-preview{display:flex;gap:2px;margin-top:1rem;height:4px;border-radius:2px;overflow:hidden}.phase-tick{flex:1;border-radius:1px;opacity:.7}.plan-card:hover .phase-tick{opacity:1}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:transparent}.modal-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.modal-hero{position:relative;width:100%;height:220px;overflow:hidden}.modal-hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,20,20,1),rgba(20,20,20,.4) 50%,rgba(20,20,20,.1));display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:rgba(0,0,0,.8)}.modal-hero-content{display:flex;flex-direction:column;gap:.5rem}.plan-level-modal{display:inline-block;width:-moz-fit-content;width:fit-content;font-size:.6875rem;font-weight:700;color:#fff;padding:.2rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.05em}.modal-hero-content h2{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.75rem;font-weight:800;color:#f9fafb;margin:0;line-height:1.2}.modal-body{padding:0 1.5rem 1.5rem}.modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden}.stat{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;border-right:1px solid rgba(255,255,255,.06)}.stat:last-child{border-right:none}.stat-value{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.25rem;font-weight:800;color:#f9fafb}.stat-label{font-size:.6875rem;color:#6b7280;margin-top:.125rem}.modal-section{margin-bottom:1.5rem}.modal-desc{font-size:.9375rem;color:#d1d5db;line-height:1.7;margin:0 0 1.5rem}.modal-info-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.modal-info-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:.75rem}.info-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.info-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:.25rem}.info-value{font-size:.9375rem;color:#e5e7eb;line-height:1.5}.section-title{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1rem;font-weight:700;color:#f9fafb;margin:0 0 1rem}.weekly-timeline{display:flex;flex-direction:column;gap:.75rem}.phase-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.phase-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.phase-name{font-size:.875rem;font-weight:600;color:#e5e7eb}.phase-weeks{font-size:.75rem;color:#6b7280;margin-left:auto}.phase-bar{padding:.5rem .75rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem}.week-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.week-num{font-size:.75rem;font-weight:600;color:#9ca3af;width:28px;flex-shrink:0}.week-info{font-size:.8125rem;color:#d1d5db;line-height:1.4}.week-phase-tag{color:#9ca3af;font-style:italic}.modal-cta-section{text-align:center;padding-top:.5rem}.modal-cta{display:inline-block;padding:.875rem 2.5rem;background:#7DC4E8;color:#0f0f0f;font-size:1rem;font-weight:700;border-radius:.5rem;text-decoration:none;transition:all .15s}.modal-cta:hover{background:#93d1f0;transform:translateY(-1px);box-shadow:0 4px 16px rgba(125,196,232,.3)}.modal-cta-note{display:block;margin-top:.625rem;font-size:.8125rem;color:#6b7280}.plans-bottom-cta{padding:4rem 1.5rem 5rem;text-align:center;background:linear-gradient(180deg,transparent,rgba(125,196,232,.05))}.plans-bottom-inner{max-width:500px;margin:0 auto}.plans-bottom-cta h2{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.75rem;font-weight:800;color:#f9fafb;margin:0 0 .75rem}.plans-bottom-cta p{font-size:1rem;color:#9ca3af;line-height:1.7;margin:0 0 1.5rem}.cta-button{display:inline-block;padding:.875rem 2rem;background:#7DC4E8;color:#0f0f0f;font-size:1rem;font-weight:700;border-radius:.5rem;text-decoration:none;transition:all .15s}.cta-button:hover{background:#93d1f0;transform:translateY(-2px);box-shadow:0 4px 16px rgba(125,196,232,.3)}.cta-note{display:block;margin-top:.75rem;font-size:.8125rem;color:#6b7280}@media (max-width:640px){.modal-container{max-height:95vh;border-radius:1rem 1rem 0 0;margin-top:auto}.modal-overlay{align-items:flex-end;padding:0}.modal-hero{height:180px}.modal-stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid rgba(255,255,255,.06)}.stat:nth-child(2){border-right:none}.stat:nth-last-child(-n+2){border-bottom:none}}