.snap-container{height:100vh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth}.snap-container::-webkit-scrollbar{width:5px}.snap-container::-webkit-scrollbar-track{background:#0a0b1780}.snap-container::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:10px}.snap-container::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}.snap-section{scroll-snap-align:start;min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center}.non-snap-section{position:relative;z-index:30}.snap-section>div{width:100%;display:flex;align-items:center;justify-content:center;flex:1}.progress-indicator{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:50}.dot{width:12px;height:12px;border-radius:50%;background-color:#8b5cf64d;cursor:pointer;position:relative;transition:all .3s ease}.dot:hover{transform:scale(1.2);background-color:#8b5cf699}.dot.active{background-color:#8b5cf6;box-shadow:0 0 10px #8b5cf680}.dot .label{position:absolute;right:20px;top:0;white-space:nowrap;background-color:#111827cc;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;transform:translate(-10px);transition:all .3s ease;pointer-events:none}.dot:hover .label{opacity:1;transform:translate(0)}@media (max-width: 768px){.progress-indicator{right:10px}.dot{width:8px;height:8px}.snap-section{min-height:100vh}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-up-animation{animation:fadeUp .8s ease-out forwards}@media (pointer: coarse){.snap-container{scroll-snap-type:y proximity}.dot{width:10px;height:10px}.progress-indicator{gap:16px}}