.layout{display:flex;height:98vh;background:linear-gradient(135deg,#f8fafc,#eef2ff);font-family:Inter,sans-serif;overflow:hidden}.left-panel{width:300px;background:#000;color:#fff;padding:24px 18px;overflow-y:auto;box-shadow:8px 0 30px #00000014}.accordion-section{margin-bottom:18px}.accordion-header{width:100%;padding:12px 14px;border:none;background:#fff;font-weight:500;border-radius:10px;display:flex;justify-content:space-between;cursor:pointer;transition:all .25s ease;color:#000;font-size:20px}.accordion-header:hover{background:#fad764}.accordion-content{margin-top:10px;padding-left:6px}.slide-item{width:100%;padding:8px 12px;margin-bottom:6px;border-radius:8px;border:none;background:transparent;color:#cbd5e1;cursor:pointer;text-align:left;font-size:13px;transition:all .2s ease}.slide-item:hover{background:#ffffff14;color:#fff}.slide-item.active{background:linear-gradient(90deg,#f6efbe,#f7db4e);color:#000;font-weight:500}.left-panel::-webkit-scrollbar{width:6px}.left-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px}.right-panel{flex:1;padding:40px 60px;display:flex;flex-direction:column;justify-content:center}.video-wrapper{background:#fff;border-radius:20px;padding:20px;box-shadow:0 25px 60px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease}.video-wrapper:hover{transform:translateY(-4px)}.video-wrapper video{width:100%;border-radius:14px;background:#000}.controls{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:24px}.controls button{padding:8px 18px;border-radius:10px;border:none;font-size:14px;font-weight:500;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;cursor:pointer;transition:all .25s ease}.controls button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6366f166}.controls button:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.controls span{font-weight:500;color:#1e293b}.loader{font-size:18px;text-align:center}