#navWave{pointer-events:none;z-index:0;opacity:0;transition:opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#navWave.visible{opacity:1}.courses-hero{z-index:10;text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:0 2rem;display:flex;position:relative}.courses-hero-content{opacity:0;flex-direction:column;align-items:center;gap:1.2rem;animation:1s 2.4s forwards fadeUp;display:flex;transform:translateY(24px)}.courses-hero-eyebrow{letter-spacing:4px;color:#7f77dd;text-transform:uppercase;font-size:.68rem;font-weight:700}.courses-hero-title{color:#fff;letter-spacing:-1.5px;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.05}.courses-hero-title span{color:#7f77dd}.courses-hero-sub{color:#ffffff8c;max-width:480px;font-size:clamp(1rem,2vw,1.15rem);font-weight:300;line-height:1.7}.courses-page-section{z-index:10;background:#0a0a0a;border-top:1px solid #1a1a1a;padding:6rem 2rem 8rem;position:relative}.courses-page-wrap{max-width:900px;margin:0 auto}.courses-page-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.course-card{background:#111;border:1px solid #1e1e1e;border-radius:16px;flex-direction:column;gap:1.2rem;padding:2.2rem;transition:border-color .25s,background .25s;animation:5s ease-in-out infinite floatUpDown;display:flex;position:relative;overflow:hidden}.course-card:before{content:"";background:#333;width:3px;transition:background .25s;position:absolute;top:0;bottom:0;left:0}.course-card:hover{background:#161616;border-color:#2a2a2a}.course-card:hover:before{background:#7f77dd}.course-card--open{border-color:#7f77dd40}.course-card--open:before{background:#7f77dd}.course-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.course-track{letter-spacing:3px;color:#555;text-transform:uppercase;font-size:.65rem}.course-badge{letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.25rem .75rem;font-size:.62rem}.course-badge--done{color:#444;background:#ffffff0a}.course-badge--open{color:#7f77dd;background:#7f77dd2e;border:1px solid #7f77dd4d;font-weight:600}.course-name{color:#fff;letter-spacing:-.3px;font-size:1.4rem;font-weight:700;line-height:1.2}.course-desc{color:#ffffff73;font-size:.86rem;font-weight:300;line-height:1.85}.course-topics{flex-direction:column;list-style:none;display:flex}.course-topics li{color:#ffffff59;border-bottom:1px solid #1a1a1a;align-items:center;gap:8px;padding:.35rem 0;font-size:.78rem;display:flex}.course-topics li:before{content:"";background:#7f77dd;border-radius:50%;flex-shrink:0;width:4px;height:4px}.course-completed-note{letter-spacing:1.5px;color:#444;text-transform:uppercase;border-top:1px solid #1a1a1a;padding-top:.5rem;font-size:.68rem}.course-card-btns{gap:.6rem;margin-top:auto;display:flex}.btn-view{color:#ffffff8c;letter-spacing:1px;cursor:pointer;text-transform:uppercase;font-size:.75rem;font-weight:500;font-family:var(--font-geist), sans-serif;background:0 0;border:1px solid #2a2a2a;border-radius:8px;flex:1;padding:.65rem 1rem;transition:border-color .2s,color .2s}.btn-view:hover{color:#7f77dd;border-color:#7f77dd}.btn-enroll{color:#fff;letter-spacing:2px;cursor:pointer;text-transform:uppercase;text-align:center;font-size:.78rem;font-weight:700;font-family:var(--font-geist), sans-serif;background:#7f77dd;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:.85rem 1.2rem;text-decoration:none;transition:background .25s,transform .2s,box-shadow .25s;display:flex;box-shadow:0 8px 24px #7f77dd4d}.btn-enroll:hover{background:#534ab7;transform:translateY(-1px);box-shadow:0 12px 32px #7f77dd66}.modal-overlay{z-index:2000;background:#000000e0;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-box{background:#111;border:1px solid #2a2a2a;border-radius:20px;width:100%;max-width:640px;max-height:85vh;padding:2.5rem;animation:.4s cubic-bezier(.34,1.2,.64,1) modalIn;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{color:#666;cursor:pointer;background:0 0;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:border-color .2s,color .2s;display:flex;position:absolute;top:1.3rem;right:1.3rem}.modal-close:hover{color:#7f77dd;border-color:#7f77dd}.modal-badge-row{margin-bottom:1rem}.modal-title{color:#fff;letter-spacing:-.8px;margin-bottom:.8rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.1}.modal-meta{align-items:center;gap:.6rem;margin-bottom:1.3rem;display:flex}.modal-meta-item{letter-spacing:1.5px;color:#555;text-transform:uppercase;font-size:.75rem}.modal-meta-dot{background:#333;border-radius:50%;width:3px;height:3px}.modal-desc{color:#ffffff80;border-bottom:1px solid #1a1a1a;margin-bottom:1.8rem;padding-bottom:1.8rem;font-size:.88rem;font-weight:300;line-height:1.9}.modal-topics-label{letter-spacing:3px;color:#7f77dd;text-transform:uppercase;margin-bottom:.8rem;font-size:.62rem}.modal-topics{grid-template-columns:1fr 1fr;gap:0;margin-bottom:2rem;list-style:none;display:grid}.modal-topics li{color:#ffffff80;border-bottom:1px solid #1a1a1a;align-items:center;gap:8px;padding:.45rem 0;font-size:.82rem;display:flex}.modal-topics li:before{content:"";background:#7f77dd;border-radius:50%;flex-shrink:0;width:4px;height:4px}.modal-btns{gap:.8rem;display:flex}.modal-btn-secondary{color:#fff6;cursor:pointer;font-size:.8rem;font-family:var(--font-geist), sans-serif;background:0 0;border:1px solid #2a2a2a;border-radius:8px;flex:1;padding:.85rem;transition:border-color .2s,color .2s}.modal-btn-secondary:hover{color:#fff9;border-color:#444}.modal-btn-enroll{color:#fff;letter-spacing:1px;cursor:pointer;text-transform:uppercase;font-size:.82rem;font-weight:600;font-family:var(--font-geist), sans-serif;background:#7f77dd;border:none;border-radius:8px;flex:2;padding:.85rem;transition:background .2s}.modal-btn-enroll:hover{background:#534ab7}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:680px){.courses-page-grid,.modal-topics{grid-template-columns:1fr}.modal-box{padding:1.8rem}}