.scroll-indicator{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:8px}.scroll-dot{width:12px;height:12px;border:2px solid #39ff14;background:0 0;cursor:pointer;transition:all .3s ease;position:relative}.scroll-dot:hover{background:#39ff144d;transform:scale(1.3)}.scroll-dot.active{background:#39ff14;box-shadow:0 0 10px #39ff14cc}.scroll-label{position:absolute;right:20px;white-space:nowrap;font-size:11px;color:#39ff14;opacity:0;transition:opacity .3s ease;pointer-events:none;text-shadow:0 0 5px #39ff1480}.scroll-dot:hover .scroll-label{opacity:1}.progress-track{position:absolute;right:4px;top:0;width:4px;height:100%;background:#39ff1433}.progress-fill{position:absolute;top:0;left:0;width:100%;background:#39ff14;transition:height .1s ease;box-shadow:0 0 5px #39ff1480}@media(max-width:768px){.scroll-indicator{right:8px;gap:6px}.scroll-dot{width:8px;height:8px;border-width:1px}.scroll-label{display:none}.progress-track{width:2px;right:2px}}