/* Phông chữ và reset */
:root { --accent: #f39c12; --bg-bar: #111; --text: #fff; }
body { margin: 0; padding-top: 60px; font-family: 'Inter', sans-serif; background: #f0f2f5; }

/* Thanh Vỉa Hè (Street Bar) */
#street-bar {
    position: fixed; top: 0; left: 0; width: 100%; height: 50px;
    background: var(--bg-bar); color: var(--text); z-index: 10000;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 20px; box-sizing: border-box; border-bottom: 2px solid var(--accent);
}

/* Hiệu ứng Vuốt (Swipe Animation) */
.page-transition {
    animation: fadeBlur 0.5s ease-out;
}
@keyframes fadeBlur {
    from { opacity: 0; filter: blur(5px); transform: scale(1.02); }
    to { opacity: 1; filter: blur(0); transform: scale(1); }
}

/* Nút bấm điều hướng */
.btn-next {
    background: var(--accent); color: #000; border: none;
    padding: 8px 16px; border-radius: 20px; cursor: pointer;
    font-weight: 700; text-transform: uppercase; font-size: 12px;
}