.dock-container{display:flex;justify-content:center;align-items:center;width:100%;padding:.5rem 0}.dock{display:flex;gap:.75rem;padding:.5rem;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1rem;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 30px rgba(0,0,0,.1)}.dock-item-container{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer}.dock-item{width:48px;height:48px;border-radius:.75rem;background:hsla(0,0%,100%,.15);display:flex;justify-content:center;align-items:center;border:1px solid hsla(0,0%,100%,.2);color:#334155;transition:all .2s ease-in-out}.dock-item:hover{background:hsla(0,0%,100%,.4);color:#0f172a;transform:translateY(-8px) scale(1.05)}.dock-item-label{position:absolute;top:-2.2rem;font-size:.8rem;color:#334155;background:hsla(0,0%,100%,.5);padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.1);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dock{gap:.5rem;padding:.4rem}.dock-item{width:40px;height:40px;border-radius:.625rem}.dock-item-label{display:none}}.glassmorphic-block{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1rem;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 30px rgba(0,0,0,.1);color:#334155}.category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsla(0,0%,100%,.15);border-radius:.75rem;cursor:pointer;transition:background .3s ease;color:#475569;border:1px solid hsla(0,0%,100%,.2)}.category-item:hover{background:hsla(0,0%,100%,.4);color:#0f172a;border-color:hsla(0,0%,100%,.4)}.course-list::-webkit-scrollbar{width:6px}.course-list::-webkit-scrollbar-track{background:transparent}.course-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:6px;border:3px solid transparent}.course-list{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.course-list li:hover{background-color:hsla(0,0%,100%,.2)}