.recommended-card{background:#1a1a1a;border:1px solid #2a2a2a;border-left:4px solid;border-radius:8px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.recommended-card:hover{border-color:#3a3a3a;box-shadow:0 8px 24px #0006}.rec-badge{color:#fff;letter-spacing:.05em;z-index:10;background:#ff6464e6;border-radius:4px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}.rec-image{object-fit:cover;opacity:.8;width:100%;height:160px}.rec-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.rec-subtitle{color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.85rem;font-weight:500}.rec-content h3{margin-bottom:.8rem;font-size:1.2rem;font-weight:500;line-height:1.3}.rec-description{color:#aaa;flex:1;margin-bottom:1.2rem;font-size:.9rem;line-height:1.5}.rec-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8e4a4a,#6a3a3a);border:1px solid #a55555;border-radius:4px;align-self:flex-start;padding:.7rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.rec-btn:hover{background:linear-gradient(135deg,#a55555,#8e4a4a);transform:translate(4px)}@media (width<=480px){.rec-image{height:120px}.rec-content{padding:1rem}.rec-content h3{font-size:1rem}.rec-description{font-size:.85rem}}.course-card{background:#1a1a1a;border:1px solid #2a2a2a;border-top:3px solid;border-radius:6px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.course-card:hover{border-color:#3a3a3a;box-shadow:0 8px 24px #0006}.course-image{object-fit:cover;opacity:.85;width:100%;height:140px;transition:opacity .3s}.course-card:hover .course-image{opacity:1}.course-info{flex-direction:column;flex:1;padding:1.2rem;display:flex}.course-category{color:#a8a8a8;text-transform:uppercase;letter-spacing:.05em;background:#8e4a4a26;border-radius:3px;width:fit-content;margin-bottom:.6rem;padding:.3rem .6rem;font-size:.75rem;font-weight:500;display:inline-block}.course-info h3{flex:1;margin-bottom:.6rem;font-size:1.05rem;font-weight:500;line-height:1.3}.course-description{color:#888;flex:1;margin-bottom:.8rem;font-size:.85rem;line-height:1.4}.course-level{color:#b0b0b0;text-transform:uppercase;letter-spacing:.03em;background:#2a2a2a;border-radius:3px;align-self:flex-end;padding:.4rem .8rem;font-size:.8rem;font-weight:500}@media (width<=480px){.course-image{height:100px}.course-info{padding:.95rem}.course-info h3{font-size:.95rem}.course-description{font-size:.8rem}}.exercise-container{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;margin-bottom:1.5rem;padding:1.5rem}.exercise-header{margin-bottom:1.5rem}.exercise-header h4{color:#f5f5f5;margin-bottom:.5rem;font-size:1rem;font-weight:500}.exercise-guidance{color:#888;margin-top:.3rem;font-size:.85rem;font-style:italic}.exercise-body{margin-bottom:1rem}.exercise-textarea{color:#f5f5f5;resize:vertical;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;width:100%;min-height:100px;padding:.8rem;font-family:inherit;font-size:.9rem;line-height:1.5;transition:border-color .2s}.exercise-textarea:focus{border-color:#8e4a4a;outline:none}.exercise-textarea::placeholder{color:#555}.exercise-slider-group{flex-direction:column;gap:1rem;display:flex}.slider-track{width:100%}.exercise-slider{appearance:none;background:linear-gradient(90deg,#2a2a2a 0%,#3a3a3a 100%);border-radius:3px;outline:none;width:100%;height:6px}.exercise-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#8e4a4a,#6a3a3a);border:2px solid #0f0f0f;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 0 8px #8e4a4a66}.exercise-slider::-webkit-slider-thumb:hover{width:20px;height:20px;box-shadow:0 0 12px #8e4a4a99}.exercise-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#8e4a4a,#6a3a3a);border:2px solid #0f0f0f;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 0 8px #8e4a4a66}.exercise-slider::-moz-range-thumb:hover{width:20px;height:20px;box-shadow:0 0 12px #8e4a4a99}.slider-labels{color:#888;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.slider-value{color:#b0b0b0;text-align:center;flex:1;font-weight:500}.exercise-choices{flex-wrap:wrap;gap:.8rem;display:flex}.choice-btn{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:.6rem 1rem;font-size:.9rem;transition:all .2s}.choice-btn:hover{color:#f5f5f5;border-color:#3a3a3a}.choice-btn.selected{color:#fff;background:#8e4a4a;border-color:#a55555}.exercise-rating{gap:.5rem;display:flex}.star-btn{color:#555;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .2s}.star-btn:hover{color:#f5f5f5}.star-btn.filled{color:gold}.save-note-btn{color:#b0b0b0;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid #8e4a4a;border-radius:4px;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.save-note-btn:hover{color:#fff;background:#8e4a4a}@media (width<=768px){.exercise-container{padding:1rem}.exercise-textarea{min-height:80px}.slider-labels{font-size:.8rem}}.module-slides{flex-direction:column;gap:2rem;display:flex}.slides-viewer{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.slide-content{text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#141414 100%);justify-content:center;align-items:center;min-height:400px;padding:3rem;display:flex}.slide-title-type h2{letter-spacing:.02em;font-size:2.2rem;font-weight:500}.slide-subtitle-type p{color:#aaa;font-size:1.3rem;font-weight:300}.slide-text-type p{color:#ddd;white-space:pre-wrap;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.slide-quote-type blockquote{color:#b0b0b0;border-left:3px solid #8e4a4a;max-width:500px;margin:0 auto;padding-left:1.5rem;font-size:1.3rem;font-style:italic}.slide-data-type pre{color:#7cc576;text-align:left;background:#0f0f0f;border-radius:4px;max-width:600px;margin:0 auto;padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.slide-image-type img{border-radius:6px;max-width:100%;max-height:350px}.slide-controls{background:#141414;border-top:1px solid #2a2a2a;justify-content:center;align-items:center;gap:2rem;padding:1.5rem;display:flex}.slide-btn{color:#aaa;cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;padding:.7rem 1.2rem;font-size:.9rem;transition:all .2s}.slide-btn:hover:not(:disabled){color:#f5f5f5;background:#3a3a3a}.slide-btn:disabled{opacity:.4;cursor:not-allowed}.slide-counter{color:#888;font-size:.9rem;font-weight:500}.module-markdown{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:2rem}.module-markdown h3{color:#f5f5f5;margin-bottom:1.5rem;font-size:1.2rem}.markdown-body{flex-direction:column;gap:1rem;display:flex}.markdown-body p{color:#bbb;font-size:.95rem;line-height:1.6}.module-exercises{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:2rem}.module-exercises h3{color:#f5f5f5;margin-bottom:1.5rem;font-size:1.2rem}@media (width<=768px){.slide-content{min-height:300px;padding:1.5rem}.slide-title-type h2{font-size:1.6rem}.slide-quote-type blockquote{font-size:1.1rem}.slide-controls{gap:1rem}.module-markdown,.module-exercises{padding:1.5rem}}.notes-wall{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;margin-top:2rem;padding:2rem}.notes-wall h3{letter-spacing:.02em;margin-bottom:1.5rem;font-size:1.1rem;font-weight:500}.notes-input-area{flex-direction:column;gap:.8rem;margin-bottom:2rem;display:flex}.notes-textarea{color:#f5f5f5;resize:vertical;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;width:100%;min-height:80px;padding:.8rem;font-family:inherit;font-size:.9rem;line-height:1.5;transition:border-color .2s}.notes-textarea:focus{border-color:#8e4a4a;outline:none}.notes-textarea::placeholder{color:#555}.add-note-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8e4a4a,#6a3a3a);border:1px solid #a55555;border-radius:4px;align-self:flex-end;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.add-note-btn:hover:not(:disabled){background:linear-gradient(135deg,#a55555,#8e4a4a);transform:translateY(-2px);box-shadow:0 4px 12px #8e4a4a4d}.add-note-btn:disabled{opacity:.5;cursor:not-allowed}.notes-list{flex-direction:column;gap:1rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.notes-list::-webkit-scrollbar{width:6px}.notes-list::-webkit-scrollbar-track{background:#0f0f0f}.notes-list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.no-notes{color:#666;text-align:center;padding:1.5rem;font-size:.9rem;font-style:italic}.note-item{background:#0f0f0f;border-left:3px solid #8e4a4a;border-radius:3px;padding:.9rem;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.note-time{color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem;font-weight:500;display:block}.note-text{color:#ddd;white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.5}@media (width<=768px){.notes-wall{padding:1.5rem}.notes-textarea{min-height:70px;font-size:.85rem}.notes-list{max-height:300px}}.course-player{background:#0f0f0f;flex-direction:column;min-height:100vh;display:flex}.player-header{background:linear-gradient(#1a1a1a,#0f0f0f);border-bottom:1px solid #2a2a2a;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.back-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:4px;padding:.6rem 1rem;font-size:.9rem;transition:all .2s}.back-btn:hover{color:#f5f5f5;border-color:#3a3a3a}.player-header h1{letter-spacing:.03em;flex:1;font-size:1.8rem;font-weight:400}.player-container{flex:1;width:100%;max-width:1400px;margin:0 auto;display:flex}.modules-sidebar{background:#1a1a1a;border-right:1px solid #2a2a2a;width:250px;padding:1.5rem;overflow-y:auto}.modules-sidebar h3{text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:1rem;font-size:.9rem;font-weight:500}.modules-list{flex-direction:column;gap:.5rem;display:flex}.module-btn{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:.7rem 1rem;font-size:.9rem;line-height:1.3;transition:all .2s}.module-btn:hover{color:#f5f5f5;border-color:#2a2a2a}.module-btn.active{color:#f5f5f5;background:#2a2a2a;border-color:#404040}.player-content{flex:1;padding:2rem;overflow-y:auto}.player-loading{color:#888;justify-content:center;align-items:center;min-height:100vh;font-size:1.1rem;display:flex}@media (width<=768px){.player-container{flex-direction:column}.modules-sidebar{border-bottom:1px solid #2a2a2a;border-right:none;width:100%;max-height:150px;padding:1rem;overflow-x:auto}.modules-list{flex-flow:row;overflow-x:auto}.module-btn{flex-shrink:0}.player-header{flex-direction:column;align-items:flex-start}.player-content{padding:1.5rem}}.campus-layout{background:#0f0f0f;flex-direction:column;min-height:100vh;display:flex}.campus-header{background:linear-gradient(#1a1a1a,#0f0f0f);border-bottom:1px solid #2a2a2a;padding:2rem}.header-content{max-width:1400px;margin:0 auto}.campus-header h1{letter-spacing:.05em;margin-bottom:.5rem;font-size:2.5rem;font-weight:300}.user-greeting{color:#999;font-size:.95rem;font-weight:300}.campus-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:3rem 2rem}.campus-loading{color:#888;justify-content:center;align-items:center;min-height:100vh;font-size:1.1rem;display:flex}.recommended-section{margin-bottom:4rem}.recommended-section>h2{letter-spacing:.03em;color:#f5f5f5;margin-bottom:1.5rem;font-size:1.3rem;font-weight:400}.recommended-carousel{scroll-behavior:smooth;gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.recommended-carousel::-webkit-scrollbar{height:6px}.recommended-carousel::-webkit-scrollbar-track{background:#1a1a1a}.recommended-carousel::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.recommended-carousel>div{flex-shrink:0;width:320px;transition:transform .2s}.recommended-carousel>div:hover{transform:translateY(-4px)}.catalog-section>h2{letter-spacing:.03em;color:#f5f5f5;margin-bottom:1.5rem;font-size:1.3rem;font-weight:400}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.courses-grid>div{transition:transform .2s}.courses-grid>div:hover{transform:translateY(-4px)}@media (width<=768px){.campus-header{padding:1.5rem}.campus-header h1{font-size:1.8rem}.campus-main{padding:2rem 1rem}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.recommended-carousel>div{width:280px}}.app{background:#0f0f0f;min-height:100vh}.loading-screen{background:#0f0f0f;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.loader{border:3px solid #2a2a2a;border-top-color:#8e4a4a;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:#888;font-size:.95rem}.auth-prompt{background:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{text-align:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;max-width:500px;padding:3rem}.auth-card h1{letter-spacing:.05em;margin-bottom:.5rem;font-size:2rem;font-weight:300}.auth-card .subtitle{color:#999;margin-bottom:2rem;font-size:.95rem;font-weight:300}.auth-card .message{color:#aaa;margin-bottom:1rem;font-size:.95rem;line-height:1.6}.auth-card .info{color:#777;font-size:.85rem;font-style:italic}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5f5f5;background:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{color:#f5f5f5;background:#0f0f0f}#root{min-height:100vh}button{cursor:pointer;border:none;font-family:inherit}input,textarea{font-family:inherit}