/* ===== ANIMATIONS ===== */
@keyframes pulse{0%,100%{opacity:1;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(.6)}}
@keyframes fadeUp{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes fadeReview{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes smoke{0%{transform:translate(0,0) rotate(0) scale(1);opacity:0}25%{opacity:.5}50%{transform:translate(30%,30%) rotate(180deg) scale(1.5);opacity:.3}75%{opacity:.5}100%{transform:translate(60%,60%) rotate(360deg) scale(1);opacity:0}}
@keyframes pfloat{0%,100%{transform:translate(0,0) scale(1);opacity:0}25%{transform:translate(50px,-30px) scale(1.3);opacity:.6}50%{transform:translate(100px,20px) scale(.8);opacity:.4}75%{transform:translate(50px,50px) scale(1.2);opacity:.6}}

/* ===== PROGRESS BAR & SIDE NAV ===== */
.progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#c9a96e,#e8d5a3);z-index:10000;transition:width .1s}
.side-nav{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:15px}
.side-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s}
.side-dot.active{background:#fff;transform:scale(1.3)}