:root{color:#fff;background-color:#050505;font-family:system-ui,-apple-system,sans-serif;font-weight:300}body{place-items:center;min-height:100vh;margin:0;display:flex}#app{justify-content:center;width:100%;display:flex}.settings-container{z-index:100;padding-bottom:20px;position:fixed;top:25px;left:25px}.settings-icon{opacity:.3;cursor:pointer;width:28px;height:28px;transition:transform .6s cubic-bezier(.25,1,.5,1),opacity .3s}.settings-container.menu-open .settings-icon{opacity:1;transform:rotate(90deg)}.settings-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;pointer-events:none;background:#0f0f0fe6;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:15px;width:220px;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:45px;left:0;transform:translateY(-10px)scale(.95)}.settings-container.menu-open .settings-panel{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.settings-icon:hover{opacity:.7}.thin-input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:4px;width:50px;padding:4px 8px;font-family:inherit;font-weight:300}.switch{width:34px;height:18px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#fff3;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#fff}input:checked+.slider:before{background-color:#000;transform:translate(16px)}.carousel-container{background-color:#111;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;width:80vw;max-width:1600px;height:80vh;padding:20px;display:flex;box-shadow:0 10px 40px #000000b3}.slider-wrapper{background:#0a0a0a;border-radius:8px;flex-grow:1;position:relative;overflow:hidden}.slider-track{will-change:transform;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.slide{box-sizing:border-box;min-width:100%;height:100%;padding:30px 60px}.slide-content{align-items:center;gap:50px;height:100%;display:flex}.info-section{flex-direction:column;flex:1;justify-content:center;display:flex}.media-section{flex:3;justify-content:center;align-items:center;height:100%;display:flex}.preview-media{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 8px 30px #0009}.info-section h2{letter-spacing:-1px;margin:0 0 10px;font-size:3.5rem;font-weight:200;line-height:1.1}.difficulty{color:#888;margin-bottom:25px;font-size:1.2rem}.stars{letter-spacing:3px}.concepts-container{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.concept-chip{color:#fff;text-shadow:0 1px 2px #0006;border-radius:20px;padding:5px 14px;font-size:.85rem;font-weight:500;box-shadow:0 2px 8px #0003}.info-section p{color:#bbb;font-size:1.25rem;font-weight:300;line-height:1.6}.nav-arrow{color:#ffffff4d;cursor:pointer;z-index:10;background:0 0;border:none;padding:20px 15px;font-size:30px;font-weight:100;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{color:#fff;background:#ffffff0d}.nav-arrow.left{left:0}.nav-arrow.right{right:0}.dots-container{text-align:center;margin-top:20px}.dot{cursor:pointer;background:#fff3;border-radius:50%;width:8px;height:8px;margin:0 6px;transition:all .3s;display:inline-block}.dot.active{background:#fff;transform:scale(1.5)}