*{box-sizing:border-box}body{background:#0a0f2e;color:#f0ead8;font-family:Georgia,serif;margin:0}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.course-hero{background:linear-gradient(135deg,#0a0f2e,#111936 60%,#0a0f2e);padding:4rem 0 3rem;border-bottom:1px solid rgba(201,168,76,.15);text-align:center}.hero-badge{display:inline-block;padding:.35rem 1rem;border:1px solid rgba(201,168,76,.4);border-radius:2rem;font-size:.8125rem;color:#c9a84c;letter-spacing:.05em;margin-bottom:1rem;font-family:sans-serif}.hero-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:800;color:#f0ead8;margin:0 0 .75rem}.hero-sub{font-size:1.0625rem;color:#a89f8c;max-width:620px;margin:0 auto 2rem;line-height:1.6}.level-selector{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.level-btn{background:#111936;border:1px solid rgba(201,168,76,.15);border-radius:.625rem;color:#a89f8c;font-size:.875rem;font-family:sans-serif;padding:.875rem 1.25rem;cursor:pointer;transition:all .15s;text-align:center;line-height:1.4;min-width:140px}.level-btn span{font-size:.75rem;color:#7a7060;display:block}.level-btn:hover{border-color:#c9a84c66;color:#f0ead8}.level-btn.active{background:#c9a84c1f;border-color:#c9a84c99;color:#c9a84c}.level-btn.active span{color:#c9a84c}.track-banner{padding:1.25rem 1.5rem;font-family:sans-serif;font-size:.9375rem;display:none}.track-banner.visible{display:block}.track-banner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:1rem}.track-emoji{font-size:1.75rem}.track-info h3{margin:0 0 .2rem;color:#f0ead8;font-size:1rem;font-family:sans-serif}.track-info p{margin:0;color:#a89f8c;font-size:.875rem}.course-body{padding:2.5rem 1.25rem 4rem}.course-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;margin-bottom:3rem}.module-sidebar{position:sticky;top:80px;height:fit-content}.module-list{display:flex;flex-direction:column;gap:.4rem}.module-btn{background:none;border:1px solid rgba(201,168,76,.1);border-radius:.5rem;color:#a89f8c;font-size:.8125rem;font-family:sans-serif;padding:.6rem .875rem;cursor:pointer;text-align:left;transition:all .15s;display:flex;align-items:center;gap:.5rem;width:100%}.module-btn:hover{border-color:#c9a84c4d;color:#f0ead8}.module-btn.active{background:#c9a84c1a;border-color:#c9a84c80;color:#c9a84c}.module-btn .mod-num{width:20px;height:20px;border-radius:50%;background:#c9a84c1a;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#c9a84c;line-height:1}.module-btn.active .mod-num{background:#c9a84c4d}.module-btn .mod-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-label{font-size:.7rem;font-family:sans-serif;color:#5a5040;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;padding-left:.25rem}@media(max-width:768px){.course-layout{grid-template-columns:1fr;gap:1rem}.module-sidebar{position:static;top:auto;background:#0a0e20cc;border-bottom:1px solid rgba(201,168,76,.15);padding:.75rem 1rem;margin:0 -1.25rem;width:calc(100% + 2.5rem)}.sidebar-label{display:none}.module-list{flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.module-list::-webkit-scrollbar{display:none}.module-btn{flex-direction:row;align-items:center;white-space:nowrap;flex-shrink:0;width:auto;padding:.45rem .75rem;font-size:.78rem;border-radius:2rem}.module-btn .mod-label{white-space:nowrap;overflow:visible;text-overflow:clip}}.module-content{background:#111936;border:1px solid rgba(201,168,76,.1);border-radius:.75rem;padding:2rem;min-height:400px}.mod-header{margin-bottom:1.5rem;border-bottom:1px solid rgba(201,168,76,.1);padding-bottom:1.25rem}.mod-tag{font-size:.75rem;font-family:sans-serif;color:#c9a84c;background:#c9a84c1a;padding:.2rem .6rem;border-radius:2rem;display:inline-block;margin-bottom:.5rem}.mod-title{font-size:1.375rem;font-weight:700;color:#f0ead8;margin:0 0 .5rem}.mod-duration{font-size:.8125rem;font-family:sans-serif;color:#7a7060}.mod-body{font-size:.9375rem;color:#a89f8c;line-height:1.75;font-family:sans-serif}.mod-body h3{color:#f0ead8;font-size:1rem;margin:1.25rem 0 .5rem;font-family:sans-serif}.mod-body p{margin:0 0 .75rem}.mod-body ul{padding-left:1.25rem;margin:0 0 .75rem}.mod-body li{margin-bottom:.35rem}.mod-body strong{color:#f0ead8}.mod-activity{background:#c9a84c0d;border:1px solid rgba(201,168,76,.15);border-radius:.5rem;padding:1rem 1.25rem;margin-top:1.25rem}.mod-activity h4{color:#c9a84c;font-size:.9rem;font-family:sans-serif;margin:0 0 .5rem}.mod-activity p{font-size:.875rem;color:#a89f8c;margin:0}.mod-nav{display:flex;justify-content:space-between;margin-top:1.5rem;gap:1rem}.mod-nav-btn{padding:.6rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-family:sans-serif;cursor:pointer;border:1px solid rgba(201,168,76,.25);background:transparent;color:#c9a84c;transition:background .15s}.mod-nav-btn:hover{background:#c9a84c14}.mod-nav-btn:disabled{opacity:.3;cursor:default}.mod-nav-btn.primary{background:#c9a84c;color:#0d1117;border-color:#c9a84c}.mod-nav-btn.primary:hover{background:#dbb95c}.tile-sample{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.tile{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-family:sans-serif;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:default}.kandles-ref{background:#111936;border:1px solid rgba(201,168,76,.1);border-radius:.75rem;padding:2rem;margin-bottom:2.5rem}.ref-title{font-size:1.25rem;font-weight:700;color:#f0ead8;margin:0 0 .5rem}.ref-sub{font-size:.9rem;color:#a89f8c;font-family:sans-serif;margin:0 0 1.5rem}.kandles-grid-wrap{overflow-x:auto}.kandles-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:420px}.k-cell{aspect-ratio:1;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6rem;font-family:sans-serif;cursor:pointer;transition:transform .1s;position:relative}.k-cell:hover{transform:scale(1.12);z-index:2}.k-cell .k-heb{font-size:.9rem;line-height:1}.k-cell .k-name{font-size:.45rem;opacity:.85}.k-cell.black-cell{background:#000!important}.grid-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-family:sans-serif;color:#a89f8c}.legend-dot{width:12px;height:12px;border-radius:2px;flex-shrink:0}.practice-zone{background:#111936;border:1px solid rgba(201,168,76,.1);border-radius:.75rem;padding:2rem}.practice-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.prac-tab{background:none;border:1px solid rgba(201,168,76,.15);border-radius:.375rem;color:#a89f8c;font-size:.875rem;font-family:sans-serif;padding:.5rem 1rem;cursor:pointer}.prac-tab.active{background:#c9a84c1a;border-color:#c9a84c80;color:#c9a84c}.prac-panel{display:none}.prac-panel.active{display:block}.prac-intro{font-size:.9rem;color:#a89f8c;font-family:sans-serif;margin-bottom:1rem}.flashcard-wrap{text-align:center}.flashcard{width:300px;min-height:180px;background:#c9a84c14;border:1px solid rgba(201,168,76,.25);border-radius:.75rem;margin:0 auto 1.25rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.flashcard-front{font-size:3rem;color:#f0ead8}.flashcard-back{font-size:.9375rem;font-family:sans-serif;color:#a89f8c;text-align:center;display:none}.flashcard-back.shown{display:block}.flashcard-controls{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:.75rem}.fc-btn{background:none;border:1px solid rgba(201,168,76,.25);color:#c9a84c;font-family:sans-serif;padding:.4rem .875rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.fc-counter{font-size:.8125rem;font-family:sans-serif;color:#7a7060}.fc-flip-btn{background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);color:#c9a84c;font-family:sans-serif;padding:.5rem 1.25rem;border-radius:.5rem;cursor:pointer;font-size:.875rem}.matching-letters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}.match-letter{width:50px;height:50px;border-radius:.4rem;border:2px solid rgba(201,168,76,.2);background:#0a0f2e;color:#f0ead8;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s;font-family:sans-serif}.match-letter.selected{border-color:#c9a84c!important;box-shadow:0 0 0 2px #c9a84c4d!important}.match-letter.correct{border-color:#27ae60!important;background:#27ae6033!important}.match-letter.wrong{border-color:#c0392b!important;background:#c0392b33!important}.match-color.correct{border-color:#27ae60!important;outline:2px solid #27ae60}.matching-colors{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.match-color{width:50px;height:50px;border-radius:.4rem;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .15s;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;font-family:sans-serif;font-weight:700}.match-color:hover{transform:scale(1.08)}.match-color.correct{border-color:#27ae60}.match-score{font-size:.9rem;font-family:sans-serif;color:#a89f8c}.quiz-q{font-size:1.0625rem;color:#f0ead8;font-family:sans-serif;margin-bottom:1rem;font-weight:600}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}.quiz-opt{background:#0a0f2e;border:1px solid rgba(201,168,76,.15);border-radius:.5rem;color:#a89f8c;font-size:.875rem;font-family:sans-serif;padding:.75rem;cursor:pointer;text-align:left;transition:all .15s}.quiz-opt:hover{border-color:#c9a84c66;color:#f0ead8}.quiz-opt.correct{background:#27ae6026;border-color:#27ae60;color:#27ae60}.quiz-opt.wrong{background:#c0392b1a;border-color:#c0392b;color:#e74c3c}.quiz-result{font-size:.9rem;font-family:sans-serif;color:#a89f8c;margin-bottom:.75rem;min-height:1.2rem}.quiz-next{padding:.5rem 1.25rem;border-radius:.375rem;border:1px solid rgba(201,168,76,.3);background:transparent;color:#c9a84c;font-family:sans-serif;cursor:pointer;font-size:.875rem}.quiz-score{font-size:.8rem;font-family:sans-serif;color:#7a7060;margin-top:.5rem}